:root{--brand-primary: #8fd48f;--brand-secondary: #5aa9e6;--brand-accent: #6fbf73;--brand-text: #e8edf5;--brand-muted: #9aa6b8;--brand-surface: #1a2332;--brand-surface-soft: #121a26;--brand-border: #2c3a4f;--brand-bg: #0d121a;--danger: #f07178;--success: #8fd48f;--warning: #e6b35a;--font-brand: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--page-pad-x: clamp(.85rem, 3vw, 2rem);--page-pad-y: clamp(1rem, 2.5vw, 2.5rem);--topbar-h: 3.5rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;min-height:100%;min-height:100dvh}body{font-family:var(--font-brand);color:var(--brand-text);background:var(--brand-bg);overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto;display:block}a{color:var(--brand-primary)}.authenticated-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.app-shell{flex:1;width:100%;max-width:1400px;margin:0 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1rem,2vw,1.5rem);padding:var(--page-pad-y) var(--page-pad-x) calc(var(--page-pad-y) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--page-pad-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--page-pad-x) + env(safe-area-inset-right,0px));align-items:start}.app-shell-single{grid-template-columns:minmax(0,720px);justify-content:center}.hero,.panel{min-width:0;width:100%;background:transparent;border:0;border-radius:0;box-shadow:none;padding:.25rem 0}.panel{border:1px solid var(--brand-border);border-radius:16px;padding:clamp(1rem,2.5vw,1.35rem);background:#1a23328c;min-height:10rem}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.65rem,2.2vw,.72rem);color:var(--brand-muted);font-weight:600;word-break:break-word}h1,h2,h3{margin:0 0 .75rem;line-height:1.2;color:var(--brand-text);font-weight:650;overflow-wrap:anywhere}h1{font-size:clamp(1.35rem,4.5vw,2.1rem)}h2{font-size:clamp(1.05rem,3vw,1.15rem)}.lede{margin:0 0 1.5rem;color:var(--brand-muted);max-width:40rem;line-height:1.55;font-size:clamp(.88rem,2.4vw,.95rem)}.meta-line{margin:0 0 1rem;color:var(--brand-muted);font-size:.92rem}.field{display:grid;gap:.45rem;margin:0 0 1rem;max-width:16rem;width:100%;min-width:0}.field span{font-size:.92rem;color:var(--brand-text);font-weight:600}.field input,.field select,.field textarea{width:100%;max-width:100%;border:1px solid var(--brand-border);background:var(--brand-surface-soft);color:var(--brand-text);border-radius:10px;padding:.8rem .95rem;outline:none;font:inherit;font-size:1rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4d6485;box-shadow:0 0 0 3px #5aa9e626}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brand-muted) 50%),linear-gradient(135deg,var(--brand-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.2rem}.field select option{background:#121a26;color:var(--brand-text)}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.85rem 1.35rem;font-weight:700;font:inherit;font-size:.95rem;cursor:pointer;min-height:2.75rem;touch-action:manipulation}.primary-button,.generate-button{background:#8fd48f;color:#102016}.save-draft-button{background:#5ec2b7;color:#06241f}.secondary-button{background:transparent;color:var(--brand-text);border:1px solid var(--brand-border)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.error,.success,.warning,.placeholder{overflow-wrap:anywhere}.error{color:var(--danger)}.success{color:var(--success)}.warning{color:var(--warning);background:#e6b35a1f;border:1px solid rgba(230,179,90,.35);border-radius:12px;padding:.75rem .9rem}.placeholder{color:var(--brand-muted)}.select-field,.textarea-field{max-width:none}.textarea-field textarea{min-height:7.5rem;resize:vertical}.selection-hint{margin:0;color:var(--brand-muted);font-size:.85rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:clamp(.65rem,2vw,1rem);margin:1rem 0;width:100%}.image-card{background:var(--brand-surface-soft);border:1px solid var(--brand-border);border-radius:12px;padding:.6rem;display:grid;gap:.5rem;min-width:0;overflow:hidden}.image-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background:#0a1018}.replace-input{display:grid;gap:.3rem;font-size:.8rem;color:var(--brand-muted);cursor:pointer;min-width:0}.replace-input span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replace-input input{width:100%;max-width:100%;font-size:.78rem;color:var(--brand-muted)}.content-list{display:grid;gap:1rem;margin:1rem 0;width:100%}.content-item{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:var(--brand-surface-soft);border:1px solid var(--brand-border);border-radius:12px;padding:.85rem;min-width:0}.content-before,.content-after{display:grid;gap:.35rem;min-width:0}.content-before span,.content-after span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-muted);font-weight:700}.content-before p{margin:0;color:var(--brand-muted);font-size:.85rem;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.content-after textarea{width:100%;box-sizing:border-box;background:#0d121a;color:var(--brand-text);border:1px solid var(--brand-border);border-radius:10px;padding:.6rem .7rem;font:inherit;font-size:.85rem;resize:vertical;min-width:0}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:#7eb6ff;cursor:pointer;font-size:.85rem;padding:.4rem 0;text-decoration:underline;font:inherit;text-align:left}.save-draft-block{margin-top:1.25rem;display:grid;gap:.75rem;justify-items:stretch;width:100%}.content-editor,.image-editor{margin-top:.5rem;min-width:0;width:100%}.image-editor h2{margin-top:1.25rem}.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));width:100%}.login-card{width:min(100%,440px);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:18px;box-shadow:0 18px 50px #00000059;padding:clamp(1.15rem,4vw,1.75rem)}.login-card-narrow{width:min(100%,360px);text-align:center}.login-brand{margin-bottom:1.25rem}.login-logo{display:block;width:min(220px,70%);height:auto;margin-bottom:1.25rem}.login-lede{margin-bottom:0}.login-form{display:grid;gap:.25rem;margin-top:1.35rem}.login-form .field{max-width:none}.recaptcha-note{margin:.75rem 0 .25rem;font-size:.75rem;line-height:1.4;color:var(--brand-muted);text-align:center}.recaptcha-note a{color:inherit;text-decoration:underline}.login-back{width:100%;margin-top:.75rem}.login-submit{width:100%;margin-top:.5rem;border-radius:12px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--topbar-h);padding:.65rem var(--page-pad-x);padding-top:calc(.65rem + env(safe-area-inset-top,0px));padding-left:calc(var(--page-pad-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--page-pad-x) + env(safe-area-inset-right,0px));background:#0d121aeb;border-bottom:1px solid var(--brand-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;width:100%}.app-topbar-user{color:var(--brand-muted);font-size:clamp(.82rem,2.5vw,.92rem);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-label{color:var(--brand-muted)}.app-topbar-user strong{color:var(--brand-text)}.topbar-logout{flex-shrink:0;padding:.45rem .9rem;font-size:.88rem;border-radius:10px;white-space:nowrap}@media (max-width: 1100px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 900px){.app-shell,.content-item{grid-template-columns:1fr}}@media (max-width: 640px){.lede{margin-bottom:1.15rem}.field{max-width:none}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row,.save-draft-block{width:100%}.action-row .primary-button,.action-row .secondary-button,.save-draft-button{width:100%;justify-content:center;text-align:center}.panel{border-radius:14px}.textarea-field textarea{min-height:6.5rem}.login-shell{place-items:stretch center;align-content:center}.login-card{border-radius:14px}}@media (max-width: 420px){.image-grid{grid-template-columns:1fr}.app-topbar-user{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.eyebrow{letter-spacing:.08em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}