@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#7c86ff;--accent-ink:#3f49c9;--accent-wash:#7c86ff24;--ink:#111;--paper:#f2efe8;--surface:#fff;--side:#fff;--line:#ddd8cc;--line-soft:#e9e5dc;--muted:#5d646c;--hover:#f2efe8;--sel:#e9e5dc;--thbg:#fbfaf6;--genbg:#ece8df;--frame:#e9e5dc;--dis:#f7f5f0;--ok:#2f7d5b;--warn:#8a4b12;--warn-bg:#f6ebdd;--brand-ink:#111;--ink-deep:#090909;--brand-paper:#f2efe8;--white:#fff;--neutral:#d9d6ce;--graphite:#2a2a2a;--piece-badge:#1e1e1e;--mockup-bg:#1a1a1a;--mockup-line:#2c2c2c;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--sp-1:3px;--sp-2:10.5px;--sp-3:18px;--sp-4:22.5px;--sp-5:37.5px;--sp-6:60px;--sp-7:105px;--r-pill:9999px;--r-card:30px;--r-section:45px;--radius-card:12px;--radius-card-lg:14px;--radius-tile:10px;--radius-input:8px;--radius-symbol:6px;--radius-bar:3px;--shadow-hard:4px 4px 0 0 #111;--shadow-mockup:0 30px 60px #00000014;--shadow-halo:0 0 0 3px #7c86ff24;--content-form:880px;--content-wide:1400px;--text-container:1070px;--bi-panel:320px;--tile-frame:340px;--opacity-disabled:.4;--opacity-deco:.16;--opacity-plan-cross:.55;--font-sans:"Albert Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--fs-hero-size:75px;--fs-6xl-size:60px;--fs-5xl-size:52.5px;--fs-4xl-size:45px;--fs-3xl-size:40.5px;--fs-2xl-size:30px;--fs-xl-size:24px;--fs-lg-size:21px;--fs-md-size:18px;--fs-base-size:15px;--fs-sm-size:13.5px;--fs-micro-size:10.5px;--view-title-ads-size:52px;--view-title-covers-size:40px;--app-kpi-size:30px;--app-card-title-size:17px;--app-nav-size:17px;--app-body-size:16.5px;--app-step-size:15px;--app-step-active-size:15px;--app-pill-size:15px;--mono-eyebrow-size:13px;--mono-caption-size:13.5px;--mono-code-size:14px;--mono-badge-size:12px;--u:clamp(13px, 1.218vw, 18px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--accent-ink:#a3aaff;--accent-wash:#7c86ff29;--ink:#f2efe8;--paper:#111;--surface:#181818;--side:#141414;--line:#2c2c2c;--line-soft:#242424;--muted:#9a9890;--hover:#1e1e1e;--sel:#2c2c2c;--thbg:#1c1c1c;--genbg:#1e1e1e;--frame:#1e1e1e;--dis:#1a1a1a;--ok:#7fd1a4;--warn:#e3a86b;--warn-bg:#2a2218;--shadow-halo:0 0 0 3px #7c86ff29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-ink:#a3aaff;--accent-wash:#7c86ff29;--ink:#f2efe8;--paper:#111;--surface:#181818;--side:#141414;--line:#2c2c2c;--line-soft:#242424;--muted:#9a9890;--hover:#1e1e1e;--sel:#2c2c2c;--thbg:#1c1c1c;--genbg:#1e1e1e;--frame:#1e1e1e;--dis:#1a1a1a;--ok:#7fd1a4;--warn:#e3a86b;--warn-bg:#2a2218;--shadow-halo:0 0 0 3px #7c86ff29}}:root{--ease:cubic-bezier(.65,0,.35,1);--dur:.45s}.cl,.cl *{box-sizing:border-box}.cl{font-family:var(--font-sans);color:var(--ink);font-size:16.5px;line-height:1.5}.cl-mono{font-family:var(--font-mono)}.cl-row{gap:var(--space-12);flex-wrap:wrap;align-items:center;display:flex}.cl-col{gap:var(--space-12);flex-direction:column;display:flex}.cl-sym{flex:none;display:inline-block}.cl-sym .m{fill:var(--brand-ink)}.cl-sym .q{fill:none;stroke:var(--accent);stroke-width:3px;stroke-dasharray:6 4}.cl-sym.is-active .q{stroke-dasharray:none}.cl-sym.is-done .q{fill:var(--accent);stroke:var(--accent);stroke-dasharray:none}[data-theme=dark] .cl-sym .m{fill:var(--ink)}.cl-pill{align-items:center;gap:var(--space-8);border-radius:var(--r-pill);border:1px solid var(--ink);color:var(--ink);font:500 15px/1.2 var(--font-sans);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;padding:9px 16px;display:inline-flex}.cl-pill:hover{background:var(--ink);color:var(--surface)}.cl-pill--primary{background:var(--accent);border-color:var(--accent);color:var(--brand-ink)}.cl-pill--primary:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}.cl-pill--ghost{border-color:var(--line)}.cl-pill:disabled,.cl-pill.is-disabled{background:var(--line-soft);border-color:var(--line-soft);color:var(--muted);cursor:not-allowed}.cl-pill:focus-visible,.cl-icon-btn:focus-visible,.cl-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.cl-icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.cl-icon-btn svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cl-icon-btn:hover{background:var(--hover)}.cl-btn{isolation:isolate;border-radius:var(--r-pill);color:var(--ink);font:400 21px/1.2 var(--font-sans);cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:1px solid;align-items:center;gap:.55em;padding:.55em 1.1em;display:inline-flex;position:relative;overflow:hidden}.cl-btn .dot{background:currentColor;border-radius:50%;flex:none;width:.8em;height:.8em}.cl-btn:before{content:"";z-index:-1;background:var(--ink);clip-path:circle(0 at 1.5em);transition:clip-path var(--dur) var(--ease);position:absolute;inset:0}.cl-btn:hover{color:var(--accent);border-color:var(--ink)}.cl-btn:hover:before{clip-path:circle(150% at 1.5em)}.cl-btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cl-btn--solid:before{background:var(--accent)}.cl-btn--solid:hover{color:var(--white);border-color:var(--accent)}.cl-btn--hard{background:var(--white);color:var(--brand-ink);border-color:var(--brand-ink);box-shadow:var(--shadow-hard);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s, color .2s;font-weight:500}.cl-btn--hard:before{display:none}.cl-btn--hard svg{width:1em;height:1em;stroke:var(--accent);stroke-width:1.7px;fill:none}.cl-btn--hard:hover{background:var(--brand-ink);color:var(--white);box-shadow:none;transform:translate(2px,2px)}@media (prefers-reduced-motion:reduce){.cl-btn,.cl-btn:before,.cl-pill{transition:none}}.cl-eyebrow{font:400 13.5px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}.cl-eyebrow b{color:var(--muted);font-weight:400}.cl-label{border:1px solid var(--accent);font:400 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink);border-radius:0;padding:3px 8px;display:inline-block}.cl-status{border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--line);font:400 12px/1.3 var(--font-mono);color:var(--ink);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.cl-piece-badge{border-radius:var(--r-pill);background:var(--piece-badge);color:var(--brand-paper);font:400 12px/1.3 var(--font-mono);padding:3px 10px;display:inline-block}.cl-nav-badge{border-radius:var(--r-pill);background:var(--hover);color:var(--muted);font:400 12px/1.3 var(--font-mono);padding:2px 8px;display:inline-block}.cl-nav-badge--new{background:var(--accent-wash);color:var(--accent-ink)}.cl-req{border-radius:var(--r-pill);border:1px solid var(--accent);color:var(--accent-ink);font:400 12px/1.3 var(--font-mono);padding:2px 8px;display:inline-block}.cl-req--opt{border-color:var(--line);color:var(--muted)}.cl-code{background:var(--paper);border-radius:var(--radius-symbol);font:400 14px/1.4 var(--font-mono);color:var(--ink);padding:2px 8px;display:inline-block}.cl-stepper{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.cl-step{align-items:center;gap:var(--space-8);border-radius:var(--r-pill);font:400 15px/1.3 var(--font-sans);color:var(--muted);padding:7px 14px 7px 10px;display:inline-flex}.cl-step.is-active{background:var(--accent-wash);color:var(--ink);font-weight:500}.cl-step.is-done{color:var(--ink)}.cl-step-line{background:var(--line);width:28px;height:1px}.cl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-20)}.cl-card h3{margin:0 0 var(--space-6);font:600 17px/1.3 var(--font-sans)}.cl-card p{color:var(--muted);margin:0}.cl-dna-bar{gap:var(--space-6);margin-bottom:var(--space-12);display:flex}.cl-dna-bar i{border-radius:var(--radius-symbol);border:1px solid var(--line-soft);flex:1;height:32px}.cl-caption{font:400 13.5px/1.4 var(--font-mono);color:var(--muted)}.cl-choice{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-18) var(--space-48) var(--space-18) var(--space-18);cursor:pointer;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.cl-choice h4{font:600 17px/1.3 var(--font-sans);margin:0 0 4px}.cl-choice p{color:var(--muted);margin:0;font-size:15px}.cl-choice:after{content:"";top:var(--space-18);right:var(--space-18);border:1px solid var(--line);background:var(--surface);border-radius:50%;width:20px;height:20px;position:absolute}.cl-choice.is-selected{border-color:var(--accent);box-shadow:var(--shadow-halo)}.cl-choice.is-selected:after{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.5' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}.cl-choice.is-disabled{background:var(--dis);cursor:not-allowed}.cl-choice.is-disabled h4{color:var(--muted)}.cl-tile{aspect-ratio:3/4;border-radius:var(--radius-tile);position:relative;overflow:hidden}.cl-tile--plan{border:1.5px dashed var(--accent);background:0 0;place-items:center;display:grid}.cl-tile--plan:before,.cl-tile--plan:after{content:"";background:var(--accent);position:absolute;top:50%;left:50%}.cl-tile--plan:before{width:28px;height:1.5px;transform:translate(-50%,-50%)}.cl-tile--plan:after{width:1.5px;height:28px;transform:translate(-50%,-50%)}.cl-tile--gen{background:var(--genbg)}.cl-tile--gen .cl-tile-bar{left:var(--space-12);right:var(--space-12);bottom:var(--space-12);background:var(--line-soft);border-radius:2px;height:4px;position:absolute;overflow:hidden}.cl-tile--gen .cl-tile-bar i{background:var(--accent);width:45%;height:100%;display:block}.cl-tile .cl-piece-badge{top:var(--space-10);right:var(--space-10);position:absolute}.cl-tile--done{background:var(--neutral);color:var(--brand-ink);padding:var(--space-14);flex-direction:column;justify-content:space-between;display:flex}.cl-tile--done .t{font:500 17px/1.25 var(--font-sans);max-width:80%;padding-top:30px;position:relative}.cl-tile--done .photo{aspect-ratio:1;background:var(--graphite);border-radius:50%;width:62%;position:absolute;top:34%;right:-18%}.cl-tile--done .ref{font:400 12px/1.3 var(--font-mono);position:relative}.cl-tile-state{margin-top:var(--space-8);font:400 12px/1.3 var(--font-mono);color:var(--muted)}.cl-tile-state.is-gen{color:var(--accent-ink)}.cl-tile-state.is-done{color:var(--ok)}.cl-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);width:100%;font-size:15px;overflow:hidden}.cl-table th{background:var(--thbg);text-align:left;font:400 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:var(--space-10) var(--space-14);border-bottom:1px solid var(--line)}.cl-table td{padding:var(--space-10) var(--space-14);border-bottom:1px solid var(--line-soft)}.cl-table tr:last-child td{border-bottom:0}.cl-table tbody tr:hover td{background:var(--hover)}.cl-progress{border-radius:var(--radius-bar);background:var(--line-soft);height:6px;overflow:hidden}.cl-progress i{background:var(--accent);border-radius:var(--radius-bar);height:100%;display:block}.cl-kpi{flex-direction:column;gap:4px;display:flex}.cl-kpi .v{font:500 30px/1.1 var(--font-sans);font-variant-numeric:tabular-nums}.cl-kpi .k{font:400 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cl-alert{gap:var(--space-10);border-radius:var(--radius-card);padding:var(--space-12) var(--space-16);background:var(--warn-bg);color:var(--warn);align-items:flex-start;font-size:15px;display:flex}.cl-alert--ok{background:var(--accent-wash);color:var(--accent-ink)}.cl-toast{align-items:center;gap:var(--space-10);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);padding:var(--space-10) var(--space-18);animation:cl-toast-in .3s var(--ease) both;font-size:15px;display:inline-flex}@keyframes cl-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cl-toast{animation:none}}.cl-bi{width:100%;max-width:var(--bi-panel);background:var(--side);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-16) var(--space-18)}.cl-bi .cl-eyebrow{margin-bottom:var(--space-8);display:block}.cl-bi-row{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-8) 0;border-bottom:1px solid var(--line-soft);font-size:15px;display:flex}.cl-bi-row:last-child{border-bottom:0}.cl-bi-row .ok{font:500 12px/1 var(--font-mono);color:var(--accent-ink)}.cl-swatches{gap:4px;display:flex}.cl-swatches i{border:1px solid var(--line);border-radius:4px;width:18px;height:18px}.cl-side{background:var(--side);border-right:1px solid var(--line);width:260px;padding:var(--space-24) var(--space-14);gap:var(--space-14);flex-direction:column;display:flex}.cl-side-lockup{align-items:center;gap:var(--space-10);padding-bottom:var(--space-14);flex-direction:column;font-size:17px;display:flex}.cl-side-lockup b{font-weight:600}.cl-nav{padding-bottom:var(--space-12);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;display:flex}.cl-nav a{justify-content:space-between;align-items:center;gap:var(--space-8);border-radius:var(--r-pill);font:400 17px/1.3 var(--font-sans);color:var(--ink);padding:7px 14px;text-decoration:none;display:flex}.cl-nav a:hover{background:var(--hover)}.cl-nav a.is-active{background:var(--sel)}.cl-side-foot{font:400 12px/1.3 var(--font-mono);color:var(--muted);text-align:center;margin-top:auto}html,body{background:var(--paper);color:var(--ink);margin:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.cl-logo{flex:none;display:block}.cl-logo .m{fill:var(--brand-ink)}.cl-logo .q,.cl-logo .p{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.cl-logo .q{stroke-dasharray:4 3}[data-theme=dark] .cl-logo .m{fill:var(--ink)}.app{background:var(--paper);min-height:100vh;display:flex}.app-content{min-width:0;max-width:var(--content-wide);box-sizing:border-box;padding:var(--space-32);gap:var(--space-24);flex-direction:column;flex:1;display:flex}.side{z-index:50;box-sizing:border-box;background:var(--side);border-right:1px solid var(--line);flex-direction:column;flex:none;width:248px;height:100dvh;display:flex;position:sticky;top:0}.side__head{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-20) var(--space-24) var(--space-18);border-bottom:1px solid var(--line);display:flex}.side__brand{align-items:center;gap:var(--space-12);color:var(--ink);border-radius:var(--radius-symbol);text-decoration:none;display:flex}.side__brand:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.side__words{flex-direction:column;gap:2px;line-height:1.15;display:flex}.side__mother{color:var(--muted);font-size:12px;font-weight:500}.side__product{letter-spacing:-.01em;font-size:20px;font-weight:500}.side .side__toggle{display:none}.side__panel{flex-direction:column;flex:1;min-height:0;display:flex}.side__nav{min-height:0;padding:var(--space-16) var(--space-12) var(--space-8);flex-direction:column;flex:1;gap:2px;display:flex;overflow:auto}.side__foot{gap:var(--space-4);padding:var(--space-12) var(--space-12) var(--space-16);border-top:1px solid var(--line);flex-direction:column;display:flex}.side__user{align-items:center;gap:var(--space-10);padding:var(--space-6) var(--space-12);display:flex}.side__avatar{background:var(--accent-wash);width:32px;height:32px;color:var(--accent-ink);font:600 12px/1 var(--font-sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.side__who{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.side__who b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.side__who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side__logout{padding:var(--space-6) var(--space-12);flex:none;font-size:13.5px}.side__scrim{display:none}.powered--side{padding:var(--space-12) var(--space-12) 0}.navlink{align-items:center;gap:var(--space-10);min-height:40px;padding:var(--space-8) var(--space-14);box-sizing:border-box;border-radius:var(--r-pill);color:var(--ink);font:400 16px/1.4 var(--font-sans);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;text-decoration:none;display:flex}.navlink .icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.navlink__label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.navlink:hover{background:var(--hover)}.navlink[aria-current=page]{background:var(--sel);font-weight:500}.navlink:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.navlink__count{min-width:20px;height:20px;padding:0 var(--space-6);box-sizing:border-box;border-radius:var(--r-pill);background:var(--accent-wash);color:var(--accent-ink);font:400 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:inline-grid}@media (prefers-reduced-motion:reduce){.navlink{transition:none}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-16);flex-wrap:wrap;display:flex}.view-title{margin:var(--space-6) 0 0;font:500 40px/1.1 var(--font-sans);letter-spacing:-.02em}.cl-step-wrap{align-items:center;gap:var(--space-8);display:inline-flex}.empty{align-items:flex-start;gap:var(--space-10);padding:var(--space-32);flex-direction:column;display:flex}.empty h3{margin:var(--space-6) 0 0}.empty p{max-width:60ch}.cl-table td.num{font-variant-numeric:tabular-nums}.cl-table .cl-label{margin-left:var(--space-8)}.cl-table .cl-caption{margin-left:var(--space-6)}.cl-table td>.cl-caption:first-child{margin-left:0}.field{gap:var(--space-6);flex-direction:column;font-size:15px;display:flex}.field>span{font-weight:500}.input{font:400 16.5px/1.4 var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-input);padding:var(--space-10) var(--space-12);transition:border-color .15s var(--ease)}.input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:1px;border-color:var(--accent-ink)}.input::placeholder{color:var(--muted);opacity:.7}.input:disabled{background:var(--dis);color:var(--muted)}.input--sm{padding:var(--space-6) var(--space-10);font-size:15px}.lead{color:var(--muted);max-width:70ch;margin:0}.cl-eyebrow a{color:inherit;text-decoration:none}.cl-eyebrow a:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.section{gap:var(--space-12);flex-direction:column;display:flex}.section h3{margin:0}.field-readonly{gap:var(--space-6);flex-direction:column;margin:0;font-size:15px;display:flex}.field-readonly>span:first-child{font-weight:500}.help{color:var(--muted);margin:0;font-size:15px}.editor-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.section--wide{grid-column:1/-1}.cl-req{margin-left:var(--space-8)}.brand-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.brand-card{gap:var(--space-12);color:inherit;transition:border-color .15s var(--ease);flex-direction:column;text-decoration:none;display:flex}.brand-card:hover{border-color:var(--ink)}.brand-card:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.brand-card h3{margin:0}.brand-mark{object-fit:contain;object-position:left;width:auto;max-width:160px;height:40px;display:block}.brand-mark--empty{width:auto;min-width:40px;padding:0 var(--space-10);box-sizing:border-box;border-radius:var(--radius-symbol);color:var(--white);font:600 15px/1 var(--font-sans);background:var(--graphite);align-self:flex-start;place-items:center;display:grid}.issues{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.issue{align-items:baseline;gap:var(--space-10);font-size:15px;display:flex}.issue .cl-req{flex:none;margin-left:0}.color-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.color-input{align-items:center;gap:var(--space-8);display:flex}.color-input input[type=color]{border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface);cursor:pointer;width:36px;height:36px;padding:0}.color-input .input{width:100%;min-width:0}.font-row{gap:var(--space-10);padding-top:var(--space-12);border-top:1px solid var(--line-soft);flex-direction:column;display:flex}.font-row:first-of-type{border-top:0;padding-top:0}.font-row h4{font:600 15px/1.3 var(--font-sans);margin:0}.file-pill{align-self:flex-start;position:relative}.file-pill input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-pill:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.logo-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.logo-slot{gap:var(--space-8);flex-direction:column;display:flex}.logo-slot h4{font:600 15px/1.3 var(--font-sans);margin:0}.logo-preview{height:96px;padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--white);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid}.logo-preview--white{background:var(--graphite);border-color:var(--graphite)}.logo-preview--white .help{color:var(--neutral)}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-options{gap:var(--space-8);flex-wrap:wrap;display:flex}.logo-thumb{width:48px;height:28px;padding:var(--space-4);box-sizing:border-box;border-radius:var(--radius-tile);background:var(--white);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid}.logo-thumb--white{background:var(--graphite)}.logo-thumb img{object-fit:contain;width:100%;height:100%}.palette{gap:var(--space-8) var(--space-16);flex-wrap:wrap;font-size:15px;display:flex}.swatch{align-items:center;gap:var(--space-6);display:inline-flex}.swatch i{border-radius:var(--radius-bar);border:1px solid var(--line);width:18px;height:18px}.step-btn{cursor:pointer;background:0 0;border:0}.step-btn:disabled{cursor:default}.step-btn.is-active{background:var(--accent-wash)}.step-btn:not(:disabled):not(.is-active):hover{background:var(--hover)}.step-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.dropzone{gap:var(--space-8);padding:var(--space-32);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);border-style:dashed;flex-direction:column;align-items:flex-start;display:flex;position:relative}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone:hover,.dropzone.is-drag{border-color:var(--accent);background:var(--accent-wash)}.dropzone:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.dropzone h3{margin:0}.dropzone .cl-code{margin-left:var(--space-6)}.model-group{gap:var(--space-8);flex-direction:column;display:flex}.model-group+.model-group{padding-top:var(--space-12);border-top:1px solid var(--line-soft)}.model-group h4{font:600 15px/1.3 var(--font-sans);margin:0}.choice-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.cl-choice:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.messages-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.messages-grid--compact{gap:var(--space-10)}.field-error{color:var(--warn);font-size:13.5px}.field-warn{color:var(--muted);font-size:13.5px}.input[aria-invalid=true]{border-color:var(--warn)}.check{align-items:center;gap:var(--space-8);cursor:pointer;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent-ink)}.cl-table td.is-changed{color:var(--accent-ink);font-weight:500}.cl-table td.row-actions{white-space:nowrap;text-align:right}.cl-table td.row-actions .cl-pill+.cl-pill{margin-left:var(--space-6)}.cl-table a{color:inherit}.kpis{gap:var(--space-40)}.summary{gap:var(--space-8) var(--space-24);grid-template-columns:max-content 1fr;margin:0;font-size:15px;display:grid}.summary dt{color:var(--muted)}.summary dd{margin:0}.wizard-nav{justify-content:flex-end;gap:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--line);display:flex}.table-wrap{overflow-x:auto}.cl-status{white-space:nowrap}.review-card{gap:var(--space-16)}.shot-grid{gap:var(--space-24) var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=720px){.shot-grid{grid-template-columns:1fr}}.shot{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.shot-frame{aspect-ratio:16/9;border-radius:var(--radius-tile);background:var(--genbg);position:relative;overflow:hidden}.shot-frame.cl-tile{aspect-ratio:16/9}.shot-frame.cl-tile--plan{background:0 0}.shot-frame img{object-fit:cover;width:100%;height:100%;display:block}.shot-zone{border:1.5px dashed var(--accent);padding:var(--space-6);box-sizing:border-box;pointer-events:none;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute}.shot-zone .cl-label{background:var(--surface)}.shot-zone--izquierda{width:42%;top:8%;bottom:8%;left:4%}.shot-zone--derecha{width:42%;top:8%;bottom:8%;right:4%}.shot-zone--centro{inset:30% 22%}.shot-zone--arriba{height:34%;top:6%;left:8%;right:8%}.shot-zone--abajo{height:34%;bottom:6%;left:8%;right:8%}.shot__meta{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.shot__meta .cl-tile-state{align-items:center;gap:var(--space-6);margin:0 0 0 auto;display:inline-flex}.shot__actions .cl-pill,.mode-pick .cl-pill{padding:var(--space-6) var(--space-14);font-size:14px}.mode-pick{gap:var(--space-6)}.shot__edit{gap:var(--space-8);flex-direction:column;display:flex}.shot__edit textarea{resize:vertical;font:400 13.5px/1.5 var(--font-mono)}.course-detail h4{margin:var(--space-8) 0 0;padding-top:var(--space-12);border-top:1px solid var(--line-soft);font:600 15px/1.3 var(--font-sans)}.course-detail__head{justify-content:space-between;align-items:flex-start;gap:var(--space-16);flex-wrap:wrap;display:flex}.course-detail__head h3{margin:var(--space-6) 0 0}.script-text{max-width:75ch;margin:0;line-height:1.5}.hook{flex-direction:column;font-weight:500;display:inline-flex}.hook b{color:var(--accent-ink);font-weight:600}.chips{gap:var(--space-6);flex-wrap:wrap;display:flex}.prompts summary{cursor:pointer;color:var(--accent-ink);font-size:15px}.prompts summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.prompts .cl-caption{margin:var(--space-10) 0 var(--space-4)}.prompt{max-width:75ch;font:400 13.5px/1.5 var(--font-mono);color:var(--ink);margin:0}.voice-player{width:100%;max-width:480px}.render{gap:var(--space-10);flex-direction:column;display:flex}.render__player{aspect-ratio:16/9;background:var(--graphite);border-radius:var(--radius-tile);width:100%;max-width:960px}.render__meta{align-items:center;gap:var(--space-12)}.video-link{margin-left:var(--space-8)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.usage-filters{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.usage-filters .mode-pick{flex-wrap:wrap}.usage-user{min-width:220px}.usage-kpis{row-gap:var(--space-20);flex-wrap:wrap}.usage-bars{gap:var(--space-10);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.usage-bars li{align-items:center;gap:var(--space-12);grid-template-columns:150px minmax(0,1fr) 110px;font-size:15px;display:grid}.usage-bars .cl-progress{height:10px}.usage-bars .cl-progress i{min-width:2px}.usage-bars .mono{text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px}.usage-table th.n,.usage-table td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-table tfoot td{border-top:1px solid var(--line);background:var(--thbg);font-weight:600}.link-btn{color:inherit;font:inherit;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration-color:currentColor}.link-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (width<=720px){.usage-bars li{grid-template-columns:minmax(0,1fr) 100px}.usage-bars .cl-progress{grid-area:2/1/auto/-1}}.login{align-content:center;place-items:center;gap:var(--space-24);min-height:100vh;padding:var(--space-16);box-sizing:border-box;background:var(--paper);display:grid}.login-card{gap:var(--space-16);width:100%;max-width:380px;padding:var(--space-32);flex-direction:column;display:flex}.login-card .cl-side-lockup{padding-bottom:0}.login-intro{text-align:center;color:var(--muted);margin:0}.login-submit{justify-content:center}.login-foot .powered-logo{height:26px}.powered{justify-content:center;align-items:center;gap:var(--space-10);margin:0;display:flex}.powered-label{font:400 12px/1.3 var(--font-mono);color:var(--muted);white-space:nowrap}.powered-logo{width:auto;height:24px;display:block}.powered-logo--dark,[data-theme=dark] .powered-logo--light{display:none}[data-theme=dark] .powered-logo--dark{display:block}.boot{background:var(--paper);min-height:100vh}@media (width<=900px){.app{flex-direction:column}.side{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto}.side__head{height:64px;padding:0 var(--space-16);border-bottom:0}.side__brand .cl-logo{width:32px;height:32px}.side .side__toggle{display:inline-grid}.side__panel{z-index:2;background:var(--side);border-right:1px solid var(--line);width:min(300px,100%);display:none;position:fixed;top:65px;bottom:0;left:0;overflow-y:auto}.side.is-open .side__panel{display:flex}.side__nav{flex:none;overflow:visible}.side__foot{margin-top:auto}.side__scrim{z-index:1;background:color-mix(in srgb, var(--ink-deep) 40%, transparent);border:0;padding:0;display:block;position:fixed;inset:65px 0 0}.app-content{padding:var(--space-24) var(--space-16)}}