:root{--black:#111;--white:#fff;--yellow:#f6c500;--yellow-hover:#ffd21f;--yellow-ink:#b39000;--bg:#f5f5f2;--border:#e7e7e2;--danger:#b3261e;--danger-bg:#fdecea;--ok:#1e7b34;--ok-bg:#e6f4ea;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Public Sans", system-ui, sans-serif;--font-mono:ui-monospace, monospace;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}button,input,select{font:inherit}a{color:inherit}.app-header{z-index:40;background:var(--black);border-bottom:3px solid var(--yellow);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.app-header img{width:auto;height:30px}.app-header h1{color:#fff;margin-right:auto;font-size:16px}.icon-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-btn:active{background:#ffffff1f}.page{max-width:640px;padding:16px 16px calc(24px + var(--safe-bottom));margin:0 auto}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--yellow);color:var(--black)}.btn-primary:active{background:var(--yellow-hover)}.btn-dark{background:var(--black);color:#fff}.btn-dark:active{background:#2b2b2b}.btn-outline{background:var(--white);border:2px solid var(--black);color:var(--black);padding:11px 18px}.btn-ghost{color:#555;background:0 0;font-weight:600}.btn-block{width:100%}.btn[disabled]{opacity:.6;cursor:default}.login-page{flex-direction:column;min-height:100%;display:flex}.login-brand{background:var(--black);border-bottom:3px solid var(--yellow);flex-direction:column;align-items:center;gap:14px;padding:40px 20px 32px;display:flex}.login-brand img{width:auto;height:48px}.login-brand span{font-family:var(--font-mono);letter-spacing:.14em;color:var(--yellow);text-transform:uppercase;font-size:11px;font-weight:700}.login-body{flex:1;justify-content:center;align-items:flex-start;padding:28px 20px;display:flex}.login-card{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.login-card h2{font-size:20px}.field{color:#555;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input,.field select{border:1.5px solid var(--border);background:var(--white);min-height:48px;color:var(--black);border-radius:10px;padding:12px 14px;font-size:15.5px}.field input:focus,.field select:focus{outline:2px solid var(--yellow-ink);outline-offset:1px}.link-add{color:var(--yellow-ink);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:13px;font-weight:700}.inline-add{align-items:center;gap:8px;display:flex}.inline-add input{border:1.5px solid var(--border);border-radius:10px;flex:1;min-height:46px;padding:10px 14px;font-size:15px}.inline-add .btn{min-height:46px;padding:0 16px}.error{color:var(--danger);margin:0;font-size:13.5px;font-weight:600}.notice{border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice.error{background:var(--danger-bg);color:var(--danger)}.list-toolbar{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.list-title{align-items:baseline;gap:8px;display:flex}.toolbar-row{gap:10px;display:flex}.toolbar-row .btn{flex:1}.list-title h2{font-size:22px}.list-title .count{font-family:var(--font-mono);color:#888;font-size:13px}.work-list{flex-direction:column;gap:12px;display:flex}.work-row{background:var(--white);border:1px solid var(--border);color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.work-row:active{border-color:var(--yellow)}.work-row-thumb{background:var(--bg);color:#bbb;border-radius:8px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:11px;display:flex;overflow:hidden}.work-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.work-row-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.work-row-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--yellow-ink);text-transform:uppercase;font-size:10px;font-weight:700}.work-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.work-row-meta{color:#888;align-items:center;gap:6px;font-size:12.5px;display:flex}.status-dot{background:#ccc;border-radius:999px;flex:none;width:7px;height:7px}.status-dot.publicado{background:var(--ok)}.work-row-delete{color:#aaa;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.work-row-delete:active{background:var(--danger-bg);color:var(--danger)}.empty-state{text-align:center;color:#888;flex-direction:column;gap:8px;padding:48px 20px;font-size:14.5px;display:flex}.fab{right:20px;bottom:calc(20px + var(--safe-bottom));background:var(--yellow);width:58px;height:58px;color:var(--black);border-radius:999px;justify-content:center;align-items:center;font-size:28px;font-weight:700;line-height:1;text-decoration:none;display:flex;position:fixed;box-shadow:0 10px 24px -8px #11111173}.fab:active{background:var(--yellow-hover)}.form-page{padding-bottom:calc(96px + var(--safe-bottom))}.form{flex-direction:column;gap:18px;margin-top:16px;display:flex}.field-hint{color:#888;margin-top:-4px;font-size:12px;font-weight:400}.gallery-field{flex-direction:column;gap:10px;display:flex}.gallery-item{gap:12px;display:flex}.gallery-item .image-tile{aspect-ratio:1;flex-shrink:0;width:84px}.gallery-item-controls{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.gallery-item-controls select{border:1.5px solid var(--border);background:var(--white);min-height:40px;color:var(--black);border-radius:8px;padding:8px 10px;font-size:14px}.gallery-item-actions{gap:6px;display:flex}.gallery-item-actions button{border:1.5px solid var(--border);background:var(--white);color:#555;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.gallery-item-actions button:disabled{opacity:.35;cursor:default}.gallery-item-actions button.danger{color:var(--danger);border-color:var(--danger-bg);background:var(--danger-bg);margin-left:auto}.gallery-add{aspect-ratio:1;width:84px}.gallery-add .picker{text-align:center;gap:4px;font-size:10px}.image-tile{aspect-ratio:4/3;border:1.5px dashed var(--border);background:#1c1c1c;border-radius:10px;display:flex;position:relative;overflow:hidden}.image-tile.has-image{border-style:solid;border-color:var(--border)}.image-tile img{object-fit:cover;width:100%;height:100%}.image-tile .badge{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;z-index:1;background:#111111bf;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.image-tile .picker{color:var(--yellow);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.image-tile.has-image .picker{color:#0000;background:linear-gradient(#0000 55%,#1111118c)}.image-tile.has-image .picker span{color:#fff;text-shadow:0 1px 3px #0009;position:absolute;bottom:8px}.image-tile input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.checkbox-row{align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.checkbox-row input{width:20px;height:20px}.bottom-bar{z-index:30;background:var(--white);border-top:1px solid var(--border);padding:12px 16px calc(12px + var(--safe-bottom));gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar .btn{flex:1}@media (width>=640px){.page{padding:32px 20px calc(32px + var(--safe-bottom))}.fab{right:calc(50vw - 300px)}.bottom-bar{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:12px 12px 0 0;max-width:640px;left:50%;transform:translate(-50%)}}.preview-block{flex-direction:column;gap:10px;display:flex}.preview-label{font-family:var(--font-mono);letter-spacing:.1em;color:#888;text-transform:uppercase;font-size:11px;font-weight:700}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.work-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.work-gallery{aspect-ratio:4/3;background:#eee;position:relative;overflow:hidden}.work-slide{opacity:0;transition:opacity .6s;position:absolute;inset:0}.work-slide.is-active{opacity:1}.work-slide img{object-fit:cover;width:100%;height:100%;display:block}.work-slide .badge{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;background:#111111bf;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}@media (prefers-reduced-motion:reduce){.work-slide{transition:none}}.work-info{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.work-info .eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--yellow-ink);font-size:10.5px;font-weight:700}.work-info strong{font-size:15px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}