.config-warn{margin-top:40px;padding:24px;border:1px solid var(--warn);background:#b8730a14;color:var(--warn);font-size:13px;line-height:1.6}.config-warn code{font-family:SF Mono,Menlo,monospace;background:var(--surface);padding:1px 6px;font-size:12px}.users-login,.users-forbidden{max-width:460px;margin:60px auto;padding:40px;background:var(--surface-2);border:1px solid var(--line)}.users-login .login-eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.users-login h2,.users-forbidden h2{margin:0 0 16px;font-weight:300;font-size:28px;letter-spacing:.02em}.users-login h2 strong,.users-forbidden h2 strong{font-weight:700}.users-login p,.users-forbidden p{color:var(--muted);margin:0 0 24px;line-height:1.6}.users-login form{display:flex;flex-direction:column;gap:12px}.users-login input{font:inherit;padding:12px 14px;border:1px solid var(--line-2);background:var(--bg)}.users-login button{font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:12px 20px;background:var(--ink);color:var(--bg);border:none;cursor:pointer;transition:background .2s}.users-login button:hover{background:var(--accent)}.login-status{margin-top:12px;font-size:12px}.login-status.ok{color:var(--ok)}.login-status.error{color:var(--danger)}.heroes-app .page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.heroes-app .page-eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.heroes-app h1{margin:0;font-weight:300;font-size:36px;letter-spacing:.02em}.heroes-app h1 strong{font-weight:700}.heroes-app .page-sub{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0;max-width:640px}.heroes-app .page-sub a{color:var(--accent);border-bottom:1px solid currentColor}.publish-btn{font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:12px 20px;background:var(--ink);color:var(--bg);border:none;cursor:pointer;transition:background .2s}.publish-btn:hover{background:var(--accent)}.publish-btn:disabled{opacity:.5;cursor:not-allowed}.publish-status{margin:0 0 20px;font-size:12px;color:var(--muted);min-height:1.2em}.publish-status.ok{color:var(--ok)}.publish-status.error{color:var(--danger)}.hero-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-card{background:var(--surface-2);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0}.hero-card-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.hero-card-eyebrow{font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-family:SF Mono,Menlo,monospace}.hero-card-title{margin:0;font-weight:500;font-size:18px;letter-spacing:.02em}.hero-card-mode{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:4px 10px;background:var(--bg);border:1px solid var(--line-2);color:var(--muted);flex-shrink:0}.hero-card-mode.is-video,.hero-card-mode.is-photo,.hero-card-mode.is-slider{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.hero-card-previews{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;align-items:start}.hero-preview-wrap{display:flex;flex-direction:column;gap:6px}.hero-preview-tag{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:center}.hero-card-preview.is-desktop{aspect-ratio:16 / 9}.hero-card-preview.is-phone{aspect-ratio:9 / 16}.hero-card-preview{width:100%;background:var(--surface);overflow:hidden;position:relative}.hero-card-preview img,.hero-card-preview video{width:100%;height:100%;object-fit:cover;display:block}.hero-card-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-align:center;padding:0 20px;background:repeating-linear-gradient(45deg,transparent 0,transparent 9px,var(--line) 9px,var(--line) 10px)}.hero-card-modes{display:flex;flex-wrap:wrap;gap:8px}.mode-opt{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg);border:1px solid var(--line-2);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.mode-opt input{margin:0;accent-color:var(--ink)}.mode-opt:has(input:checked){background:var(--ink);color:var(--bg);border-color:var(--ink)}.hero-card-panel{background:var(--bg);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:16px}.upload-row{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:600px){.upload-row{grid-template-columns:1fr 1fr}}.upload-field{display:flex;flex-direction:column;gap:6px;font-size:11px;min-width:0}.upload-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}.upload-label small{font-weight:400;letter-spacing:.06em;text-transform:none;color:var(--muted)}.upload-field input[type=file],.upload-field input[type=number]{font:inherit;font-size:12px;padding:8px;background:var(--surface);border:1px solid var(--line-2);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.upload-current{font-size:11px;color:var(--muted);word-break:break-all;line-height:1.4}.upload-current.has-value{color:var(--ink)}.frame-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:4px;padding-top:14px;border-top:1px dashed var(--line-2)}@media(min-width:600px){.frame-row{grid-template-columns:1fr 1.4fr}}.frame-field{display:flex;flex-direction:column;gap:8px;min-width:0}.frame-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;display:flex;justify-content:space-between;align-items:baseline}.frame-label em{font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink);font-weight:600}.frame-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.frame-hint{font-size:10px;letter-spacing:.02em;text-transform:none;color:var(--muted);line-height:1.4}.slider-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.slider-item{position:relative;aspect-ratio:21 / 9;background:var(--ink);overflow:hidden}.slider-item img{width:100%;height:100%;object-fit:cover}.slider-item-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.slider-item-remove:hover{background:var(--danger)}.hero-card-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--line)}.hero-card-status{margin:0;font-size:11px;color:var(--muted)}.hero-card-status.ok{color:var(--ok)}.hero-card-status.error{color:var(--danger)}.hero-card-status.busy{color:var(--accent)}.hero-card-actions{display:flex;gap:8px}.btn-primary,.btn-secondary{font:inherit;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:10px 16px;cursor:pointer;border:1px solid var(--ink);transition:background .2s,color .2s}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink)}.btn-secondary:hover{background:var(--surface)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:14px 22px;font-size:12px;letter-spacing:.08em;z-index:100;box-shadow:0 4px 24px #00000040}.toast.error{background:var(--danger)}.toast.ok{background:var(--ok)}