:root{color:var(--text,#302b30);background:var(--background,#faf7f4);font-synthesis:none;--action:#934d61;--line:#e8ddd8;font-family:Tahoma,Arial,sans-serif;line-height:1.8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--text,#302b30);text-align:center;background:#fff;border-radius:12px;padding:9px 15px}button:hover,.button:hover{border-color:#a67c52}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b7a6ca}.primary{background:var(--action);color:#fff;border-color:var(--action)}.quiet{background:0 0;font-size:12px}.text-button{color:var(--action);background:0 0;border:0;padding:4px;font-size:12px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1380px;margin:auto;padding:22px 30px;display:flex}.brand{color:#6d5145;align-items:center;gap:15px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand span{letter-spacing:3px;font:14px Georgia,serif}.prototype{color:#87746b;font-size:12px}main{max-width:1320px;margin:auto;padding:25px 28px 50px}.intro h1{color:#634b44;margin:0;font-size:36px}.intro p{color:#8a746d;margin:7px 0;font-size:13px}.eyebrow{letter-spacing:1px;color:#a67c52!important}.intro{margin-bottom:28px}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);align-items:start;gap:30px;display:grid}.stage{border:1px solid var(--line);background:#eae2dc;border-radius:24px;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}canvas{object-fit:contain;touch-action:pan-y;width:100%;max-height:70vh;display:block}#empty{text-align:center;background:radial-gradient(at 30% 20%,#fffaf4,#e8d8c9);flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}#empty h2{color:#785548;margin:0;font-size:26px}#empty p{color:#8c7163;font-size:13px}.mirror-symbol{color:#a67c52;font-size:100px;line-height:1.3}#mode-badge{color:#76584a;background:#fffdf5e8;border-radius:20px;padding:4px 13px;font-size:11px;position:absolute;top:16px;right:16px}.sources{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.sources>*{white-space:nowrap;flex:1;font-size:13px}#upload{opacity:0;width:1px;height:1px;position:absolute}#status{background:#f0e9e3;border-radius:12px;padding:12px 14px;font-size:13px}.muted,.disclaimer{color:#887970;font-size:11px;line-height:1.9}.comparison{flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.comparison select{flex:1}.comparison input[type=range]{width:130px}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--action)}.panel{border:1px solid var(--line);background:#fffdfb;border-radius:20px;margin-bottom:15px;padding:23px}.panel h2{color:#634b44;margin:0 0 14px;font-size:18px}.panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:17px;display:flex}.tabs button{border-radius:20px;padding:8px 11px;font-size:12px}.tabs button[aria-pressed=true]{color:#fff;background:#934d61;border-color:#934d61}.swatches{grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0;display:grid}.swatches button{background:var(--shade);border:3px solid #fff;border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;box-shadow:0 0 0 1px #ddd}.swatches button[aria-pressed=true]{transform:scale(1.08);box-shadow:0 0 0 2px #934d61}label{font-size:13px}select{border:1px solid var(--line);width:100%;color:var(--text,#302b30);background:#fff;border-radius:10px;margin:7px 0 12px;padding:10px}input[type=range]{width:100%;accent-color:var(--action);min-height:36px}.custom-color{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:55px;height:36px}output{float:left;color:#a67c52;font-size:12px}.selection{color:#934d61;margin-bottom:0;font-size:12px}.warning{color:#856046;background:var(--background,#faf7f4);border-right:3px solid #d9a7a0;padding:10px;font-size:11px}.save{width:100%}footer{text-align:center;border-top:1px solid var(--line);color:#8a746d;padding:22px;font-size:11px}[hidden]{display:none!important}@media (max-width:900px){.workspace{grid-template-columns:1fr}.stage{min-height:330px}header{padding:15px 18px}.prototype{display:none}main{padding:20px 16px}.intro h1{font-size:28px}.controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.controls>.panel{margin:0}.save,.controls>.muted{grid-column:1/-1}}@media (max-width:600px){.controls{display:block}.controls>.panel{margin-bottom:14px}.brand{gap:8px;font-size:19px}.brand span{letter-spacing:1px;font-size:10px}header{gap:10px}.quiet{max-width:145px;line-height:1.6}.stage{border-radius:18px;min-height:270px}.sources{grid-template-columns:1fr 1fr;display:grid}.intro{margin-bottom:19px}.panel{padding:18px}.swatches{gap:16px}.range-label{display:none}canvas{max-height:58vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#output.split{cursor:col-resize;touch-action:none}#preview-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}#preview-products>p{grid-column:1/-1}.preview-product{text-align:center;background:#fffaf8;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:10px;display:flex}.preview-product img{object-fit:contain;border-radius:9px;width:100%;height:130px}.preview-product span{font-size:11px;line-height:1.6}.preview-product strong{font-size:13px}.preview-product[aria-pressed=true]{background:#f7e8e3;border:2px solid #934d61}.mirror-adjustments{background:#fffaf7;border:1px solid #dfc9bf;border-radius:18px;margin:10px 0;padding:16px}.mirror-adjustments>.tabs{gap:5px;margin:10px 0}.mirror-adjustments .tabs button{padding:7px 9px;font-size:11px}.mirror-adjustments>strong{color:#734754;font-size:14px}.mirror-adjustments .custom-color{margin:7px 0}.mirror-adjustments select{max-width:180px;margin:4px 0;padding:5px}.mirror-adjustments input[type=range]{min-height:36px}.mirror-adjustments #tone-status{margin:5px 0}.mirror-adjustments #reset{margin-right:12px}.mirror-adjustments #suggest-tone{padding:7px 12px;font-size:12px}.preview-product small{color:#934d61;font-size:10px}.mirror{position:sticky;top:10px}@media (max-width:900px){.workspace{display:block}.mirror{z-index:3;background:#faf7f4;margin-bottom:16px;padding-top:6px;top:0}.mirror .stage{height:36vh;min-height:0}.mirror .stage canvas{width:100%;height:100%;max-height:36vh}.mirror-adjustments{overscroll-behavior:contain;max-height:29vh;margin:6px 0;padding:10px;overflow-y:auto}.mirror-adjustments .tabs{margin:5px 0}.mirror-adjustments>strong{font-size:12px}.mirror .sources{flex-wrap:nowrap;margin:6px 0;display:flex;overflow:auto}.mirror .sources>*{min-height:34px;padding:5px;font-size:10px}.mirror #status{margin:4px 0;padding:5px 8px;font-size:10px}.mirror #performance,.mirror .disclaimer{display:none}.mirror .comparison{gap:6px;font-size:10px}.mirror .comparison select{min-width:80px;margin:2px 0;padding:4px;font-size:10px}.mirror .comparison input[type=range]{width:80px}.mirror .comparison .check{font-size:10px}}#choose-product{width:100%;min-height:42px;margin-bottom:10px;font-weight:700}#product-picker{color:#302b30;overscroll-behavior:contain;background:#fffaf7;border:1px solid #dec6bc;border-radius:20px;width:min(580px,100vw - 24px);max-height:82vh;padding:18px;overflow-y:auto}#product-picker::backdrop{background:#302b3099}.picker-header{z-index:2;background:#fffaf7;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:-18px}.picker-header strong{font-size:16px}.picker-header button{min-height:40px;font-size:12px}@media (max-width:900px){.mirror-adjustments{max-height:31vh}#choose-product{z-index:2;margin-bottom:6px;position:sticky;top:-10px}}.mirror-adjustments{max-height:none;padding:10px;overflow:visible}.adjustment-header{align-items:center;gap:8px;display:flex}.adjustment-header #choose-product{flex:1;width:auto;margin:0;padding:8px;font-size:12px;position:static}.adjustment-header #toggle-adjustments{color:#734754;background:#fffaf7;flex:1;min-height:42px;font-size:12px;font-weight:700}.adjustment-body{overscroll-behavior:contain;max-height:310px;padding:14px 5px 4px;overflow-y:auto}.adjustment-body .tabs{margin:10px 0}.adjustment-body .custom-color{margin:7px 0}.adjustment-body select{max-width:180px;margin:4px 0;padding:5px}.adjustment-body>strong{color:#734754;font-size:13px}.adjustment-body #tone-status{margin:5px 0}.mirror-adjustments.is-collapsed{padding:8px}@media (max-width:900px){.adjustment-body{max-height:24vh;padding-top:10px}.adjustment-header{gap:6px}.adjustment-header button{min-width:0}.mirror-adjustments{max-height:none}}.preview-product__swatch{vertical-align:middle;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-inline-end:7px;display:inline-block;box-shadow:0 0 0 1px #d8c4ba}.preview-product>span:not(.preview-product__swatch){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-product>span[hidden]{display:none}.preview-product>strong{line-height:1.8}