:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f7f3ff;--violet:#8b3dff;--cyan:#23d5ff;--aqua:#72e8ff;--ink:#f7f3ff;--ink-dim:#efeaffbd;--ink-faint:#efeaff80;--line:#a07cff2e;--line-soft:#ffffff14;--field-bg:#0805169e;--field-bg-focus:#0c081ed1;--glass:linear-gradient(165deg, #281a548c, #0b081a9e);--glass-soft:linear-gradient(165deg, #1c133a80, #0906168c);--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--pill:999px;--shadow-card:0 26px 70px -34px #000000eb;--shadow-pop:0 18px 44px -18px #7540ff8c;--ring:0 0 0 3px #72e8ff2e;--edge:inset 0 1px 0 #ffffff0f;--grad-accent:linear-gradient(135deg, #8b3dff, #23d5ff);--grad-mint:linear-gradient(135deg, #8effd2, #72e8ff);--grad-gold:linear-gradient(135deg, #ffe16b, #37e4ff);background:#070512;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background-color:#0000;background-image:radial-gradient(circle at 18% 14%,#9144ff47,#0000 34%),radial-gradient(circle at 84% 8%,#25d1ff2e,#0000 30%),radial-gradient(circle at 70% 92%,#7e3fff1f,#0000 36%),linear-gradient(135deg,#05030d,#0c071c 50%,#05030d);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}::selection{color:#fff;background:#72e8ff4d}button{font:inherit}:focus-visible{outline-offset:2px;outline:2px solid #72e8ffb3}*{scrollbar-width:thin;scrollbar-color:#8b5aff80 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#8b5aff6b padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b5affa6 padding-box padding-box}.studio-shell{min-height:100vh}.studio-center{place-items:center;padding:clamp(16px,5vw,24px);display:grid}.login-card{border-radius:var(--r-xl);width:min(460px,100%);box-shadow:var(--shadow-card), 0 0 80px #823fff2e, var(--edge);background:radial-gradient(120% 120% at 50% -10%,#7b3fff38,#0000 60%),linear-gradient(#231446eb,#0b0819f5);border:1px solid #aa7cff59;padding:clamp(26px,6vw,40px);position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#72e8ffb3,#0000);height:1px;position:absolute;inset:0 0 auto}.login-card h1{letter-spacing:-.05em;margin:12px 0 10px;font-size:clamp(30px,7vw,50px);line-height:1.02}.brand-orb,.small-orb{border-radius:var(--pill);background:radial-gradient(circle at 35% 30%,#7ee7ff,#6c2cff 55%,#190839);place-items:center;display:grid;box-shadow:0 0 34px #8b48ffcc,inset 0 0 18px #ffffff2e}.brand-orb{width:78px;height:78px;font-size:42px}.small-orb{flex-shrink:0;width:46px;height:46px;font-size:24px}.eyebrow{color:var(--aqua);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.muted,.tiny,.studio-card p,.audit-panel li,.hero-panel p{color:var(--ink-dim);line-height:1.6}.tiny{font-size:13px}.primary-btn,.secondary-btn,.logout-btn{cursor:pointer;border-radius:var(--pill);letter-spacing:.01em;border:0;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s}.primary-btn{color:#fff;background:var(--grad-accent);width:100%;box-shadow:var(--shadow-pop);margin-top:22px;padding:15px 20px}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 22px 50px -16px #7540ffb3}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.65;cursor:progress;box-shadow:none;transform:none}.secondary-btn,.logout-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff24;padding:12px 18px}.secondary-btn:hover,.logout-btn:hover{background:#ffffff24;transform:translateY(-1px)}.error-text{color:#ff9a9a;font-weight:700}.studio-app{grid-template-columns:276px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .32s cubic-bezier(.4,0,.2,1);display:grid}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-dim);cursor:pointer;background:#ffffff0d;border-radius:12px;flex-shrink:0;place-items:center;transition:color .15s,background .15s,border-color .15s,transform .12s;display:inline-grid}.icon-btn:hover{color:#fff;background:#854aff33;border-color:#a07cff73}.icon-btn:active{transform:scale(.94)}.mobile-header,.sidebar-scrim{display:none}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);z-index:20;background:linear-gradient(#080512db,#06040fc7);flex-direction:column;align-self:start;min-width:0;height:100vh;padding:clamp(14px,1.3vw,20px) clamp(10px,.9vw,14px);display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px;display:flex}.sidebar-brand{align-items:center;gap:12px;min-width:0;display:flex}.small-orb{color:#eaf6ff}.brand-mark{place-items:center;display:grid}.sidebar-brand-text{min-width:0}.sidebar-brand-text strong,.sidebar-brand-text span{display:block}.sidebar-brand-text strong{letter-spacing:-.01em;white-space:nowrap;font-size:19px}.sidebar-brand-text span{color:#9d91bd;letter-spacing:.06em;font-size:12px}.collapse-btn .close-ico{display:none}.collapse-btn .collapse-ico{place-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-grid}.sidebar-eyebrow{color:var(--ink-faint);letter-spacing:.22em;white-space:nowrap;margin:0 0 10px;padding:0 12px;font-size:10px;font-weight:800}.sidebar-nav{flex:1;align-content:start;gap:4px;margin:0 -4px;padding:2px 4px 6px;display:grid;overflow:hidden auto}.nav-item{border-radius:var(--r-md);color:#f7f3ffb3;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#854aff24}.nav-item.active{color:#fff;box-shadow:var(--edge), 0 12px 28px -18px #7b3ffff2;background:linear-gradient(100deg,#8b3dff57,#23d5ff29);border-color:#a07cff6b;font-weight:800}.nav-item.active:before{content:"";background:var(--grad-accent);border-radius:999px;width:3px;height:22px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.nav-ico{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}.nav-item.active .nav-ico{color:#c4f2ff}.nav-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-tag{border-radius:var(--pill);letter-spacing:.1em;text-transform:uppercase;color:#ffe9a8;background:#ffd16624;border:1px solid #ffd16652;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:900}.nav-dot{opacity:0;background:#ffd166;border-radius:999px;width:7px;height:7px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #080512eb}.logout-btn{border:1px solid var(--line-soft);border-radius:var(--r-md);width:100%;color:var(--ink-dim);white-space:nowrap;background:#ffffff0d;align-items:center;gap:12px;margin-top:12px;padding:12px;font-size:14.5px;font-weight:700;transition:color .15s,background .15s,border-color .15s;display:flex}.logout-btn:hover{color:#ffd0d0;background:#ff5a5a24;border-color:#ff5a5a52;transform:none}@media (width>=921px){.studio-app.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.is-collapsed .sidebar-head{flex-direction:column;gap:12px;padding:0}.is-collapsed .sidebar-brand{justify-content:center}.is-collapsed .sidebar-brand-text,.is-collapsed .sidebar-eyebrow{display:none}.is-collapsed .collapse-btn .collapse-ico{transform:rotate(180deg)}.is-collapsed .nav-item,.is-collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.is-collapsed .nav-label,.is-collapsed .nav-tag{display:none}.is-collapsed .nav-dot{opacity:1}.is-collapsed .nav-item.active:before{left:-7px}}.main-panel{min-width:0;padding:clamp(18px,3.4vw,36px)}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.topbar h1{letter-spacing:-.05em;margin:6px 0 0;font-size:clamp(28px,4.6vw,46px);line-height:1.02}.user-pill{border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass-soft);box-shadow:var(--edge);gap:2px;padding:12px 16px;display:grid}.user-pill span,.user-pill small{display:block}.user-pill span{font-weight:800}.user-pill small{color:#a9a0c7;font-size:12px}.user-role{border-radius:var(--pill);letter-spacing:.08em;text-transform:uppercase;color:#07111c;background:var(--grad-gold);align-items:center;gap:6px;width:max-content;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:900;display:inline-flex}.user-role.editor{background:var(--grad-mint)}.hero-panel,.audit-panel,.studio-card{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow-card), var(--edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{border-radius:var(--r-xl);justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:clamp(20px,3vw,30px);display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#7b3fff38,#0000 62%);width:320px;height:320px;position:absolute;inset:-40% -10% auto auto}.hero-panel>*{position:relative}.hero-panel h2,.audit-panel h2{letter-spacing:-.02em;margin:0 0 8px}.status-pill{white-space:nowrap;border-radius:var(--pill);color:#08111c;background:var(--grad-gold);padding:10px 16px;font-weight:900;box-shadow:0 10px 26px -12px #37e4ff99}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.studio-card{border-radius:var(--r-lg);padding:22px;transition:transform .18s,border-color .18s}.studio-card:hover{border-color:#a07cff66;transform:translateY(-2px)}.card-label{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;color:var(--aqua)!important}.studio-card h3{letter-spacing:-.02em;margin:10px 0;font-size:clamp(22px,2.4vw,28px)}.audit-panel{border-radius:var(--r-xl);margin-top:22px;padding:clamp(20px,2.6vw,26px)}.audit-panel ol{color:var(--ink-dim);margin:0;padding-left:20px;line-height:1.7}@media (width<=920px){.studio-app{grid-template-columns:1fr;transition:none}.mobile-header{top:env(safe-area-inset-top,0px);z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(#090614f5,#070510e6);align-items:center;gap:12px;min-height:62px;padding:10px clamp(12px,4vw,18px);display:flex;position:fixed;left:0;right:0;box-shadow:0 16px 38px #00000047}.main-panel{padding-top:calc(82px + env(safe-area-inset-top,0px))}.mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand .small-orb{width:34px;height:34px}.mobile-brand strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.sidebar{border-right:1px solid var(--line);z-index:60;will-change:transform;width:min(284px,84vw);height:100dvh;padding:18px 14px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.is-mobile-open .sidebar{transform:translate(0);box-shadow:0 30px 80px #0000009e}.collapse-btn .collapse-ico{display:none}.collapse-btn .close-ico{place-items:center;display:inline-grid}.sidebar-scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;background:#04020c99;transition:opacity .3s,visibility .3s;display:block;position:fixed;inset:0}.is-mobile-open .sidebar-scrim{opacity:1;visibility:visible}.grid{grid-template-columns:1fr}.topbar,.hero-panel{flex-direction:column;align-items:flex-start}.user-pill{width:100%}}.module-hero h2{letter-spacing:-.04em;margin-top:6px;font-size:clamp(26px,3.6vw,38px)}.feature-list{color:var(--ink-dim);gap:10px;margin:0;padding-left:22px;line-height:1.6;display:grid}.feature-list li::marker{color:var(--aqua)}.danger-panel{border-radius:var(--r-xl);background:linear-gradient(#4c300866,#120a048c);border:1px solid #ffcd5a47;margin-top:22px;padding:22px 24px;position:relative;overflow:hidden}.danger-panel:before{content:"";background:linear-gradient(#ffe26f,#ffe26f33);width:3px;position:absolute;top:0;bottom:0;left:0}.danger-panel h2{color:#ffe26f;align-items:center;gap:9px;margin:0 0 8px;display:flex}.danger-panel h2:before{content:"🔒";font-size:16px}.danger-panel p{color:#fff4cdcc;margin:0;line-height:1.6}.content-audit{gap:18px;display:grid}.audit-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.audit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.audit-stat{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#ffffff0e;padding:18px}.audit-stat.warn{background:#ffe26f14;border-color:#ffe26f61}.audit-stat p{color:#efeaffad;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px;font-weight:800}.audit-stat strong{font-size:34px}.audit-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.audit-list-card,.audit-source-box{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#0504106b;padding:18px}.audit-list-card ul{color:var(--ink-dim);margin:0;padding-left:18px;line-height:1.55}.ok-text{font-weight:800;color:#8effd2!important}.code-box{border-radius:var(--r-sm);color:#a7f3ff;background:#00000061;max-width:100%;padding:14px;overflow:auto}.audit-source-box p{word-break:break-word;color:var(--ink-dim)}@media (width<=920px){.audit-two-col{grid-template-columns:1fr}.audit-title-row{flex-direction:column}}.mode-panel{gap:18px;margin-top:22px;display:grid}.mode-audit-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.mode-stat{border-radius:var(--r-md);border:1px solid var(--line-soft);background:#ffffff0e;padding:16px}.mode-stat.warn{background:#ffe26f14;border-color:#ffe26f61}.mode-stat p{color:#efeaffad;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:900}.mode-stat strong{word-break:break-word;font-size:24px;line-height:1.2}.mode-controls{grid-template-columns:1fr 220px;gap:14px;display:grid}.mode-controls input,.mode-controls select{border:1px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--ink);background:var(--field-bg);outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.mode-controls input::placeholder{color:var(--ink-faint)}.mode-controls input:focus,.mode-controls select:focus{background:var(--field-bg-focus);box-shadow:var(--ring);border-color:#72e8ffb8}.mode-results-line{color:#efeaffad;font-weight:800}.mode-row-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.mode-row-card{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#05041070;flex-direction:column;min-width:0;padding:18px;transition:transform .16s,border-color .16s;display:flex}.mode-row-card:hover{border-color:#a07cff57;transform:translateY(-2px)}.mode-row-card header,.mode-row-card footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-row-card header{justify-content:space-between}.mode-row-card header span{border-radius:var(--pill);color:#07111c;background:var(--grad-gold);letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;font-size:11px;font-weight:900}.mode-row-card code{color:#a7f3ff;word-break:break-all;font-size:12px}.mode-row-card h3{word-break:break-word;margin:12px 0 8px;font-size:19px;line-height:1.25}.mode-row-card p,.mode-row-card footer{color:var(--ink-dim);line-height:1.55}.mode-row-card a{color:var(--aqua);border-bottom:1px solid #72e8ff59;align-self:flex-start;font-weight:700;text-decoration:none}.mode-row-card footer{margin-top:auto;padding-top:12px}.mode-row-card footer span{border-radius:var(--pill);border:1px solid var(--line-soft);background:#ffffff0f;padding:4px 9px;font-size:12px;font-weight:700}.big-flag{margin:10px 0;font-size:46px}.mode-options{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.mode-options span{border-radius:var(--pill);border:1px solid var(--line-soft);color:#f7f3ffd1;background:#ffffff12;padding:7px 11px;font-size:13px}.mode-options .correct{color:#07111c;background:var(--grad-mint);border-color:#0000;font-weight:900}.correct-line{font-weight:900;color:#8effd2!important}@media (width<=720px){.mode-controls{grid-template-columns:1fr}}.draft-workspace{gap:18px;margin-top:22px;display:grid}.draft-counts{flex-wrap:wrap;gap:10px;display:flex}.draft-counts span{border-radius:var(--pill);border:1px solid var(--line-soft);color:#f7f3ffd1;background:#ffffff12;padding:8px 13px;font-size:13px;font-weight:800}.draft-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:18px;display:grid}.draft-editor-card,.draft-list-card{border-radius:var(--r-xl);border:1px solid var(--line-soft);background:#05041070;min-width:0;padding:22px}.draft-editor-head,.draft-list-head,.draft-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.draft-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.draft-field{gap:7px;display:grid}.draft-field-wide{grid-column:1/-1}.draft-field span{color:#efeaffb3;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900}.draft-field input,.draft-field textarea,.draft-field select,.draft-list-head select{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--field-bg);outline:none;padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.draft-field input:focus,.draft-field textarea:focus,.draft-field select:focus,.draft-list-head select:focus{background:var(--field-bg-focus);box-shadow:var(--ring);border-color:#72e8ffb8}.draft-field textarea{resize:vertical;min-height:92px}.draft-actions{justify-content:flex-end;margin-top:16px}.primary-btn.compact{width:auto;margin-top:0;padding:12px 20px}.draft-list{gap:12px;max-height:720px;padding-right:4px;display:grid;overflow:auto}.draft-item{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#ffffff0b;padding:16px}.draft-item header,.draft-item footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.draft-item header span{border-radius:var(--pill);color:var(--aqua);background:#72e8ff24;padding:5px 10px;font-size:12px;font-weight:900}.draft-item pre{white-space:pre-wrap;word-break:break-word;max-width:100%;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:var(--r-sm);background:#00000047;max-height:220px;padding:12px;font-size:13px;line-height:1.5;overflow:auto}.draft-item button,.draft-editor-head button{border:1px solid var(--line-soft);border-radius:var(--pill);color:var(--ink);cursor:pointer;background:#ffffff14;padding:8px 14px;font-weight:800;transition:background .15s,transform .15s}.draft-item button:hover,.draft-editor-head button:hover{background:#ff78782e;border-color:#ff78784d;transform:translateY(-1px)}@media (width<=1100px){.draft-layout,.draft-form-grid{grid-template-columns:1fr}}.review-workspace,.publish-workspace{gap:18px;margin-top:22px;display:grid}.review-toolbar{justify-content:flex-end;display:flex}.review-toolbar label,.review-note{color:#efeaffb3;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:13px;font-weight:900;display:grid}.review-toolbar select,.review-note textarea{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);background:var(--field-bg);outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.review-toolbar select:focus,.review-note textarea:focus{background:var(--field-bg-focus);box-shadow:var(--ring);border-color:#72e8ffb8}.review-note textarea{resize:vertical;text-transform:none;letter-spacing:normal;min-height:80px;font-weight:500}.review-empty{border-radius:var(--r-xl);text-align:center;background:#ffffff0b;border:1px dashed #a07cff4d;gap:8px;padding:28px 22px;display:grid}.review-empty h3{margin:0;font-size:18px}.review-empty p{color:#efeaffb3;margin:0}.review-list{gap:14px;display:grid}.review-card{border-radius:var(--r-xl);border:1px solid var(--line-soft);background:#05041075;min-width:0;padding:20px;transition:border-color .16s}.review-card:hover{border-color:#a07cff4d}.review-card header,.review-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.review-card header strong{font-size:17px}.review-card header strong,.review-card header code{display:block}.review-card header code{color:#a7f3ff;word-break:break-all;margin-top:4px;font-size:12px}.review-card header small{color:var(--ink-faint);margin-top:4px;font-size:12px;display:block}.review-card pre{white-space:pre-wrap;word-break:break-word;max-width:100%;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:var(--r-sm);background:#0000004d;max-height:300px;padding:14px;font-size:13px;line-height:1.55;overflow:auto}.review-card footer{justify-content:flex-start}.review-card button{border:1px solid var(--line-soft);border-radius:var(--pill);color:var(--ink);cursor:pointer;background:#ffffff14;padding:10px 16px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.review-card button:hover{background:#ffffff24;transform:translateY(-1px)}.review-card .review-approve{color:#07111c;background:var(--grad-mint);border-color:#0000}.review-card .review-approve:hover{box-shadow:0 14px 30px -14px #72e8ffb3}.review-card .review-needs{color:#ffe16b;background:#ffe26f24;border-color:#ffe26f52}.review-card .review-reject{color:#ffb3b3;background:#ff787824;border-color:#ff787852}.review-card .danger-btn:hover{color:#ffc4c4;background:#ff78782e;border-color:#ff787852}.card-caption{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 -4px;font-size:11px;font-weight:800}.review-status{border-radius:var(--pill);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff1a;padding:7px 12px;font-size:11px;font-weight:900}.review-status.ready_for_review{color:#07111c;background:var(--grad-gold)}.review-status.approved{color:#07111c;background:var(--grad-mint)}.review-status.rejected{color:#ffb0b0;background:#ff787829}.review-status.needs_changes{color:#ffe16b;background:#ffe26f29}.review-feedback{border-radius:var(--r-sm);color:#fff1b8;background:#ffd6661f;border:1px solid #ffd66638;padding:12px 14px;line-height:1.5}.publish-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.publish-summary article{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#05041070;gap:6px;padding:18px;display:grid}.publish-summary article:first-child{background:linear-gradient(165deg,#143c3066,#08121080);border-color:#94ffd14d}.publish-summary strong{color:var(--ink);font-size:34px;line-height:1}.publish-summary span{color:#efeaffad;font-size:13px;font-weight:800}.publish-card{border-color:#94ffd147}.review-status.needs_publish{color:#071019;background:linear-gradient(135deg,#f8ff9b,#6ef0ff)}.team-roles-page{gap:18px;margin-top:22px;display:grid}.team-role-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.team-role-card{border-radius:var(--r-xl);border:1px solid var(--line-soft);background:#05041070;gap:10px;padding:20px;display:grid}.team-role-card strong{letter-spacing:-.01em;font-size:19px}.team-role-card small{color:#efeaffad;line-height:1.5}.team-role-card textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--r-sm);min-height:170px;color:var(--ink);background:var(--field-bg);outline:none;padding:13px 14px;font-size:15px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s}.team-role-card textarea:focus{background:var(--field-bg-focus);box-shadow:var(--ring);border-color:#72e8ffb8}.team-preview{border-radius:var(--r-xl);border:1px solid var(--line-soft);background:#ffffff0b;flex-wrap:wrap;gap:10px;padding:18px;display:flex}.team-preview p{border-radius:var(--pill);border:1px solid var(--line);color:var(--ink-dim);background:#854aff24;margin:0;padding:8px 14px;font-size:13px;font-weight:700}.mode-draft-composer{border-radius:var(--r-xl);box-shadow:var(--shadow-card), var(--edge);background:radial-gradient(120% 120% at 0 0,#8e5fff33,#0000 55%),linear-gradient(165deg,#7c3aed29,#0c081a80);border:1px solid #8e5fff57;gap:16px;margin:18px 0;padding:clamp(18px,2.4vw,24px);display:grid;position:relative;overflow:hidden}.mode-draft-composer h3{letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(20px,2.4vw,24px)}.mode-draft-composer p{color:var(--ink-dim);margin:0;line-height:1.55}.mode-draft-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode-draft-grid label{color:#efeaffb8;letter-spacing:.04em;text-transform:uppercase;gap:8px;font-size:13px;font-weight:800;display:grid}.mode-draft-grid input,.mode-draft-grid select,.mode-draft-grid textarea{border-radius:var(--r-sm);width:100%;min-height:48px;color:var(--ink);background:var(--field-bg);border:1px solid var(--line);letter-spacing:normal;text-transform:none;outline:none;padding:12px 14px;font-size:16px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.mode-draft-grid input:focus,.mode-draft-grid select:focus,.mode-draft-grid textarea:focus{background:var(--field-bg-focus);box-shadow:var(--ring);border-color:#72e8ffb8}.mode-draft-grid input::placeholder,.mode-draft-grid textarea::placeholder{color:var(--ink-faint)}.mode-draft-grid textarea{resize:vertical;min-height:110px;line-height:1.5}@media (width<=850px){.mode-draft-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.nav-badge{color:#dcfbff;letter-spacing:.02em;background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 38%),linear-gradient(135deg,#704cff57,#2de6ff42);border:1px solid #59ecff5c;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:22px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 18px #2de6ff29}.is-collapsed .nav-badge{border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:9px;position:absolute;top:5px;right:6px}@media (width<=920px){.nav-badge{min-width:26px;height:22px}}.nav-badge.is-zero{opacity:.42;color:#dcfbff9e;box-shadow:none;background:#ffffff0e;border-color:#a07cff33}.propose-change-btn{min-height:34px;margin-left:auto;padding:0 12px}.change-composer{border-color:#59ecff47;margin:18px 0;box-shadow:0 20px 60px #2de6ff14}.change-meta{flex-wrap:wrap;gap:10px;margin:8px 0 14px;display:flex}.change-meta span,.change-meta code{border:1px solid var(--line);color:var(--ink-dim);background:#ffffff0e;border-radius:999px;padding:6px 10px}.json-edit-area{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.change-overlay{z-index:3200;place-items:center;padding:clamp(16px,4vw,34px);display:grid;position:fixed;inset:0}.change-overlay-scrim{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:radial-gradient(circle at 50% 20%,#7856ff3d,#0000 42%),#04020cc7;border:0;position:absolute;inset:0}.change-overlay-panel{z-index:1;border:1px solid #59ecff38;border-radius:28px;width:min(980px,100%);max-height:min(86dvh,860px);position:relative;overflow:auto;box-shadow:0 30px 100px #0000009e,0 0 70px #2de6ff1f}.change-overlay .change-composer{border-radius:28px;margin:0}@media (width<=720px){.change-overlay{align-items:end;padding:10px}.change-overlay-panel{border-radius:24px 24px 18px 18px;width:100%;max-height:88dvh}.change-overlay .change-composer{border-radius:24px 24px 18px 18px}}.change-overlay{z-index:99999!important;padding:max(16px, env(safe-area-inset-top,0px)) 16px 16px!important;pointer-events:auto!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.change-overlay-scrim{z-index:0!important;-webkit-backdrop-filter:blur(10px)!important;background:radial-gradient(circle at 50% 16%,#7856ff52,#0000 46%),#04020cd6!important;border:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.change-overlay-panel{z-index:2!important;background:linear-gradient(#160c30fa,#080516fa)!important;border:1px solid #59ecff57!important;border-radius:28px!important;width:min(960px,100vw - 28px)!important;max-height:calc(100dvh - 42px)!important;position:relative!important;overflow:auto!important;box-shadow:0 34px 120px #000000b8,0 0 90px #2de6ff2e!important}.change-overlay .change-composer,.change-overlay .mode-draft-composer{background:radial-gradient(circle at 50% 0,#7856ff42,#0000 46%),#0e0824f5!important;border-radius:28px!important;margin:0!important}@media (width<=720px){.change-overlay{padding:calc(78px + env(safe-area-inset-top,0px)) 10px 12px!important;align-items:center!important}.change-overlay-panel{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px))!important;border-radius:24px!important}.change-overlay .change-composer,.change-overlay .mode-draft-composer{border-radius:24px!important}}.change-composer .error-text{text-shadow:0 0 18px #ff506e42;font-weight:900;color:#ff6b7a!important}.change-composer .ok-text{font-weight:900;color:#77f7d0!important}.dashboard-kpi.primary{background:radial-gradient(circle at 25% 0,#2de6ff33,#0000 44%),radial-gradient(circle at 90% 20%,#7e57ff2e,#0000 44%),#ffffff0f;border-color:#59ecff57}.dashboard-mode-card header span{color:#75f5ff;letter-spacing:-.04em;font-size:24px;font-weight:1000}.mode-warning{color:#ffcf7a!important}.workflow-grid strong{color:#fff;letter-spacing:-.04em;font-size:30px}@media (width<=980px){.dashboard-kpi-grid,.dashboard-mode-grid,.future-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.dashboard-kpi-grid,.dashboard-mode-grid,.workflow-grid,.future-system-grid{grid-template-columns:1fr}.dashboard-section-head{flex-direction:column;align-items:flex-start}.dashboard-orb{display:none}}.dashboard-command{gap:22px;display:grid}.dashboard-hero{align-items:center}.dashboard-orb{color:#eaf6ff;background:radial-gradient(circle at 35% 25%,#ffffff57,#0000 36%),linear-gradient(135deg,#7e57ff80,#2ae0ff4d);border:1px solid #59ecff3d;border-radius:28px;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 24px 70px #2de6ff29}.dashboard-kpi-grid,.dashboard-mode-grid,.workflow-grid,.future-system-grid{gap:14px;display:grid}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi,.dashboard-section,.dashboard-mode-card,.workflow-grid article,.future-system-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 20% 0,#7856ff29,#0000 42%),#ffffff0e}.dashboard-kpi{flex-direction:column;justify-content:space-between;min-height:142px;padding:18px;display:flex}.dashboard-kpi.primary{border-color:#59ecff57}.dashboard-kpi span,.workflow-grid span,.future-system-card span{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.dashboard-kpi strong{color:#fff;letter-spacing:-.06em;font-size:clamp(32px,4vw,52px)}.dashboard-kpi small,.dashboard-mode-card p,.dashboard-mode-card small,.future-system-card p{color:var(--ink-dim)}.dashboard-section{padding:clamp(18px,2.4vw,26px)}.dashboard-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dashboard-section-head h3,.future-system-card h4{color:#fff;margin:4px 0 0}.status-pill.muted{opacity:.62}.dashboard-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-mode-card{padding:16px}.dashboard-mode-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-mode-card header strong{color:#fff;font-size:18px}.dashboard-mode-card header span{color:#75f5ff;font-size:24px;font-weight:1000}.workflow-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.workflow-grid article{text-align:center;align-content:center;gap:8px;min-height:104px;padding:14px;display:grid}.workflow-grid strong{color:#fff;font-size:30px}.future-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.future-system-card{min-height:170px;padding:18px}.future-system-card h4{font-size:20px}@media (width<=980px){.dashboard-kpi-grid,.dashboard-mode-grid,.future-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.dashboard-kpi-grid,.dashboard-mode-grid,.workflow-grid,.future-system-grid{grid-template-columns:1fr}.dashboard-section-head{flex-direction:column;align-items:flex-start}.dashboard-orb{display:none}}.mode-control-page{gap:16px;display:grid}.mode-overview-card{border-radius:var(--r-xl);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 20% 0,#2de6ff29,#0000 42%),radial-gradient(circle at 90% 10%,#7e57ff2e,#0000 48%),#ffffff0f;border:1px solid #59ecff42;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:18px;padding:clamp(18px,2.6vw,26px);display:grid}.mode-overview-card h2{color:#fff;letter-spacing:-.05em;margin:4px 0 8px;font-size:clamp(26px,4vw,42px)}.mode-overview-card p{color:var(--ink-dim);margin:0;line-height:1.65}.mode-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-overview-stats article{text-align:center;border:1px solid var(--line);background:#ffffff0e;border-radius:22px;place-items:center;min-height:92px;display:grid}.mode-overview-stats strong{color:#75f5ff;font-size:30px;line-height:1}.mode-overview-stats span{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.studio-accordion,.studio-mini-accordion{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 20% 0,#7856ff21,#0000 44%),#ffffff0d;overflow:hidden}.studio-accordion>summary,.studio-mini-accordion>summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;gap:14px;padding:18px clamp(16px,2.2vw,24px);list-style:none;display:flex}.studio-accordion>summary::-webkit-details-marker{display:none}.studio-mini-accordion>summary::-webkit-details-marker{display:none}.studio-accordion summary small{color:#75f5ff;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:1000;display:block}.studio-accordion summary strong,.studio-mini-accordion summary strong{letter-spacing:-.03em;font-size:clamp(18px,2.4vw,24px)}.studio-accordion summary b,.studio-mini-accordion summary b{color:#75f5ff;transition:transform .18s}.studio-accordion[open] summary b,.studio-mini-accordion[open] summary b{transform:rotate(180deg)}.studio-accordion-body{padding:0 clamp(14px,2vw,22px) clamp(16px,2.2vw,24px)}.studio-accordion .mode-draft-composer,.studio-accordion .mode-controls,.studio-accordion .mode-row-grid,.studio-accordion .mode-audit-grid,.studio-accordion .audit-source-box{margin-top:0}.studio-mini-accordion p{margin:0;padding:0 18px 18px}@media (width<=760px){.mode-overview-card{grid-template-columns:1fr}.mode-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-overview-stats article{min-height:82px}.studio-accordion>summary{padding:16px}.studio-accordion-body{padding:0 12px 14px}}@media (width<=920px){.is-mobile-open .sidebar{z-index:1100}.is-mobile-open .sidebar-scrim{z-index:1050}}@media (width<=640px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-kpi{gap:6px;min-height:108px;padding:14px}.dashboard-kpi strong{font-size:clamp(26px,9vw,38px)}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-grid article{min-height:82px;padding:12px}.workflow-grid strong{font-size:24px}}.review-head-tags{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.op-pill{border-radius:var(--pill);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;padding:4px 11px;font-size:10px;font-weight:900}.op-pill.op-create{color:#062018;background:var(--grad-mint)}.op-pill.op-update{color:#2a1c02;background:var(--grad-gold)}.diff-pair{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.diff-col{border-radius:var(--r-md);border:1px solid var(--line-soft);background:#ffffff08;min-width:0;padding:10px 12px 12px}.diff-col .card-caption{margin:0 0 6px}.diff-col pre{margin:0}.diff-col.before{border-left:3px solid #ff787899}.diff-col.after{border-left:3px solid #7effd299}.diff-col.before .card-caption{color:#ffb0b0}.diff-col.after .card-caption{color:#8effd2}@media (width<=720px){.diff-pair{grid-template-columns:1fr}}.change-composer .error-text{border-radius:var(--r-sm);background:#ff506e1f;border:1px solid #ff506e6b;padding:10px 14px}@media (width<=720px){.propose-change-btn{width:100%;min-height:42px}.mode-row-card footer{gap:6px}.review-card footer{gap:8px}.review-card footer button,.draft-actions button{flex:auto;min-height:44px}}