:root{color-scheme:light;--paper: #f3efe6;--paper-2: #fffdf8;--ink: #1c1916;--muted: #5e584f;--line: #e3dcd0;--accent: #c4552c;--accent-ink: #fff8f4;--forest: #234237;--gold: #a78445;--sidebar: #171512;--sidebar-ink: #f3efe6;--danger: #8d2f2f;--ok: #1f6b45;--warn: #8a5a12;--shadow: 0 18px 40px rgb(28 25 22 / 7%);--radius: 16px;font-family:Outfit,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-block-size:100dvb}img{display:block;max-inline-size:100%;block-size:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit}.notice a,.muted a{text-decoration:underline;text-underline-offset:.18em}.skip{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;background:var(--ink);color:var(--paper);padding:.5rem .8rem;z-index:5}.skip:focus{inset-block-start:1rem}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.app{min-block-size:100dvb}@property --drawer-backdrop{syntax: "<number>"; inherits: true; initial-value: 0;}.drawer{--drawer-width: min(18rem, 80dvw);--drawer-backdrop: 0;position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;background:transparent;border:0;overflow:visible;color:var(--sidebar-ink)}.drawer::backdrop{background:#000;opacity:calc(var(--drawer-backdrop) / 2)}.drawer-scroller{position:relative;display:grid;grid-template-columns:var(--drawer-width) 100%;inline-size:100%;block-size:100%;overflow-x:scroll;overscroll-behavior:none;scrollbar-width:none;scroll-snap-type:x mandatory}.drawer-scroller::-webkit-scrollbar{display:none}.drawer-scroller:after{content:"";scroll-snap-align:end;scroll-initial-target:nearest}.drawer-sheet{display:flex;flex-direction:column;gap:1.25rem;block-size:100svh;padding:1.25rem .9rem;background:var(--sidebar);color:var(--sidebar-ink);overflow-y:auto;scroll-snap-align:start;scrollbar-width:none}.drawer-head{display:flex;align-items:flex-start;gap:.75rem}.drawer-head .brand{flex:1;min-inline-size:0}.drawer-close{border:1px solid #3a342d;background:transparent;color:var(--sidebar-ink);border-radius:999px;min-inline-size:2.4rem;min-block-size:2.4rem;display:grid;place-items:center;flex:0 0 auto}.drawer-close:hover{background:#241f1b}@supports (animation-timeline: scroll()){.drawer{timeline-scope:--drawer-fade;animation:fade-drawer-backdrop linear both;animation-timeline:--drawer-fade}.drawer-scroller{scroll-timeline:--drawer-fade x}@keyframes fade-drawer-backdrop{0%{--drawer-backdrop: 1}to{--drawer-backdrop: 0}}}@media(prefers-reduced-motion:no-preference){.drawer-scroller{scroll-behavior:smooth}}.brand{display:flex;gap:.75rem;align-items:center;padding-inline:.45rem}.mark{inline-size:2.4rem;block-size:2.4rem;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-family:Fraunces,Georgia,serif;font-weight:680}.brand small{display:block;color:#b7b0a4;font-size:.75rem}.nav{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.nav a{display:flex;align-items:center;gap:.65rem;text-decoration:none;min-block-size:2.5rem;padding-inline:.7rem;border-radius:10px;color:#ddd6cb}.nav a[aria-current=page]{background:#2a2622;color:#fff}.nav a:hover{background:#241f1b}.nav-icon{inline-size:1.1rem;block-size:1.1rem;flex:0 0 auto}.side-note{margin-block-start:auto;padding:.85rem;border:1px solid #3a342d;border-radius:12px;color:#c9c1b6;font-size:.82rem;line-height:1.45}.workspace{min-inline-size:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,white);position:sticky;inset-block-start:0;z-index:2}.phase{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:center;font-size:.86rem;color:var(--muted)}.phase strong{color:var(--ink);font-weight:600}.topbar .role{margin-inline-start:auto;display:flex;align-items:center;gap:.45rem;font-size:.86rem}.nav-toggle{display:inline-flex;align-items:center;gap:.45rem}.page{padding:1.4rem 1.35rem 2.5rem;display:flex;flex-direction:column;gap:1.1rem}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1rem;align-items:end}.page-head p,.lede{color:var(--muted);max-inline-size:68ch;line-height:1.5}.kicker{color:var(--accent);font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.kpis,.split,.filters,.btn-row,.meta,.card-actions,.check-row{display:flex;flex-wrap:wrap;gap:.75rem}.kpis{align-items:stretch}.kpi,.card,.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{flex:1 1 180px;padding:1rem 1.05rem}.kpi span{display:block;color:var(--muted);font-size:.82rem}.kpi strong{display:block;margin-block-start:.35rem;font-family:Fraunces,Georgia,serif;font-size:1.8rem;font-weight:560}.split{align-items:stretch}.split>*{flex:1 1 320px;min-inline-size:0}.card,.panel{padding:1rem}.card h2,.panel h2{font-size:1.25rem}.stack{display:flex;flex-direction:column;gap:.75rem}.grid-cards,.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.product,.asset,.template{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);overflow:clip;display:flex;flex-direction:column;min-inline-size:0;content-visibility:auto;contain-intrinsic-size:auto 320px}.frame{background:#efe8dc;display:grid;place-items:center}.frame img{inline-size:100%;block-size:100%;object-fit:contain}.product .frame,.template .frame{aspect-ratio:1}.pad{padding:.85rem .9rem 1rem;display:flex;flex-direction:column;gap:.45rem;min-inline-size:0}.pad h3{font-size:1.12rem}.muted,.sku{color:var(--muted);font-size:.86rem}.sku{font-variant-numeric:tabular-nums}.badge,.pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:650;border:1px solid var(--line);background:#f6f1e8;inline-size:fit-content}.badge.approved,.pill.ok{color:var(--ok);background:#e7f4ec;border-color:#cfe6d8}.badge.rejected,.pill.bad{color:var(--danger);background:#fbeeee;border-color:#f0d0d0}.badge.draft,.pill.wait{color:var(--warn);background:#fbf3e4;border-color:#ead9b4}.badge.sample{color:var(--forest);background:#e7f0ec;border-color:#c9ddd4}.btn,.icon-btn{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;min-block-size:2.4rem;padding:.35rem .9rem}.btn:hover,.icon-btn:hover{border-color:#cfc4b2}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-primary:hover{background:#a84322}.btn-forest{background:var(--forest);color:#f3efe6;border-color:transparent}.btn:disabled,.icon-btn:disabled{opacity:.55;cursor:not-allowed}.btn-row{align-items:center}.field{display:flex;flex-direction:column;gap:.35rem;min-inline-size:0;flex:1 1 180px}.stack>.field{flex:none;inline-size:100%}.field span,legend{font-size:.82rem;font-weight:650}.input,.select,.textarea{inline-size:100%;border:1px solid #ddd4c6;background:#fff;border-radius:12px;padding:.65rem .75rem;min-block-size:2.6rem}.textarea{min-block-size:9.5rem;resize:vertical;line-height:1.45}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.btn:focus-visible,.nav a:focus-visible,.icon-btn:focus-visible,.drawer-close:focus-visible,.drawer-sheet:focus-visible{outline:2px solid var(--accent);outline-offset:2px}fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.check-row{align-items:center}.check-row label{display:flex;gap:.45rem;align-items:center;font-size:.9rem}.choice{min-block-size:2.4rem;padding-inline:.15rem}.notice,.error-box{border-radius:12px;padding:.75rem .85rem;line-height:1.45;font-size:.92rem}.notice{background:#f8f1e4;border:1px solid #ead9b4}.error-box{background:#fbeeee;border:1px solid #f0d0d0;color:#6d2424}.warnings{margin:0;padding-inline-start:1.1rem;color:var(--warn)}.studio{container:studio / inline-size}.studio-grid,.studio-stage{display:grid;gap:.9rem;align-items:start}@container studio (inline-size > 880px){.studio-grid{grid-template-columns:minmax(20rem,28rem) minmax(0,1fr)}}.studio-prompt{display:flex;flex-direction:column;gap:.85rem;min-inline-size:0}.selected-products{display:flex;flex-wrap:wrap;gap:.75rem}.selected-products figure{margin:0;display:flex;flex-direction:column;gap:.4rem;inline-size:min(100%,14rem)}.selected-products .frame{aspect-ratio:1;border-radius:14px;overflow:clip}.selected-products figcaption{display:flex;flex-direction:column;gap:.1rem}.selected-products strong{font-size:.86rem;line-height:1.3}.prompt-foot{display:flex;flex-direction:column;gap:.65rem;margin-block-start:.2rem;padding-block-start:.85rem;border-block-start:1px solid var(--line)}.prompt-foot .btn-primary{inline-size:100%}.mode{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.28rem;border:1px solid var(--line);border-radius:999px;background:#f6f1e8}.mode label{position:relative;display:grid;place-items:center;min-block-size:2.45rem;border-radius:999px;font-weight:650}.mode label:has(input:checked){background:var(--ink);color:var(--paper)}.mode input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.mode input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.settings-grid .field{flex:none}.settings-grid>.muted,.settings-grid>.refs{grid-column:1 / -1}.picker label>span:last-child{display:flex;flex-direction:column;gap:.15rem;min-inline-size:0}.picker{display:flex;flex-direction:column;gap:.4rem;max-block-size:min(70svh,42rem);overflow:auto}.picker label{display:grid;grid-template-columns:auto 3.4rem minmax(0,1fr);gap:.65rem;align-items:start;padding:.45rem;border-radius:14px;border:1px solid transparent}.picker label:has(input:checked){border-color:#e7c2b4;background:#fff6f1}.picker .thumb{inline-size:3.4rem;block-size:3.4rem;border-radius:10px;background:#efe8dc;display:grid;overflow:clip}.picker .thumb img{inline-size:100%;block-size:100%;object-fit:contain}.picker-name{font-size:.78rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.picker .sku{font-size:.72rem}.progress-row{display:flex;flex-direction:column;gap:.35rem}progress{inline-size:100%;accent-color:var(--accent);block-size:.7rem}.refs{display:flex;gap:.4rem;flex-wrap:wrap}.refs img{inline-size:3.2rem;block-size:3.2rem;object-fit:cover;border-radius:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2)}table{inline-size:100%;border-collapse:collapse}th,td{text-align:start;padding:.75rem .85rem;border-block-end:1px solid var(--line);vertical-align:top}th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}dialog.modal{border:0;padding:0;background:transparent;inline-size:min(920px,calc(100vw - 2rem));max-inline-size:100%}dialog.modal::backdrop{background:#1715127a}.modal-card{background:var(--paper-2);border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-block-size:min(88dvb,900px);overflow:auto}.modal-head,.compare-stage{display:flex;gap:.75rem}.modal-head{justify-content:space-between;align-items:center}.compare-stage{align-items:stretch}.compare-stage figure{flex:1 1 240px;margin:0;min-inline-size:0}.compare-stage figcaption{font-size:.8rem;color:var(--muted);margin-block-start:.35rem}.compare-stage img{inline-size:100%;aspect-ratio:1;object-fit:contain;background:#efe8dc;border-radius:12px}.compare-stage{flex-wrap:wrap}.slider-wrap{container:slider / inline-size;position:relative;background:#efe8dc;border-radius:12px;overflow:clip}.slider-wrap>img,.slider-wrap .cover img{inline-size:100cqw;max-inline-size:none;aspect-ratio:4 / 3;object-fit:contain;background:#efe8dc}.slider-wrap .cover{position:absolute;inset-block:0;inset-inline-start:0;overflow:clip;border-inline-end:2px solid var(--accent)}.steps{display:grid;gap:.6rem}.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:start}.step b{inline-size:1.7rem;block-size:1.7rem;display:grid;place-items:center;border-radius:999px;background:var(--forest);color:#fff;font-size:.85rem}.step.later b{background:#d9d1c4;color:var(--ink)}dl.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .8rem;margin:0}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}@media(prefers-reduced-motion:reduce){html,.drawer-scroller{scroll-behavior:auto}}