: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(20.5rem, 88dvw);--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:#1e2433}.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:.85rem;block-size:100svh;padding:1rem .85rem .9rem;background:#fff;color:#1e2433;overflow-y:auto;scroll-snap-align:start;scrollbar-width:none;border-radius:0 28px 28px 0;box-shadow:16px 0 40px #281e501a}.drawer-head{display:flex;align-items:center;gap:.75rem}.drawer-head .brand{flex:1;min-inline-size:0}.drawer-close{border:0;background:#f4f5f8;color:#667085;border-radius:999px;min-inline-size:2.2rem;min-block-size:2.2rem;display:grid;place-items:center;flex:0 0 auto}.drawer-close:hover{background:#eceef5}@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.5rem;block-size:2.5rem;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#ffb15a,#f97316);color:#fff;font-weight:750}.brand strong{display:block;font-size:.98rem}.brand small{display:block;color:#8b93a7;font-size:.75rem}.nav{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;flex:1}.nav a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;text-decoration:none;min-block-size:2.85rem;padding:.3rem .45rem;border-radius:14px;color:#1e2433;font-weight:650}.nav a[aria-current=page]{background:#6d4dff;color:#fff}.nav a:hover{background:#f6f4ff}.nav a[aria-current=page]:hover{background:#6d4dff}.nav-tile{inline-size:2rem;block-size:2rem;border-radius:10px;display:grid;place-items:center}.nav-tile.blue{background:#e7f0ff;color:#3b82f6}.nav-tile.purple,.nav-tile.violet{background:#f3e8ff;color:#7c3aed}.nav-tile.green{background:#e8f9ee;color:#16a34a}.nav-tile.pink{background:#ffe8f3;color:#ec4899}.nav-tile.orange{background:#fff1e8;color:#f97316}.nav-tile.sky{background:#e7f2ff;color:#60a5fa}.nav-tile.cyan{background:#e6f8fb;color:#06b6d4}.nav-tile.gray{background:#f3f4f6;color:#6b7280}.nav a[aria-current=page] .nav-tile{background:transparent;color:#fff}.nav-chevron{color:#98a2b3;font-size:1.15rem;line-height:1}.nav a[aria-current=page] .nav-chevron{color:#fff}.nav-icon{inline-size:1.05rem;block-size:1.05rem;flex:0 0 auto}.side-note{margin-block-start:auto;display:flex;gap:.65rem;padding:.85rem;border-radius:16px;background:#f5f3ff;color:#667085;font-size:.8rem;line-height:1.4}.side-note strong{display:block;color:#1e2433;font-size:.86rem;margin-block-end:.15rem}.note-ico{inline-size:1.8rem;block-size:1.8rem;border-radius:999px;background:#ece7ff;display:grid;place-items:center;flex:0 0 auto}.drawer-user{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.7rem .2rem .2rem;border-block-start:1px solid #eef0f5}.drawer-avatar{inline-size:2.3rem;block-size:2.3rem;border-radius:999px;display:grid;place-items:center;background:#3b82f6;color:#fff;font-weight:750}.drawer-user strong{display:block}.drawer-user small{color:#8b93a7}.drawer-user select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.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,.pad>.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}.ref-choice{display:flex;align-items:center;gap:.55rem;font-size:.9rem}.ref-choice img{object-fit:contain;background:#efe8dc}.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}}.app:has(.studio-look) .topbar{display:none}.app:has(.studio-look) .page{padding:1rem 1.1rem 2rem;background:#f4f6fb}.studio-look{color:#1e2433;display:flex;flex-direction:column;gap:1rem}.studio-look h1,.studio-look h2,.studio-look h3{font-family:Outfit,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.03em}.look-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.look-brand{display:flex;gap:.75rem;align-items:center}.look-brand h1{font-size:1.55rem;color:#5b4dff}.look-brand p{color:#7b8499;font-size:.86rem;max-inline-size:42rem}.look-mark{inline-size:2.4rem;block-size:2.4rem;display:grid;place-items:center;border-radius:12px;background:#efeaff;color:#6d4dff;font-size:1.1rem}.look-menu,.look-chip,.look-reset,.look-template,.look-generate,.look-cats button,.look-quick button{border:1px solid #e6e9f2;background:#fff;border-radius:999px;min-block-size:2.3rem;padding:.35rem .9rem}.look-menu{inline-size:2.4rem;padding:0;display:grid;place-items:center}.look-menu svg{inline-size:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.look-tools{display:flex;gap:.5rem;align-items:center}.look-role select{border:1px solid #e6e9f2;background:#fff;border-radius:999px;min-block-size:2.3rem;padding:0 .7rem}.look-user{display:inline-flex;align-items:center;gap:.45rem;font-weight:650}.look-user span{inline-size:2rem;block-size:2rem;border-radius:999px;display:grid;place-items:center;background:#6d4dff;color:#fff}.look-body{display:grid;grid-template-columns:minmax(20rem,26rem) minmax(0,1fr);gap:1rem;align-items:start}.look-products,.look-card{background:#fff;border:1px solid #eceef5;border-radius:22px;box-shadow:0 12px 32px #463c820f;padding:1rem}.look-products{display:flex;flex-direction:column;gap:.75rem;max-block-size:calc(100dvh - 7rem);position:sticky;inset-block-start:.6rem}.look-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.look-card-head h2,.look-preview h2{font-size:1.05rem;display:flex;gap:.45rem;align-items:center}.look-card-head p,.look-preview p{color:#7b8499;font-size:.82rem;margin-block-start:.2rem}.look-count{background:#f2f1ff;color:#5b4dff;border-radius:999px;padding:.2rem .65rem;font-size:.78rem;font-weight:700}.look-search input,.look-prompt-box select,.look-manual textarea,.look-setting select,.look-setting input,.look-role select{inline-size:100%;border:1px solid #e6e9f2;border-radius:12px;background:#fbfbfe;min-block-size:2.5rem;padding:.45rem .75rem}.look-filterbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem;align-items:center}.look-scroll{inline-size:1.8rem;min-block-size:1.8rem;padding:0;border:1px solid #e6e9f2;border-radius:999px;background:#fff;color:#6d4dff;font-weight:700}.look-cats,.look-quick{display:flex;gap:.4rem;overflow:auto;align-items:center;scroll-snap-type:x proximity;scrollbar-width:thin}.look-cats button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.look-cats button.on,.look-quick button.on{background:#6d4dff;color:#fff;border-color:#6d4dff}.look-sorts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.look-sorts select{inline-size:100%;border:1px solid #e6e9f2;border-radius:12px;background:#fbfbfe;min-block-size:2.4rem;padding:.35rem .55rem;font-size:.82rem}.look-empty{color:#8b93a7;font-size:.85rem;padding:.6rem}.look-list{display:flex;flex-direction:column;gap:.25rem;overflow:auto}.look-list label{display:grid;grid-template-columns:auto 3rem minmax(0,1fr);gap:.6rem;align-items:center;padding:.4rem;border-radius:14px}.look-list label.on{background:#f6f4ff}.look-thumb{inline-size:3rem;block-size:3rem;border-radius:10px;background:#f3f1ea;overflow:clip;display:grid}.look-thumb img,.look-preview-frame img,.look-thumbs img{inline-size:100%;block-size:100%;object-fit:cover}.look-meta{min-inline-size:0}.look-meta strong{display:block;font-size:.78rem;line-height:1.3;overflow-wrap:anywhere}.look-meta span,.look-file{display:block;color:#8b93a7;font-size:.72rem;overflow-wrap:anywhere}.look-main{display:flex;flex-direction:column;gap:.9rem}.look-card{display:flex;flex-direction:column;gap:.85rem}.look-mode{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.45rem;border:0;margin:0;padding:0}.look-mode label{position:relative}.look-mode input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.look-mode span{display:inline-flex;align-items:center;min-block-size:2.5rem;padding:0 1rem;border-radius:12px;background:#f4f5f8;font-weight:700}.look-mode label.on span{background:#6d4dff;color:#fff}.look-mode input:focus-visible+span{outline:2px solid #6d4dff;outline-offset:2px}.look-prompt-box,.look-manual{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;align-items:center}.look-manual{grid-template-columns:1fr}.look-manual textarea{min-block-size:6.5rem}.look-manual-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.look-price{color:#6d4dff}.look-template{display:inline-flex;align-items:center;text-decoration:none;border-radius:12px}.look-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(14rem,.8fr);gap:.9rem;align-items:start}.look-settings{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .9rem}.look-setting{display:flex;flex-direction:column;gap:.3rem}.look-setting span{display:flex;gap:.35rem;align-items:center;font-size:.82rem;font-weight:700}.look-setting i{inline-size:1.4rem;block-size:1.4rem;border-radius:8px;display:grid;place-items:center;background:#f3f1ff;color:#6d4dff;font-style:normal;font-size:.75rem}.look-color{display:flex;gap:.4rem;align-items:center}.look-color input[type=color]{inline-size:2.2rem;min-block-size:2.2rem;padding:.15rem;flex:none}.look-refs{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.look-refs img{inline-size:2.6rem;block-size:2.6rem;object-fit:cover;border-radius:8px}.look-upload{display:inline-flex;align-items:center;gap:.35rem}.look-upload button{border:0;background:transparent;color:#6d4dff;font-size:.75rem;font-weight:700}.gate{min-block-size:100dvb;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,26rem);align-items:center;gap:1.5rem;padding:2rem 2rem 2rem 3.2rem;position:relative;overflow:clip;background:linear-gradient(115deg,#fffaf6,#f7f4ff 46%,#f4f7ff);color:#241b45}.gate-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(2px)}.blob-a{inline-size:28rem;block-size:28rem;background:#efe7ff;inset-block-start:-6rem;inset-inline-start:18%}.blob-b{inline-size:22rem;block-size:22rem;background:#ffe8f4;inset-block-end:-8rem;inset-inline-start:8%}.blob-c{inline-size:16rem;block-size:16rem;background:#e7fff4;inset-block-start:8%;inset-inline-end:-4rem}.star{position:absolute;color:#f5c542;font-style:normal;font-size:1.4rem}.star:before{content:"★"}.star-a{inset-block-start:12%;inset-inline-start:46%;font-size:1.7rem}.star-b{inset-block-start:8%;inset-inline-end:8%;color:#f0b429}.star-c{inset-block-end:18%;inset-inline-start:42%;font-size:1rem;color:#f6d56a}.gate-story{position:relative;z-index:2;max-inline-size:34rem;align-self:start;padding-block-start:1.2rem}.gate-brand{display:flex;align-items:center;gap:.7rem;margin-block-end:1.6rem}.gate-mark{inline-size:2.6rem;block-size:2.6rem;border-radius:12px;display:grid;place-items:center;background:#ff7a1a;color:#fff;font-weight:800;font-size:1.25rem}.gate-brand strong{display:block;font-size:1rem;color:#1d1638}.gate-brand small{display:block;color:#8b93a7;font-size:.78rem}.gate-story h1{font-family:Outfit,Segoe UI,sans-serif;font-weight:800;font-size:clamp(2.2rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.04em;color:#1a1440}.gate-story h1 span{display:inline;background:linear-gradient(90deg,#7c4dff,#e45ad4);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-story>p{margin-block:.9rem 1.2rem;max-inline-size:28rem;color:#8b93a7;font-size:1rem}.gate-story ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.gate-story li{display:flex;gap:.75rem;align-items:center}.gate-story li strong{display:block;font-size:.95rem}.gate-story li small{display:block;color:#8b93a7;font-size:.82rem}.point{inline-size:2.5rem;block-size:2.5rem;border-radius:12px;display:grid;place-items:center;flex:none;background:#fff;box-shadow:0 8px 18px #503c8c14}.point svg{inline-size:1.2rem;block-size:1.2rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.point-ai{color:#7c5cff;background:#f3eeff}.point-ready{color:#f062b0;background:#fff0f7}.point-erp{color:#3dbe86;background:#e9fbf3}.gate-art{position:absolute;inset-inline-start:34%;inset-block-end:0;inline-size:min(34rem,46vw);z-index:1;pointer-events:none}.toys{inline-size:100%;block-size:auto}.float-card{position:absolute;inset-block-start:0;inset-inline-end:4%;inline-size:8.5rem;background:#fff;border-radius:18px;padding:.45rem;box-shadow:0 16px 30px #503c8c1f}.checker{border-radius:12px;background:linear-gradient(45deg,#f3f1f8 25%,transparent 25%),linear-gradient(-45deg,#f3f1f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f1f8 75%),linear-gradient(-45deg,transparent 75%,#f3f1f8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff}.checker svg{inline-size:100%;block-size:6.2rem}.ai-pill{position:absolute;inset-block-start:.7rem;inset-inline-end:.7rem;background:#7c5cff;color:#fff;border-radius:999px;font-size:.62rem;font-weight:700;padding:.18rem .4rem}.float-arrow{position:absolute;inline-size:3.2rem;inset-inline-end:-1.4rem;inset-block-end:-.2rem;fill:none;stroke:#7c5cff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.heart{position:absolute;inset-block-start:42%;inset-inline-end:18%;color:#ff7eb3;font-size:1.3rem}.gate-card{position:relative;z-index:3;background:#fff;border-radius:28px;padding:1.5rem 1.4rem 1.15rem;box-shadow:0 22px 50px #463c821f;display:flex;flex-direction:column;gap:.75rem}.gate-card h2{font-family:Outfit,Segoe UI,sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:-.03em;color:#1a1440;margin:0}.gate-lead{color:#8b93a7;margin-block-end:.3rem}.gate-field{position:relative}.gate-field input{inline-size:100%;font-size:1rem;min-block-size:3rem;border:1px solid #eceef5;background:#f7f8fc;border-radius:14px;padding-inline:2.7rem 2.7rem}.gate-field input:focus-visible{outline:2px solid #c9b8ff;outline-offset:1px}.field-ico{position:absolute;inline-size:1.15rem;block-size:1.15rem;inset-inline-start:.9rem;inset-block-start:.9rem;fill:none;stroke:#a0a8ba;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.gate-eye{position:absolute;inset-inline-end:.25rem;inset-block-start:.25rem;inline-size:2.5rem;block-size:2.5rem;border:0;background:transparent;color:#98a0b3;display:grid;place-items:center}.gate-eye svg{inline-size:1.15rem;block-size:1.15rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gate-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.88rem}.remember{display:flex;align-items:center;gap:.4rem;color:#4b5168}.remember input{accent-color:#7c5cff;inline-size:1rem;block-size:1rem}.text-link{border:0;background:transparent;color:#7c5cff;font-weight:700;padding:.35rem}.gate-submit{border:0;border-radius:14px;min-block-size:3rem;background:#7c5cff;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.45rem}.gate-submit:disabled{opacity:.7}.gate-submit:focus-visible,.text-link:focus-visible,.gate-google:focus-visible,.gate-eye:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.gate-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;color:#a0a8ba;font-size:.75rem;letter-spacing:.08em;margin:0}.gate-or:before,.gate-or:after{content:"";block-size:1px;background:#eceef4}.gate-google{border:1px solid #eceef5;background:#fff;color:#2a3142;border-radius:14px;min-block-size:3rem;font-weight:650;display:flex;align-items:center;justify-content:center;gap:.55rem}.gate-google svg{inline-size:1.15rem;block-size:1.15rem}.gate-hint{color:#6d4dff;font-size:.82rem}.login-error{color:#b42318;font-size:.88rem}.gate-safe{display:flex;gap:.55rem;align-items:flex-start;background:#f7f8fc;border-radius:14px;padding:.75rem .8rem;color:#8b93a7;font-size:.8rem}.gate-safe .field-ico{position:static;flex:none;margin-block-start:.1rem}@media(max-width:980px){.gate{grid-template-columns:1fr;padding:1rem;align-items:start}.gate-art,.star,.blob{display:none}.gate-story{padding-block-start:.4rem}.gate-story h1{font-size:2rem}.gate-card{order:-1}}.dash-signout{border:0;background:transparent;color:#6d4dff;font-weight:700;text-align:start;padding:.2rem .45rem .4rem}.dash-app{display:grid;grid-template-columns:16.5rem minmax(0,1fr);gap:1rem;min-block-size:100dvb;padding:.9rem;background:#f4f6fb}.dash-side{display:flex;flex-direction:column;gap:.8rem;background:#fff;border-radius:28px;padding:1rem .8rem;box-shadow:0 12px 32px #463c820f;position:sticky;inset-block-start:.9rem;max-block-size:calc(100dvb - 1.8rem)}.dash-side .nav{overflow:auto}.dash-side .nav a{border-radius:14px}.dash-side .side-note{margin-block-start:auto}.dash-column{min-inline-size:0;display:flex;flex-direction:column;gap:.8rem}.dash-top{display:flex;align-items:center;gap:.7rem;background:#fff;border-radius:22px;padding:.7rem .8rem;box-shadow:0 12px 32px #463c820f}.dash-search{position:relative;flex:1}.dash-search input,.dash-role select{inline-size:100%;border:1px solid #e7eaf2;background:#f7f8fc;border-radius:14px;min-block-size:2.7rem;padding:.4rem .8rem}.dash-search ul{position:absolute;inset-inline:0;inset-block-start:calc(100% + .35rem);z-index:3;margin:0;padding:.35rem;list-style:none;background:#fff;border-radius:14px;box-shadow:0 12px 32px #463c821f}.dash-search a,.dash-search li{display:block;padding:.45rem .55rem;border-radius:10px;text-decoration:none}.dash-search a:hover{background:#f4f1ff}.dash-bell{position:relative}.dash-bell button{inline-size:2.7rem;block-size:2.7rem;border:1px solid #e7eaf2;border-radius:14px;background:#fff;display:grid;place-items:center}.dash-bell svg{inline-size:1.15rem;block-size:1.15rem}.dash-bell p{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .35rem);width:12rem;margin:0;padding:.7rem .8rem;background:#fff;border-radius:12px;box-shadow:0 12px 32px #463c821f}.dash-role{display:flex;align-items:center;gap:.4rem;color:#667085;font-size:.82rem;white-space:nowrap}.dash-role select{inline-size:auto;background:#fff}.dash-open,.dash-empty a,.dash-campaigns .dash-empty a{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.7rem;padding:0 1rem;border-radius:14px;background:#6d4dff;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}.dash-page{padding:0;gap:.9rem}.dash-look{display:flex;flex-direction:column;gap:.9rem}.dash-head,.dash-panel,.dash-phases,.dash-stats article{background:#fff;border-radius:22px;box-shadow:0 12px 32px #463c820f}.dash-head{display:flex;gap:.75rem;align-items:center;padding:1.1rem 1.2rem;background:radial-gradient(circle at 80% 20%,#efe9ff 0 18%,transparent 19%),radial-gradient(circle at 20% 80%,#e7fbf3 0 16%,transparent 17%),#fff}.dash-head h1,.dash-panel h2,.dash-phases h2{font-family:Outfit,Segoe UI,sans-serif;font-size:1.25rem}.dash-head p,.dash-empty p,.dash-phases p,.dash-stats small,.dash-campaigns li span{color:#7b8499}.dash-mark,.dash-ico{inline-size:2.2rem;block-size:2.2rem;border-radius:12px;display:grid;place-items:center;background:#f3f1ff;color:#6d4dff;flex:none}.dash-ico.blue{background:#e8f1ff;color:#3b82f6}.dash-ico.violet{background:#f3e8ff;color:#8b5cf6}.dash-ico.green{background:#e8f8ef;color:#16a34a}.dash-ico.orange{background:#fff1e6;color:#f97316}.dash-ico.pink{background:#fde8f3;color:#ec4899}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.dash-stats article{display:flex;gap:.75rem;align-items:center;padding:1rem}.dash-stats p{color:#667085;font-size:.86rem}.dash-stats strong{display:block;font-size:1.7rem;line-height:1.1}.dash-stats small{font-size:.75rem}.dash-split{display:grid;grid-template-columns:1.4fr .8fr;gap:.8rem}.dash-panel,.dash-phases{padding:1rem 1.05rem 1.1rem}.dash-panel header,.dash-phases header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.dash-panel h2,.dash-phases h2{display:flex;align-items:center;gap:.45rem;font-size:1rem}.dash-panel header a,.dash-phases header a{color:#6d4dff;font-weight:700;font-size:.86rem;text-decoration:none}.dash-empty{min-block-size:16rem;display:grid;place-items:center;align-content:center;text-align:center;gap:.35rem;padding:1.5rem}.dash-empty span{inline-size:3rem;block-size:3rem;border-radius:16px;display:grid;place-items:center;background:#f4f6fb;color:#98a2b3}.dash-campaigns{background:linear-gradient(180deg,#fff7fb,#fff 40%)}.dash-campaigns .dash-empty a{background:#fb7185}.dash-lead{display:grid;gap:.55rem;text-decoration:none;margin-block-start:.8rem}.dash-lead img{inline-size:100%;max-block-size:22rem;object-fit:contain;border-radius:16px;background:#f6f4ef}.dash-campaigns ul{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.55rem}.dash-campaigns li{display:flex;justify-content:space-between;gap:.5rem;padding:.7rem 0;border-block-end:1px solid #f1f3f8}.dash-phases ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:.9rem 0 0;padding:0}.dash-phases li{border-radius:18px;padding:.9rem;background:#f7f8fc}.dash-phases b{display:grid;place-items:center;inline-size:1.7rem;block-size:1.7rem;border-radius:999px;color:#fff;margin-block-end:.55rem}.dash-phases li:nth-child(1) b{background:#7c5cff}.dash-phases li:nth-child(2) b{background:#ec4899}.dash-phases li:nth-child(3) b{background:#fb7185}.dash-phases li:nth-child(4) b{background:#fb923c}.dash-phases li:nth-child(5) b{background:#60a5fa}.dash-phases strong{display:block;font-size:.92rem}.dash-phases p{font-size:.78rem;margin-block-start:.3rem}@media(max-width:1100px){.dash-stats,.dash-phases ol{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-split{grid-template-columns:1fr}}@media(max-width:800px){.dash-app{grid-template-columns:1fr}.dash-side{position:static;max-block-size:none}.dash-top{flex-wrap:wrap}.dash-phases ol,.dash-stats{grid-template-columns:1fr}}.look-file input{max-inline-size:12rem}.look-preview-frame{aspect-ratio:1.55;border-radius:16px;overflow:clip;background:#f6f4ef;display:grid;place-items:center}.look-preview-frame>a,.gallery-shot>a,.frame>a{display:block;inline-size:100%;block-size:100%;cursor:zoom-in}.look-thumbs{display:flex;gap:.4rem}.look-thumbs img{inline-size:3.2rem;block-size:3.2rem;border-radius:10px;object-fit:cover;background:#f3f1ea}.look-generate{border:0;border-radius:14px;min-block-size:3.1rem;background:linear-gradient(90deg,#6d4dff,#8a63ff);color:#fff;font-weight:750;font-size:1.02rem}.look-generate:disabled{opacity:.85}.look-progress{display:flex;flex-direction:column;gap:.35rem}.look-progress strong{font-size:1.05rem;color:#5b4dff}.look-progress span{color:#7b8499}.look-progress progress{inline-size:100%;block-size:.7rem;accent-color:#6d4dff}.look-results{display:flex;flex-direction:column;gap:.9rem}.gallery-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.gallery-head h2{font-size:1.35rem;display:flex;gap:.55rem;align-items:center}.gallery-head p{color:#7b8499;font-size:.86rem}.gallery-head .look-mark{inline-size:2rem;block-size:2rem;font-size:.9rem}.gallery-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.gallery-tools input,.gallery-tools select,.gallery-layout button,.gallery-actions button,.gallery-fields select{border:1px solid #e6e9f2;background:#fff;border-radius:12px;min-block-size:2.4rem;padding:.35rem .75rem}.gallery-tools input{min-inline-size:12rem}.gallery-tools>.gallery-download{background:#6d4dff;color:#fff;border:0;border-radius:12px;min-block-size:2.4rem;padding:.35rem .9rem;font-weight:700}.gallery-tools>.gallery-download:disabled{opacity:.55}.gallery-layout{display:flex;padding:.2rem;border:1px solid #e6e9f2;border-radius:12px;background:#fff}.gallery-layout button.on{background:#6d4dff;color:#fff;border-color:transparent}.look-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.9rem}.look-gallery.list{grid-template-columns:1fr}.gallery-card{background:#fff;border:1px solid #eceef5;border-radius:22px;box-shadow:0 12px 32px #463c820f;overflow:clip}.gallery-card.on{outline:2px solid #6d4dff}.gallery-shot{position:relative;aspect-ratio:1.35;background:#f6f4ef}.gallery-shot img{inline-size:100%;block-size:100%;object-fit:cover}.gallery-flag,.gallery-size,.gallery-pick{position:absolute;border-radius:999px;background:#fff;font-size:.75rem;font-weight:700}.gallery-flag{inset-block-start:.65rem;inset-inline-start:.65rem;padding:.2rem .55rem}.gallery-flag.draft,.gallery-flag.sample{color:#c2410c;background:#fff4ec}.gallery-flag.approved,.gallery-flag.unverified{color:#15803d;background:#eefbf3}.gallery-flag.rejected{color:#b91c1c;background:#fdecec}.gallery-pick{inset-block-start:.65rem;inset-inline-end:.65rem;inline-size:1.7rem;block-size:1.7rem;display:grid;place-items:center}.gallery-size{inset-block-end:.65rem;inset-inline-end:.65rem;padding:.15rem .45rem;color:#4b5568}.gallery-body{display:flex;flex-direction:column;gap:.55rem;padding:.85rem .9rem 1rem}.gallery-sku{color:#8b93a7;font-size:.75rem}.gallery-body h3{font-size:.98rem;line-height:1.3;overflow-wrap:anywhere}.gallery-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;color:#7b8499;font-size:.78rem}.gallery-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.gallery-actions button{border-radius:12px;font-weight:700}.gallery-actions button.gallery-download{background:#6d4dff;color:#fff;border-color:transparent}.gallery-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.gallery-fields label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:700;color:#667085}.look-gallery.list .gallery-card{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr)}.look-gallery.list .gallery-shot{aspect-ratio:auto;min-block-size:100%}@media(max-width:720px){.look-gallery.list .gallery-card{grid-template-columns:1fr}}@media(max-width:980px){.look-body,.look-split,.look-settings{grid-template-columns:1fr}.look-products{position:static;max-block-size:28rem}}
