*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Segoe UI",Arial,sans-serif;color:#183b32;background:#fafbf9}button,select,input{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;background:#fafbf9;border:1px solid #bbc9c0;border-radius:5px;padding:8px 11px;min-height:36px}button:hover:not(:disabled){background:#e0ebe4}button:disabled,select:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #996918;outline-offset:2px}.embed-app{height:100%;min-height:460px;display:grid;grid-template-rows:auto minmax(220px,1fr) auto}header{display:flex;align-items:center;gap:20px;padding:12px 18px;border-bottom:1px solid #d7dfd9;font-size:13px}header strong{font-size:16px}header a{margin-left:auto;color:#215b49;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.product-label{display:flex;align-items:center;gap:8px}select{background:#fff;border:1px solid #bbc9c0;border-radius:4px;min-height:34px;max-width:100%;padding:5px 7px}.stage{position:relative;background:#e8efeb;overflow:hidden}#viewport{position:absolute;inset:0 0 44px}canvas{display:block;width:100%;height:100%;touch-action:none}.gesture{position:absolute;left:18px;top:1px;font-size:11px;pointer-events:none;color:#415a4e}.stage.dark .gesture{color:#f3f6f3}.view-tools{position:absolute;bottom:9px;right:14px;display:flex;gap:5px}.view-tools button{font-size:11px;min-height:32px;padding:6px 9px}.view-tools button[aria-pressed="true"]{background:#183b32;color:#fff}#loading,#retry{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);background:#fafbf9;border:1px solid #bbc9c0;border-radius:6px;padding:12px 18px;font-size:13px;max-width:90%;text-align:center}#retry{top:65%}footer{padding:12px 18px;border-top:1px solid #d7dfd9;font-size:12px}.finish-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.finish-line strong{margin-left:8px}.finish-line button{font-size:11px;min-height:30px;padding:4px 8px}#finishes{display:flex;flex-wrap:wrap;gap:7px}.finish{display:flex;align-items:center;gap:7px;padding:5px 9px;font-size:11px;min-height:34px;background:#fff}.chip{display:block;width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid #697d71;flex-shrink:0}.finish[aria-pressed="true"]{outline:2px solid #215b49;outline-offset:-2px;background:#edf4ef}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:11px}.scene-controls label{display:flex;align-items:center;gap:8px}.scene-controls select{font-size:11px;min-height:28px}.light-control{flex:1;max-width:290px}.light-control input{min-width:55px;width:100%;accent-color:#215b49}.light-control output{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.embed-note{font-size:10px;color:#496052;margin:10px 0 0;line-height:1.4}@media(max-width:520px){header{gap:8px;padding:10px 12px;flex-wrap:wrap}header strong{font-size:14px}header a{font-size:11px}.product-label{font-size:0;margin-left:auto}.product-label select{font-size:12px;max-width:160px}footer{padding:10px 12px}.scene-controls{gap:10px}.scene-controls label{font-size:11px}.scene-controls select{max-width:120px}.light-control{max-width:180px}.gesture{left:12px}.view-tools{right:10px;left:10px;justify-content:center}.view-tools button{padding:6px 9px}.embed-note{margin-top:8px}.finish{font-size:10px;padding:5px 7px}}@media(max-width:360px){.scene-controls{flex-direction:column;align-items:stretch;gap:6px}.scene-controls label{justify-content:space-between}.light-control{max-width:none}.light-control input{flex:1;max-width:175px}.scene-controls select{max-width:170px}}