: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-cats,.look-quick{display:flex;gap:.4rem;overflow:auto;align-items:center}.look-cats button.on,.look-quick button.on{background:#6d4dff;color:#fff;border-color:#6d4dff}.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{color:#8b93a7;font-size:.72rem}.look-main{display:flex;flex-direction:column;gap:.9rem}.look-card{display:flex;flex-direction:column;gap:.85rem}.look-mode{display:flex;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-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-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 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-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-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}}