:root{--muted:#a7a69b;--line:#ffffff13;--accent:#d4c2a7;--panel:#242521;color:#eeeae2;background:#181a17}body{background:radial-gradient(at 12% 0,#45483b20,#0000 55%),#181a17}body>header{border-bottom:1px solid #ffffff0b;max-width:1760px;min-height:86px;padding:20px 40px}.brand{letter-spacing:-.035em;flex-shrink:0;align-items:center;gap:12px;font-size:23px;font-weight:550;display:flex}.brand>img{object-fit:contain;width:44px;height:44px;display:block}.brand .brand-wordmark{color:#e9e7de;letter-spacing:-.035em;margin:0;font-size:23px;line-height:1.1}.brand-wordmark small{letter-spacing:.48em;color:#a6ab9d;margin-top:6px;font-size:9px;font-weight:400;display:block}.header-tools{gap:12px}.header-tools button{color:#c9c9bf;background:0 0;border-color:#ffffff1d;min-height:42px;font-size:13px}.language-switch{background:0 0;border-color:#ffffff15;border-radius:8px;padding:2px}.language-switch button{padding:7px 10px;font-size:12px}.language-switch button[aria-pressed=true]{color:#efebe2;background:#ffffff0c}main{max-width:1760px;padding:26px 40px 20px}.intro{grid-template-columns:1fr auto;align-items:end;column-gap:24px;margin:0 0 24px;display:grid}.intro .eyebrow{letter-spacing:.21em;color:#a5ad98;grid-column:1;margin-bottom:9px;font-size:10px}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.12}.intro .lede{color:#b5b7a9;text-align:right;grid-area:2/2;max-width:300px;font-size:14px;line-height:1.5}.layout{grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:28px}.panel{background:#22241f;border:1px solid #ffffff12;border-radius:18px;box-shadow:0 14px 40px #00000010}.studio{background:#22251f;order:0;grid-area:1/1;max-height:none;position:sticky;top:14px;overflow:hidden}.controls{background:linear-gradient(160deg,#2b2c26,#23251f 65%);grid-area:1/2;padding:22px 22px 0;overflow:visible}.control-title{margin-bottom:16px}.control-title h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:450}.mini-badge{letter-spacing:.18em;color:#899080;font-size:9px}.mode-switch{background:#171915;border-color:#ffffff0b;border-radius:9px;padding:3px}.mode-switch button{color:#a8ae9c;min-height:39px;font-size:13px}.mode-switch button[aria-pressed=true]{color:#f0ebdf;box-shadow:none;background:#44483b}#modeHint{margin:10px 0 12px;font-size:12px;line-height:1.45}.controls .hint{color:#a9ad9e;font-size:12px;line-height:1.55}#config{scrollbar-width:thin;scrollbar-color:#666b5944 transparent;overscroll-behavior:contain;min-height:390px;max-height:calc(100svh - 288px);margin:0 -22px;padding:0 22px;overflow-y:auto}.design-tools{margin:0;padding:0}.design-tools #resetDesign{color:#9da48f;text-align:left;border:0;flex:none;min-height:32px;margin:0 0 10px;padding:4px 0;font-size:12px}.config-section{border-top:1px solid #ffffff10}.config-section>summary{cursor:pointer;letter-spacing:.025em;color:#d9ddcf;justify-content:space-between;align-items:center;min-height:54px;padding:17px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.config-section>summary::-webkit-details-marker{display:none}.config-section>summary:after{content:"+";color:#a3ae94;font-size:18px;font-weight:300}.config-section[open]>summary:after{content:"−"}.config-section>fieldset{border:0;margin:0;padding:0 0 24px}.config-section>fieldset>legend.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0!important;position:absolute!important}.config-section .plaque-section{background:0 0;margin:0;padding:0 0 24px!important}.config-section:focus-within{scroll-margin-top:8px}.controls label{color:#c5cabb;font-size:13px}.controls label>select{margin-top:8px}.controls input[type=number],.controls input[type=text],.controls select{color:#e8eadd;background:#1a1d17;border-color:#ffffff1b;border-radius:7px;min-height:44px;font-size:14px}.controls .input-wrap span{color:#9da591;font-size:11px}.controls .presets{gap:7px;margin-bottom:16px}.controls .presets button{color:#bdc5af;background:#ffffff05;border-color:#ffffff16;flex:1;min-height:36px;font-size:12px}.lid-options{gap:8px}.lid-options button{background:#1d211a;border-color:#ffffff14;border-radius:8px;padding:12px 4px}.lid-options button.selected{background:#3d4433;border-color:#8c987c}.lid-options svg{height:44px}.lid-options strong{font-size:12px}.surfaces{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.surfaces button{background:#1d211a;border-color:#ffffff14;min-width:0;padding:12px 5px;font-size:12px}.surfaces button.selected{color:#e5e9dc;background:#3b4233;border-color:#8c987c}.swatch{width:27px;height:29px;margin-bottom:7px}.creator-feature:after{opacity:.66;margin:4px 0 0;font-size:9px;display:block}.controls label.creator-feature:after{margin-left:6px;display:inline}.flow-options button{background:#1d211a;border-color:#ffffff14;min-height:50px;font-size:12px}.flow-options button.selected{color:#e5e9dc;background:#3b4233;border-color:#89977a}.controls .technical-inset{border-color:#ffffff12}.height-control output,.controls .range-label{font-size:12px}.generate-area{z-index:3;background:linear-gradient(#24261ff2,#24261f 25%);border-top:1px solid #ffffff12;margin-top:8px;padding:16px 0 12px;position:sticky;bottom:0}#generate{color:#25281f;text-align:center;background:#d4c2a7;border:0;border-radius:8px;justify-content:center;min-height:50px;padding:10px;font-size:13px;font-weight:550;box-shadow:0 3px 16px #0002}#generate:hover:not(:disabled){background:#e2d3bc}.generate-area .status{color:#9ca68f;min-height:0;margin:9px 0 0;font-size:11px;line-height:1.45}.generate-area #cancel{margin:6px auto 0;font-size:12px}.viewer-header{z-index:1;pointer-events:none;border:0;align-items:flex-start;padding:23px 26px;position:absolute;top:0;left:0;right:0}.viewer-header h2{color:#b3b8a8;letter-spacing:.025em;font-size:12px;font-weight:400}.viewer-header .badge{color:#a9b399;background:#171c1538;border-color:#a9b69420;padding:5px 7px;font-size:8px}#viewport{isolation:isolate;background:radial-gradient(at 45% 43%,#555a46 0,#353c2e 33%,#252b22 68%,#20261e 100%);height:clamp(360px,52svh,650px)}#viewport:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 -60px 90px -50px #11170e}.studio-label{letter-spacing:.2em;color:#b2bf9866;font-size:8px;top:auto;bottom:28px;left:26px}.view-hint{color:#b0bba28c;z-index:1;font-size:10px;bottom:27px;left:auto;right:26px}.view-presets{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181d16e8;border:1px solid #8a947735;border-radius:10px;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:-16px auto 0;padding:4px;display:flex;position:relative;box-shadow:0 4px 18px #0002}.view-presets button{color:#a6b096;background:0 0;border:0;border-radius:6px;min-width:63px;min-height:36px;padding:8px 10px;font-size:12px}.view-presets button[aria-pressed=true]{color:#e2e8d7;background:#414a35}.viewer-tools{flex-wrap:wrap;justify-content:center;gap:16px;margin:8px 16px 6px}.viewer-tools button{color:#a2ad93;border:0;min-height:34px;padding:7px 0;font-size:11px}.viewer-tools button[aria-pressed=true]{color:#ede5d3}.viewer-tools #resetView{min-width:28px;font-size:18px}.color-panel{max-width:620px;margin:auto;padding:12px 26px 14px}.color-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.color-heading>div{align-items:baseline;gap:12px;display:flex}.color-heading .eyebrow{letter-spacing:.16em;color:#a0aa8c;text-transform:uppercase;margin:0;font-size:9px}.color-heading h3{color:#dde1d4;margin:0;font-size:13px;font-weight:450}.color-name{color:#bcc6ab;font-size:12px}.color-swatches{flex-wrap:wrap;justify-content:space-between;gap:7px;display:flex}.color-swatch{--swatch:#68724d;background:var(--swatch);border:4px solid #22251f;border-radius:50%;flex:0 0 29px;width:29px;height:29px;padding:0;transition:box-shadow .2s,transform .2s;position:relative;box-shadow:0 0 0 1px #b9c4a320}.color-swatch:after{content:"";border-radius:50%;position:absolute;inset:-7px}.color-swatch:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #c7d2b57a}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 1px #e0d2b6}.color-note{text-align:center;color:#8f9c7f;letter-spacing:.015em;margin:12px 0 0;font-size:10px}.inlay-color-row{justify-content:space-between;align-items:center;gap:18px;margin-top:12px;font-size:12px;display:flex}.inlay-color-row select{background:#1a2117;border-color:#ffffff15;max-width:150px;min-height:38px;font-size:12px}.preview-note{text-align:center;color:#8e9981;background:0 0;border:0;margin:0 24px 15px;padding:0;font-size:10px;line-height:1.4}.specs{background:#1b211766;border-color:#a9b69414}.specs div{border-color:#a9b69414;padding:12px 8px}.specs b,#inner{color:#ccd5bd;font-size:13px;font-weight:450}.specs span{color:#8a967b;font-size:9px}.popular-looks{background:#1c2218;padding:20px 24px 22px}.looks-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.looks-heading h3{color:#d6ddcc;margin:0;font-size:13px;font-weight:450}.looks-heading>span{color:#8f9b81;font-size:10px}.look-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.look-card{text-align:left;color:#dce2d2;background:#2e3527;border:1px solid #aebc991b;border-radius:9px;min-width:0;padding:0;transition:border-color .2s,background .2s;overflow:hidden}.look-card:hover{background:#36412b;border-color:#aabb8259}.look-card[aria-pressed=true]{border-color:#aabb827a}.look-card>img{object-fit:contain;mix-blend-mode:normal;background:radial-gradient(#46533a,#2e3527);width:100%;height:95px;display:block}.look-info{padding:9px 10px 11px;display:block}.look-info strong{letter-spacing:.03em;font-size:11px;font-weight:500;display:block}.look-info>span{color:#a8b49a;margin-top:4px;font-size:9px;line-height:1.35;display:block}.product-results{grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:28px;margin-top:24px;display:grid}.product-results .preflight{background:#22261d;border:1px solid #ffffff12;border-radius:12px;grid-area:1/2;padding:18px}.product-results .exports{background:#22251f;border:1px solid #ffffff12;border-radius:12px;grid-area:1/1;padding:22px}.preflight.has-errors{background:#332620}.product-results .exports .empty-files{font-size:12px}.export-head h2{font-size:16px}.tool-policy-note{font-size:11px!important}.product-results .preflight p,.product-results .preflight ul{font-size:12px}.product-results .preflight .eyebrow{font-size:9px}.loading,.preview-updating{pointer-events:none;color:#d4dec9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#1b231ae8;border:1px solid #c5d1ad20;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:90%;padding:10px 14px;font-size:12px;display:flex;position:absolute;inset:auto auto 55px 50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.loading img,.preview-updating img{flex-shrink:0;width:24px;height:24px;animation:1.8s ease-in-out infinite emblem-breathe}.loading{inset:auto auto 70px 50%}.preview-updating img{width:20px;height:20px}@keyframes emblem-breathe{50%{opacity:.45}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (width>=1650px){.layout,.product-results{grid-template-columns:minmax(0,1fr) 380px;gap:34px}#viewport{height:590px}.color-panel{max-width:690px}.color-swatch{flex-basis:32px;width:32px;height:32px}.look-card>img{height:110px}}@media (width<=1100px) and (width>=761px){body>header{padding:18px 24px}main{padding:24px}.layout,.product-results{grid-template-columns:minmax(0,1fr) 308px;gap:18px}.controls{padding:18px 18px 0}#config{max-height:calc(100svh - 270px);margin:0 -18px;padding:0 18px}.intro .lede{max-width:230px;font-size:12px}#viewport{height:480px}.color-panel{padding:12px 20px}.color-swatches{justify-content:center;gap:10px}.color-swatch{flex-basis:31px;width:31px;height:31px}.look-card>img{height:76px}.look-info{padding:8px 6px}.look-info>span{font-size:9px}.looks-heading>span{display:none}.popular-looks{padding:16px}.viewer-tools{gap:10px}.viewer-header{padding:20px}.viewer-header h2{max-width:190px;line-height:1.5}.view-hint{font-size:9px;right:16px}.studio-label{display:none}}@media (width<=760px){body>header{flex-wrap:nowrap;gap:12px;min-height:76px;padding:14px 18px}.brand{gap:9px}.brand>img{width:35px;height:35px}.brand .brand-wordmark{font-size:19px}.brand-wordmark small{font-size:8px}.header-tools{justify-content:flex-end;gap:6px}.header-tools .learn-launch{width:38px;padding:6px;font-size:0}.header-tools .learn-launch:before{content:"?";font-size:16px}.header-tools #accountButton{min-height:36px;padding:6px 8px;font-size:11px}.language-switch button{min-height:32px;padding:5px 7px;font-size:0}.language-switch button:before{content:attr(lang);text-transform:uppercase;font-size:10px}.language-switch{padding:1px}main{padding:20px 14px 16px}.intro{margin:0 6px 20px;display:block}.intro .eyebrow{margin-bottom:7px;font-size:9px}.intro h1{font-size:32px}.intro .lede{text-align:left;max-width:none;margin-top:8px;font-size:12px}.layout{flex-direction:column;gap:18px;display:flex}.studio{border-radius:14px;width:100%;position:relative;top:auto}.viewer-header{padding:17px 18px}.viewer-header h2{font-size:10px}.viewer-header .badge{font-size:7px}#viewport{height:365px}.studio-label{font-size:7px;bottom:27px;left:18px}.view-hint{font-size:8px;bottom:27px;right:18px}.view-presets button{min-width:61px;min-height:38px;font-size:12px}.viewer-tools{gap:20px;margin:6px 12px 0}.viewer-tools button{min-height:38px;font-size:10px}.color-panel{padding:13px 19px 12px}.color-swatches{grid-template-columns:repeat(8,1fr);justify-items:center;gap:10px 7px;display:grid}.color-swatch{flex-basis:30px;width:30px;height:30px}.color-heading{margin-bottom:13px}.color-note{font-size:10px}.preview-note{margin:0 20px 14px;font-size:10px}.specs b,#inner{font-size:12px}.specs span{font-size:9px}.popular-looks{padding:17px 0}.looks-heading{padding:0 18px}.looks-heading>span{font-size:9px}.look-cards{scroll-snap-type:x proximity;scrollbar-width:none;gap:9px;padding:0 18px 3px;display:flex;overflow-x:auto}.look-card{scroll-snap-align:start;flex:0 0 112px}.look-card>img{height:84px}.look-info>span{font-size:9px}.controls{border-radius:14px;width:100%;padding:20px 20px 0}#config{overscroll-behavior:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible}.control-title h2{font-size:19px}.config-section>summary{min-height:57px;font-size:14px}.config-section>fieldset{padding-bottom:25px}.controls label{font-size:14px}.controls input[type=number],.controls input[type=text],.controls select{min-height:46px;font-size:16px}.controls .hint{font-size:13px}.generate-area{padding:13px 0 max(13px,env(safe-area-inset-bottom));z-index:3;position:sticky;bottom:0}.generate-area .status{font-size:12px}#generate{min-height:50px;font-size:14px}.product-results{flex-direction:column;gap:16px;margin-top:18px;display:flex}.product-results>*{width:100%}.product-results .preflight{order:0}.product-results .exports{order:1;padding:20px}.details{font-size:13px}.loading,.preview-updating{font-size:11px;bottom:57px}.file-row,.header-tools{flex-wrap:wrap}.brand{align-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.color-swatch,.look-card{transition:none}.loading img,.preview-updating img{animation:none}}.intro h1{grid-area:2/1}.viewer-header{background:0 0}.viewer-header h2{color:#c3cbb5}@media (width>=761px){.controls{flex-direction:column;max-height:calc(100svh - 205px);display:flex}#config{flex:1;min-height:260px;max-height:none}.studio{top:14px}#viewport{height:clamp(355px,46svh,540px)}}.studio-placeholder{display:none}@media (width>=1101px){body>header{min-height:74px;padding-top:14px;padding-bottom:14px}main{padding-top:20px}.intro{margin-bottom:18px}.intro h1{font-size:36px}#viewport{height:clamp(355px,43svh,500px)}.color-panel{padding-top:7px;padding-bottom:9px}.color-heading{margin-bottom:9px}.color-note{margin-top:8px}.preview-note{margin-bottom:9px}.popular-looks{padding:14px 20px 16px}.looks-heading{margin-bottom:10px}.look-card>img{height:74px}.look-info{padding:7px 9px 9px}.specs div{padding:8px}.controls{max-height:calc(100svh - 185px)}}@media (width<=760px){.controls{order:1}.mobile-configuring .studio-placeholder:not([hidden]){flex-shrink:0;width:100%;display:block}.mobile-configuring .studio{z-index:20;border-radius:0 0 14px 14px;width:calc(100% - 28px);position:fixed;top:0;left:14px;box-shadow:0 12px 30px #0006}.mobile-configuring #viewport{height:205px}.mobile-configuring .viewer-header{padding:12px 15px}.mobile-configuring .studio-label,.mobile-configuring .view-hint,.mobile-configuring .viewer-tools,.mobile-configuring .popular-looks,.mobile-configuring .specs,.mobile-configuring .preview-note,.mobile-configuring .color-note{display:none}.mobile-configuring .color-panel{padding:8px 14px 12px}.mobile-configuring .color-heading{margin-bottom:8px}.mobile-configuring .color-heading .eyebrow{display:none}.mobile-configuring .color-swatches{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:4px;display:flex;overflow-x:auto}.mobile-configuring .color-swatch{flex:0 0 28px;width:28px;height:28px}.mobile-configuring .view-presets{margin-top:-14px}.controls :is(input,select,button,summary),.config-section{scroll-margin-top:350px}}.swatch.bubble{object-fit:cover;border-radius:9px;width:48px;height:48px;margin:0 auto 7px;display:block}