:root{--bg-0:#030917;--bg-1:#071329;--bg-2:#0d1f3d;--panel:#0d182e;--panel-soft:#111f38;--panel-border:#25395e;--text:#e7efff;--muted:#97a9ce;--brand-a:#a53dff;--brand-b:#ff3b8b;--ok:#3ddb9a;--warn:#f4be4f;--danger:#ff5f7f}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:radial-gradient(circle at 0 -10%,#1f3470 0,rgba(31,52,112,0) 35%),radial-gradient(circle at 100% 0,#241852 0,rgba(36,24,82,0) 34%),linear-gradient(160deg,var(--bg-0) 0,var(--bg-1) 48%,#081633 100%);color:var(--text);font-family:Segoe UI,Noto Sans,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}img,video{max-width:100%}article,div,main,section{min-width:0}.app-shell{width:min(1440px,calc(100vw - 8px));height:calc(100vh - 8px);margin:4px auto;grid-template-rows:auto minmax(0,1fr);grid-gap:12px;gap:12px}.app-shell,.route-transition-stage{display:grid;min-width:0;overflow:hidden}.route-transition-stage{position:relative;min-height:0;animation:routeFadeIn .24s ease-out both;will-change:opacity,transform}.route-transition-stage>*{min-width:0;min-height:0}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{border:1px solid #1c2f56;border-radius:14px;background:linear-gradient(180deg,#081127,#071126);padding:12px 16px;justify-content:space-between;gap:16px}.topbar,.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;min-width:0}.topbar-actions{justify-content:flex-end;gap:10px}.brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}.brand-wrap>div{min-width:0}.brand-wrap h1{margin:0;font-size:22px}.brand-wrap p{margin:2px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.brand-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));display:grid;place-items:center;font-weight:700;box-shadow:0 10px 22px rgba(162,62,255,.35)}.main-nav{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid #1f3259;border-radius:12px;padding:4px;background:#09142c}.nav-item{position:relative;overflow:hidden;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer;text-decoration:none}.nav-item:hover{color:#fff;background:rgba(149,188,255,.1)}.nav-item.active{background:#a23ee5;color:#fff}.nav-item.pending{color:#fff;background:rgba(149,188,255,.14);isolation:isolate}.card{border:1px solid var(--panel-border);border-radius:16px;background:linear-gradient(180deg,rgba(18,31,57,.92),rgba(12,23,43,.94));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{font-size:12px;color:#dbe6ff;border:1px solid #385689;border-radius:999px;padding:4px 10px;background:rgba(15,32,62,.75)}.setup-panel{position:relative}.setup-summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #1f3259;border-radius:12px;padding:4px 12px;background:#09142c;cursor:pointer;font-weight:600;white-space:nowrap}.setup-summary-label{color:var(--text)}.setup-summary::-webkit-details-marker,summary::-webkit-details-marker{display:none}.setup-panel[open] .setup-summary{border-color:#4f4a9a}.setup-summary-active{border-color:rgba(58,213,139,.55);background:rgba(13,42,33,.88)}.setup-summary-warning{border-color:rgba(255,95,127,.68);background:rgba(55,16,28,.9)}.setup-status-ok{color:#baf7d3;border-color:rgba(58,213,139,.5);background:rgba(31,112,72,.32)}.setup-status-warning{color:#ffd5de;border-color:rgba(255,95,127,.58);background:rgba(133,30,57,.36)}.setup-grid{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:min(720px,calc(100vw - 28px));margin-top:0;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.setup-actions{display:flex;align-items:center;gap:10px;grid-column:1/-1}.grid{display:grid;grid-gap:12px;gap:12px}.four-cols,.one-col,.three-cols,.two-cols{grid-template-columns:1fr}label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}input,select,textarea{width:100%;box-sizing:border-box;border:1px solid #29406a;background:#0a162b;color:var(--text);border-radius:10px;padding:9px 11px}select{color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#c9d8ff 0),linear-gradient(135deg,#c9d8ff 50%,transparent 0);background-position:calc(100% - 16px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}option{background:#0f1d34;color:#e7efff}option:checked,option:hover{background:#2a67c5;color:#ffffff}textarea{resize:vertical;min-height:90px}button{border:1px solid #2b4470;background:#10203d;color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:#95bcff}.primary-cta{border:0;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));box-shadow:0 12px 24px rgba(166,68,255,.34)}.compact-grid{gap:8px}.hidden,.hidden-file-input{display:none!important}.empty{margin:0;color:var(--muted)}pre{margin:0;border:1px solid #22395f;border-radius:10px;background:#061124;padding:10px;overflow:auto;min-height:120px;font-size:12px}:root{--bg-0:#050815;--bg-1:#081426;--bg-2:#10233b;--panel:#0f1a2c;--panel-soft:#15233a;--panel-border:#2d4b73;--text:#edf4ff;--muted:#9fb0ca;--brand-a:#22d3ee;--brand-b:#f43f8f;--ok:#34d399;--warn:#fbbf24;--danger:#fb7185}body,html{background:radial-gradient(circle at 12% 0,rgba(34,211,238,.18) 0,rgba(34,211,238,0) 28%),radial-gradient(circle at 88% 6%,rgba(244,63,143,.16) 0,rgba(244,63,143,0) 30%),linear-gradient(145deg,#050815,#081426 46%,#0d1930)}.card,.main-nav,.setup-grid,.setup-summary,.topbar{border-color:rgba(75,116,168,.58);background:linear-gradient(180deg,rgba(17,29,50,.96),rgba(9,18,34,.96));box-shadow:0 18px 48px rgba(0,0,0,.28)}.topbar{background:linear-gradient(90deg,rgba(10,20,39,.98),rgba(12,22,42,.96)),linear-gradient(135deg,rgba(34,211,238,.08),rgba(244,63,143,.08))}.brand-badge,.nav-item.active,.primary-cta{background:linear-gradient(135deg,#22d3ee,#8b5cf6 48%,#f43f8f);color:#ffffff;box-shadow:0 12px 30px rgba(34,211,238,.18),0 10px 28px rgba(244,63,143,.22)}.brand-wrap h1,.card-head h2,.card-head h3{color:#f8fbff}.brand-wrap p,.empty,label{color:#a9b8cf}input,pre,select,textarea{border-color:rgba(77,117,170,.62);background:linear-gradient(180deg,rgba(16,29,49,.92),rgba(8,16,30,.94));color:#edf4ff}button{border-color:rgba(82,123,177,.72);background:linear-gradient(180deg,rgba(25,42,68,.96),rgba(14,27,48,.96));color:#eaf3ff;box-shadow:0 8px 20px rgba(0,0,0,.16)}.nav-item:hover,.setup-summary:hover,button:hover:not(:disabled){border-color:rgba(34,211,238,.62);background:linear-gradient(180deg,rgba(28,52,82,.98),rgba(18,34,58,.98));color:#ffffff}.nav-item:focus-visible,.setup-summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:rgba(34,211,238,.9);box-shadow:0 0 0 2px rgba(34,211,238,.2),0 0 0 5px rgba(244,63,143,.08)}button:disabled{background:linear-gradient(180deg,rgba(25,38,59,.62),rgba(13,24,42,.72));color:rgba(180,194,216,.62);border-color:rgba(75,103,145,.42);box-shadow:none}.badge{border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.08);color:#c8f7ff}.setup-status-ok,.setup-summary-active{border-color:rgba(52,211,153,.62);background:rgba(13,71,58,.7);color:#d1fae5}.setup-status-warning,.setup-summary-warning{border-color:rgba(251,113,133,.68);background:rgba(85,25,42,.72);color:#ffe4ea}:focus-visible{outline:2px solid #8fb4ff;outline-offset:2px}summary{list-style:none}@media (max-width:759px){.app-shell{width:100vw;height:100dvh;margin:0}.app-shell,.topbar{padding:10px}.image-layout,.video-layout,.workflow-card{min-height:0;overflow-y:auto;padding-bottom:10px}.media-library{height:auto;max-height:none;overflow:visible}.creator-select-stack.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-select-stack label{font-size:12px;min-height:74px}.media-workspace{grid-template-columns:1fr}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible;padding-right:0}.image-lightbox,.video-lightbox{padding:12px}.video-lightbox-panel{width:100%;max-width:min(100%,calc((100dvh - 86px) * var(--video-aspect)));max-height:calc(100dvh - 24px)}.image-lightbox-panel{width:100%;max-height:calc(100vh - 24px)}.image-lightbox-picture,.video-lightbox-player{max-height:calc(100dvh - 86px);border-radius:10px}.image-reference-grid-wide{grid-template-columns:1fr}}@media (max-width:380px){.app-shell{width:min(100vw - 24px,100%);margin:12px auto 20px}.creator-select-stack.three-cols{grid-template-columns:1fr 1fr 1fr}.creator-select-stack label{padding:7px 8px}}@media (min-width:760px){.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.image-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;min-height:0;overflow:hidden}.image-main-column{min-width:0;min-height:0;overflow:hidden}.image-layout .creator-form{position:-webkit-sticky;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;scrollbar-gutter:stable}.image-gallery-shell{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.video-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;min-height:0;overflow:hidden}.video-sidebar-column{align-self:start;min-height:0}.video-layout .creator-form{position:static;align-self:start;height:auto;max-height:none;overflow:visible}.video-layout .creator-form-body{min-height:0;overflow:visible;padding-right:0;padding-bottom:0}.video-layout .creator-cta{position:static;z-index:3;display:block!important;visibility:visible!important;opacity:1!important;width:100%;margin-top:12px}.video-layout .video-sidebar-column{position:relative;z-index:3}.video-layout .media-gallery{position:relative;z-index:1}.video-main-column{min-width:0;min-height:0;overflow:hidden}.video-main-column .media-workspace{align-items:start;min-height:0;overflow:hidden}.video-main-column .media-gallery{align-self:start;min-height:0}.media-library{grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 40px);overflow:hidden}.media-library-grid{max-height:calc(100vh - 112px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(91,132,199,.72) rgba(5,12,28,.5)}.media-library-grid .media-tile{width:100%;max-width:none}.image-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;min-height:0;overflow:hidden}.image-main-column{min-width:0;min-height:0;overflow:hidden}.image-layout .creator-form{position:-webkit-sticky;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;scrollbar-gutter:stable}.image-gallery-shell{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.image-gallery-idle,.media-gallery-idle{min-height:340px;display:grid;place-items:center;border:1px dashed rgba(91,132,199,.36);border-radius:18px;background:linear-gradient(180deg,rgba(7,16,32,.7),rgba(3,9,22,.85))}.image-gallery-idle-copy.empty,.media-gallery-idle-copy{display:block;min-width:0;min-height:0;max-width:360px;margin:0 auto;padding:0 20px;border:0;background:transparent;color:#9fb2d6;font:inherit;font-size:16px;line-height:1.6;text-align:center;overflow-wrap:anywhere;text-wrap:pretty}