*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0a0a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #d9a441}.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}.product-shell{--product-topbar-height:56px;color:#f4f1ea;background-color:#0b0d0f;grid-template:"header""main"minmax(0,1fr)/minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.product-shell--loaded{grid-template-areas:"toolbar""main"}.product-header{min-width:0;min-height:var(--product-topbar-height);background-color:#151819;border-bottom:1px solid #2a2d2e;grid-area:header;align-items:center;gap:16px;padding:0 24px;display:flex}.product-title{color:#f4f1ea;letter-spacing:0;margin:0;font-size:22px;font-weight:650;line-height:1.2}.product-toolbar{min-width:0;min-height:var(--product-topbar-height);background-color:#151819;border-bottom:1px solid #2a2d2e;grid-area:toolbar;grid-template-columns:minmax(44px,1fr) minmax(160px,204px) minmax(44px,1fr);align-self:stretch;align-items:start;gap:8px;padding:2px 16px;display:grid}.product-toolbar>*{min-width:0;max-width:100%}.product-toolbar__replace-action,.product-toolbar__comparison,.product-export-action{align-items:center;min-width:0;min-height:50px;display:flex}.product-toolbar__comparison{justify-content:center}.product-export-action{justify-content:flex-end}.product-toolbar .export-button-group{align-items:flex-end;gap:0}.product-toolbar .product-replace-button,.product-toolbar .export-button--toolbar{height:50px}.product-toolbar .export-button__status,.product-toolbar .export-button__error{text-align:right}.product-toolbar .export-button__status:not(:empty),.product-toolbar .export-button__error{margin-top:6px}.export-button-group{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.export-button{color:#171006;cursor:pointer;background-color:#d9a441;border:1px solid #d9a441;border-radius:6px;min-height:44px;padding:0 20px;font-size:14px;font-weight:650;line-height:1.3;transition:background-color .2s,border-color .2s}.export-button--toolbar{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.export-button:hover:not(:disabled){background-color:#e2b45a;border-color:#e2b45a}.export-button:disabled{color:#8a857d;cursor:not-allowed;background-color:#2b2b2b;border-color:#3a3f40}.export-button__status,.export-button__error{max-width:220px;margin:0;font-size:13px;line-height:1.35}.export-button__status{color:#b9b2a7}.export-button__error{color:#f2a29a}.product-replace-button{color:#ddd8cc;cursor:pointer;white-space:nowrap;background-color:#25292a;border:1px solid #3a3f40;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}.product-replace-button:hover{color:#f4f1ea;background-color:#303536;border-color:#4a5052}.product-action-icon{flex:none}.product-toolbar__hint{color:#a9a397;text-align:center;font-size:13px;line-height:1.3}.product-main{flex:1;grid-area:main;grid-template-columns:1fr;grid-template-areas:"preview";width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}@media (width>=769px) and (height<=640px){.product-main{overflow-y:auto}.product-main--loaded{min-height:420px}}.product-main--loaded{grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-areas:"preview looks"}.product-preview-section{grid-area:preview;justify-content:center;align-items:center;min-width:0;min-height:0;padding:32px;display:flex;overflow:hidden auto}.product-preview-section--loaded{padding:18px;overflow:hidden}.cold-open{background-color:#0b0d0f;overflow-x:hidden}.cold-open__content{gap:16px;width:min(100%,640px);display:grid}.cold-open__title{color:#f4f1ea;letter-spacing:0;font-size:28px;font-weight:700;line-height:1.12}.image-uploader{text-align:center;background-color:#14181b;border:1px dashed #465058;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:300px;padding:28px;transition:background-color .18s,border-color .18s;display:flex}.image-uploader--drag-active{background-color:#1c2226;border-color:#d9a441}.image-uploader__input{display:none}.image-uploader__drop-copy{color:#f4f1ea;font-size:20px;font-weight:650;line-height:1.2}.image-uploader__button{color:#171006;cursor:pointer;background-color:#d9a441;border:1px solid #d9a441;border-radius:6px;min-height:44px;padding:0 18px;font-size:13px;font-weight:650;line-height:1.3}.image-uploader__button:hover{background-color:#e2b45a;border-color:#e2b45a}.image-uploader__formats{color:#b9b2a7;font-size:12px;font-weight:500;line-height:1.35}.image-uploader__error{color:#d96b5f;max-width:420px;font-size:13px;font-weight:500;line-height:1.35}.preview-recovery{z-index:4;text-align:center;color:#f4f1ea;background-color:#14181b;border:1px solid #465058;border-radius:8px;gap:8px;width:min(100%,420px);padding:28px;display:grid;position:absolute}.preview-recovery__message{color:#d96b5f;font-size:16px;font-weight:650;line-height:1.35}.preview-recovery__action{color:#b9b2a7;font-size:13px;font-weight:500;line-height:1.35;display:block}.preview-recovery__button{color:#171006;cursor:pointer;background-color:#d9a441;border:1px solid #d9a441;border-radius:6px;justify-self:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:650;line-height:1.3}.preview-recovery__button:hover{background-color:#e2b45a;border-color:#e2b45a}.preview-status{z-index:1;color:#b9b2a7;background-color:#14181be0;border:1px solid #2b3237;border-radius:6px;max-width:min(320px,100% - 32px);padding:8px 10px;font-size:13px;line-height:1.3;position:absolute;bottom:16px;left:16px}.preview-canvas-frame{flex:0 auto;width:100%;max-width:100%;height:100%;max-height:100%;line-height:0;position:relative}.comparison-view{width:100%;height:100%;min-height:0;position:relative}.comparison-view-shell{grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.comparison-view--stage{display:block;overflow:hidden}.comparison-view__mode-toggle{background-color:#14181bd6;border:1px solid #465058b8;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(204px,100%);height:50px;padding:2px;line-height:normal;display:grid;box-shadow:0 10px 28px #00000052}.comparison-view__mode-button{color:#d8d2c6;letter-spacing:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#0000;border:0;border-radius:6px;min-width:0;min-height:44px;padding:0 8px;font-size:13px;font-weight:650;line-height:1.3;overflow:hidden}.comparison-view__mode-button:hover{color:#f4f1ea;background-color:#4650586b}.comparison-view__mode-button--active{color:#171006;background-color:#d9a441}.comparison-view__mode-button--active:hover{color:#171006;background-color:#e2b45a}.product-look-panel{scrollbar-width:none;-ms-overflow-style:none;background-color:#151819;border-left:1px solid #2a2d2e;grid-area:looks;min-width:0;padding:18px;overflow:hidden auto}.product-look-panel::-webkit-scrollbar{display:none}.stock-rail{gap:14px;min-width:0;display:grid}.stock-rail__header{gap:6px;display:grid}.stock-rail__title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stock-rail__title{color:#f4f1ea;letter-spacing:0;font-size:16px;font-weight:650;line-height:1.2}.stock-rail__view-all{color:#d9a441;cursor:pointer;background-color:#1c2226;border:1px solid #465058;border-radius:6px;min-width:76px;min-height:44px;padding:0 12px;font-size:13px;font-weight:650;line-height:1.3}.stock-rail__view-all:hover{color:#171006;background-color:#d9a441;border-color:#d9a441}.stock-rail__hint{color:#b9b2a7;font-size:13px;font-weight:500;line-height:1.35}.stock-rail__scroller{scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:minmax(0,1fr);gap:10px;padding:2px;display:grid}.stock-rail__scroller::-webkit-scrollbar{display:none}.stock-card{text-align:left;color:#f4f1ea;cursor:pointer;background-color:#14181b;border:1px solid #2b3237;border-radius:8px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;min-height:108px;padding:9px;display:grid}.stock-card:hover{background-color:#1c2226;border-color:#465058}.stock-card[aria-pressed=true]{background-color:#1c2226;border-color:#d9a441;box-shadow:inset 0 0 0 2px #d9a441}.stock-card__artwork{object-fit:cover;background-color:#07090a;border-radius:6px;width:88px;height:88px}.stock-card__body{align-content:center;gap:5px;min-width:0;display:grid}.stock-card__name{color:#f4f1ea;font-size:14px;font-weight:650;line-height:1.25}.stock-card__descriptor{color:#b9b2a7;font-size:12px;font-weight:500;line-height:1.35}.stock-card__selected{color:#171006;background-color:#d9a441;border-radius:9999px;width:fit-content;min-height:22px;padding:3px 7px;font-size:12px;font-weight:650;line-height:1.35}.stock-grid-sheet{z-index:20;background-color:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.stock-grid-sheet__dialog{color:#f4f1ea;background-color:#14181b;border:1px solid #465058;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(100%,980px);max-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000075}.stock-grid-sheet__header{border-bottom:1px solid #2b3237;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:18px;display:flex}.stock-grid-sheet__heading{gap:5px;min-width:0;display:grid}.stock-grid-sheet__title{color:#f4f1ea;letter-spacing:0;font-size:20px;font-weight:700;line-height:1.2}.stock-grid-sheet__subtitle{color:#b9b2a7;font-size:13px;font-weight:500;line-height:1.35}.stock-grid-sheet__close{color:#f4f1ea;cursor:pointer;background-color:#1c2226;border:1px solid #465058;border-radius:6px;min-width:72px;min-height:44px;padding:0 12px;font-size:13px;font-weight:650;line-height:1.3}.stock-grid-sheet__close:hover{color:#171006;background-color:#d9a441;border-color:#d9a441}.stock-grid-sheet__grid{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;min-height:0;padding:18px;display:grid;overflow-y:auto}.stock-grid-sheet__grid::-webkit-scrollbar{display:none}.stock-grid-card{text-align:left;color:#f4f1ea;cursor:pointer;background-color:#1c2226;border:1px solid #2b3237;border-radius:8px;grid-template-rows:124px 1fr;gap:10px;min-height:226px;padding:10px;display:grid}.stock-grid-card:hover{border-color:#465058}.stock-grid-card[aria-pressed=true]{border-color:#d9a441;box-shadow:inset 0 0 0 2px #d9a441}.stock-grid-card__artwork{object-fit:cover;background-color:#07090a;border-radius:6px;width:100%;height:124px}.stock-grid-card__body{align-content:start;gap:5px;min-width:0;display:grid}.stock-grid-card__name{color:#f4f1ea;font-size:14px;font-weight:650;line-height:1.25}.stock-grid-card__descriptor{color:#b9b2a7;font-size:12px;font-weight:500;line-height:1.35}.stock-grid-card__selected{color:#171006;background-color:#d9a441;border-radius:9999px;width:fit-content;min-height:22px;padding:3px 7px;font-size:12px;font-weight:650;line-height:1.35}input[type=range]{appearance:none}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:#4a9eff;border-radius:50%;width:14px;height:14px;margin-top:-5px}input[type=range]::-moz-range-thumb{cursor:pointer;background-color:#4a9eff;border:none;border-radius:50%;width:14px;height:14px}input[type=range]::-webkit-slider-runnable-track{background-color:#444;border-radius:2px;height:4px}input[type=range]::-moz-range-track{background-color:#444;border-radius:2px;height:4px}@media (width<=768px),(pointer:coarse){main:not(.product-main){flex-direction:column!important}main:not(.product-main)>div:last-child{border-top:1px solid #333;height:360px;border-left:none!important;width:100%!important}.product-shell{grid-template:"header""main"minmax(0,1fr)/1fr}.product-shell--loaded{grid-template-areas:"toolbar""main"}.product-header{align-items:center;padding:0 16px}.product-toolbar{width:100%;padding-left:10px;padding-right:10px}.product-main{overscroll-behavior:contain;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));grid-template:"preview"minmax(320px,min(62dvh,560px))"looks"/1fr;overflow:hidden auto}.product-preview-section{order:1;padding:24px 16px}.product-preview-section--loaded{align-items:stretch;padding:14px;overflow:hidden auto}.comparison-view-shell{min-height:288px}.product-look-panel{padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #2a2d2e;border-left:none;order:2}.stock-rail__scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.stock-card{scroll-snap-align:start;grid-template-rows:128px 1fr;grid-template-columns:1fr;align-items:stretch;width:172px;min-width:172px;min-height:236px;padding:10px}.stock-card__artwork{width:100%;height:128px}.stock-card__body{align-content:start}.stock-grid-sheet{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);align-items:stretch}.stock-grid-sheet__dialog{border-left:none;border-right:none;border-radius:0;width:100%;max-height:100dvh}.stock-grid-sheet__header{padding:16px}.stock-grid-sheet__grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;padding:14px}.stock-grid-card{grid-template-rows:112px 1fr;min-height:214px}.stock-grid-card__artwork{height:112px}.cold-open{padding:24px 16px}.cold-open__content{gap:14px}.image-uploader{min-height:280px;padding:22px}}@media (width<=520px){.product-action-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-replace-button,.export-button--toolbar{width:44px;padding:0}.product-toolbar__hint{font-size:12px}}@media (width<=380px){.comparison-view__mode-button{padding:0 6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.image-uploader,.export-button,.preview-recovery__button,.comparison-view__mode-button,.comparison-view__mode-toggle{transition-duration:.01ms;animation-duration:.01ms}.stock-rail__scroller,.product-main{scroll-behavior:auto}.stock-rail__scroller{scroll-snap-type:none}}