*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#f4ece6;background:#1d1118;color-scheme:dark}body{margin:0}button,input,label,a{-webkit-tap-highlight-color:transparent}button,.file-button{font:inherit;font-size:12px;letter-spacing:.02em;cursor:pointer;min-height:42px;border:1px solid #6b535d;background:transparent;color:#f4ece6;padding:11px 16px;border-radius:2px;text-align:center}button:hover,.file-button:hover{background:#55313e}button:disabled{opacity:.4;cursor:default}.primary{background:#dac296;color:#2c1721;border-color:#dac296}.primary:hover{background:#ead5b0}.wordmark{text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:26px;letter-spacing:5px}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.7px;margin-top:7px}header{max-width:1320px;margin:auto;padding:32px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #50323d}.local-badge{font-size:9px;letter-spacing:1.4px;border:1px solid #675649;padding:9px 12px;color:#dbc99f}main{max-width:1220px;margin:45px auto 55px;padding:0 5%;display:grid;grid-template-columns: .78fr 1.55fr;gap:7%}.intro{padding-top:80px}.eyebrow{font-size:9px;letter-spacing:2px;color:#d4b989;margin:0 0 17px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.8vw,65px);line-height:1.06;letter-spacing:-2px;margin:0 0 25px}.description{font-size:14px;line-height:1.8;color:#c5aeb8;max-width:320px}.scope{font-size:11px;line-height:1.65;max-width:290px;color:#9f8c94;border-left:2px solid #8c6444;padding-left:12px;margin-top:25px}.experience{display:grid;grid-template-columns:minmax(0,1fr);max-width:600px;width:100%}.stage{width:100%;height:520px;position:relative;overflow:hidden;background:#2d1e26;border:1px solid #654450;border-bottom:0}#output{width:100%;height:100%;display:block;object-fit:contain}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4a2a37,#291b23 70%)}.placeholder[hidden]{display:none}.orbit{color:#d2b17c;font-size:66px;font-family:Georgia,serif}.placeholder p{font-family:Georgia,serif;font-size:25px;margin:22px 0 12px}.placeholder small{font-size:11px;color:#b79da8}.stage-top,.stage-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1.7px;text-shadow:0 1px 8px #000}.stage-top{top:18px}.stage-bottom{bottom:18px;color:#e8d3b3}#tracking{background:#271d20ad;padding:6px 9px;margin-top:-5px;border-radius:20px;letter-spacing:.5px}.control-panel{padding:24px;background:#2a1b23;border:1px solid #654450}.look-title{display:flex;align-items:center;justify-content:space-between}.look-title .eyebrow{margin-bottom:8px}h2{font:normal 25px Georgia,serif;margin:0}.approx{font-size:7px;letter-spacing:1px;border:1px solid #82674e;color:#d8c2a2;padding:6px}.intensity{margin:24px 0 18px;display:flex;align-items:center;gap:14px;font-size:11px}.intensity input{flex:1;min-width:50px;accent-color:#d3b27a}.intensity output{width:28px;color:#d3b27a}.toggles{display:flex;gap:20px;font-size:11px;margin-bottom:20px}.toggles label{display:flex;gap:6px;align-items:center}.toggles input{accent-color:#d3b27a}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{margin-top:9px}.secondary button,.file-button{font-size:10px;padding:8px 12px;min-height:34px}.status{font-size:11px;line-height:1.6;color:#e1c8a2;margin:16px 0 10px;min-height:18px}.privacy,details{font-size:10px;line-height:1.6;color:#ac949f;margin:0}details{margin-top:16px;border-top:1px solid #51333e;padding-top:12px}summary{cursor:pointer;color:#d0bda8}pre{font-size:10px;white-space:pre-wrap;word-break:break-word;color:#dbc89c}details button{font-size:10px}footer{max-width:1320px;margin:auto;border-top:1px solid #50323d;padding:20px 5%;font-size:8px;letter-spacing:1.8px;color:#987e89;display:flex;justify-content:space-between}button[hidden]{display:none}@media(max-width:800px){header{padding:22px 6%}.wordmark{font-size:20px}.local-badge{font-size:7px;padding:7px}main{display:block;margin:28px auto;padding:0 6%;max-width:620px}.intro{padding-top:0}h1{font-size:40px;letter-spacing:-1px}h1 br{display:none}.description{max-width:none;font-size:12px;line-height:1.6}.scope{max-width:none;margin-top:12px}.experience{margin-top:26px}.stage{height:min(58vh,540px);min-height:320px}.control-panel{padding:20px}.approx{font-size:6px}h2{font-size:23px}.actions{gap:7px}.actions button{flex:1}.secondary button{flex:initial}footer{font-size:6px;padding:20px 6%;gap:12px}.intro .eyebrow{font-size:8px;margin-bottom:12px}.toggles{gap:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.preset{display:flex;align-items:center;gap:16px;font-size:11px;margin-top:22px}.preset select{flex:1;min-width:0;background:#23171e;border:1px solid #69505b;color:#deccae;padding:9px;font-size:11px}.product-shelf{position:absolute;left:5%;bottom:20%;width:90px;height:145px;pointer-events:none;filter:drop-shadow(0 3px 5px #0005)}.product-shelf[hidden],#china-overlay[hidden]{display:none}.product-art{position:absolute;bottom:0;left:0;right:0;margin:auto;height:125px;width:auto;max-width:70px;object-fit:contain}.product-glow{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);height:145px;width:auto;max-width:95px;object-fit:contain}.flow-copy{position:absolute;left:20px;right:20px;bottom:43px;text-align:center;pointer-events:none;text-shadow:0 1px 6px #000}.flow-copy p{font-size:10px;letter-spacing:.3px;margin:10px 0}.flow-copy img{display:block;max-width:90%;max-height:20px;margin:10px auto;object-fit:contain}.flow-copy img[hidden]{display:none}.flow-copy progress{display:block;width:58%;height:3px;accent-color:#e2c58a;margin:14px auto 0;border:0}.flow-copy progress[hidden]{display:none}@media(max-width:800px){.product-shelf{width:65px;height:125px;left:4%;bottom:21%}.product-art{height:105px;max-width:55px}.product-glow{height:124px;max-width:75px}.flow-copy{left:12px;right:12px}.flow-copy p{font-size:8px}.flow-copy img{max-height:16px}.look-title{gap:12px}.look-title h2{font-size:22px}.approx{white-space:nowrap}}
progress::-webkit-progress-bar{background:#604b49}progress::-webkit-progress-value{background:#d6b77f}progress::-moz-progress-bar{background:#d6b77f}
#photo-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(transparent,#160d1626)}#photo-overlay[hidden]{display:none}#photo-overlay img{max-width:72%;max-height:38px;object-fit:contain;filter:drop-shadow(0 2px 5px #000)}#photo-overlay [hidden]{display:none}#photo-countdown{font:normal 100px Georgia,serif;color:#fff;text-shadow:0 2px 20px #0006}#photo-progress{width:55%;height:3px;accent-color:#dac296}#photo-local-note{color:#f2e7d1;font-size:10px;letter-spacing:1px;text-shadow:0 1px 5px #000}#photo-flash{position:absolute;inset:0;background:#fff;pointer-events:none}.button-art{height:20px;width:auto;max-width:24px;object-fit:contain;vertical-align:middle;margin-right:6px}.actions button:disabled img{opacity:.5}.stage-top,.stage-bottom{z-index:2}#photo-flash{z-index:4}@media(prefers-reduced-motion:reduce){#photo-flash{display:none}}
.share-art{height:25px;width:auto;max-width:85px;vertical-align:middle;margin-right:5px}