:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#162139;background:#f4f6f9;font-synthesis:none;--accent:#1d4ed8;--border:#dce2eb;--muted:#59667c}*{box-sizing:border-box}body{margin:0}header{height:82px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:white}.brand{text-decoration:none;color:inherit;font-size:22px;letter-spacing:-1px;font-weight:850}.brand span{font-size:12px;font-weight:500;letter-spacing:2px;margin-left:20px;color:var(--muted)}.badge{font-size:12px;letter-spacing:1.4px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:calc(100dvh - 82px)}.viewer{position:relative;min-height:700px;overflow:hidden}.viewtitle{position:absolute;left:38px;top:35px;z-index:1;pointer-events:none}.viewtitle span,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:var(--muted)}h1{font-size:clamp(25px,3vw,43px);letter-spacing:-1.5px;line-height:1.1;font-weight:550;margin:18px 0}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.views{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:white;padding:6px;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 28px #1621390b;white-space:nowrap}button{font:inherit;font-size:14px;border:0;min-height:44px;padding:0 13px;border-radius:6px;background:white;color:var(--muted);cursor:pointer}button:hover{background:#edf2ff;color:var(--accent)}button.active{background:#15213b;color:white}.hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted)}aside{background:white;border-left:1px solid var(--border);padding:32px 28px}h2{font-size:25px;letter-spacing:-.7px;margin:14px 0 9px}.dim{font-size:18px;margin-top:0}.dim span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.base{border:1px solid var(--border);border-radius:8px;padding:15px;margin:25px 0}.base b{font-size:14px;display:block}.base span{font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:15px;font-weight:700;margin-bottom:8px}label.option{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;border-bottom:1px solid #edf0f5;gap:10px}input[type=checkbox]{appearance:none;width:38px;height:23px;background:#c4cbd6;border-radius:30px;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}input[type=checkbox]:before{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}input:checked{background:var(--accent)}input:checked:before{transform:translateX(15px)}:focus-visible{outline:3px solid #008bb8;outline-offset:4px}#summary{font-size:14px;color:var(--muted)}.secondary{border:1px solid var(--border);width:100%;margin-bottom:10px}.download{min-height:48px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:var(--accent);color:white;border-radius:6px;padding:12px 16px;font-size:14px}.note{font-size:12px;color:var(--muted);line-height:1.6}#loading{position:absolute;top:45%;left:20%;padding:16px;background:white;border-radius:8px;max-width:60%}#loading[hidden]{display:none}@media(max-width:850px){header{height:65px;padding:0 20px}.badge{display:none}main{display:block}.viewer{min-height:560px;height:66dvh}.viewtitle{top:20px;left:22px}h1{font-size:26px}aside{border-left:0;border-top:1px solid var(--border);padding:25px 22px}.views{max-width:96%;bottom:49px;gap:0;padding:4px}button{padding:0 9px;font-size:12px}.hint{font-size:12px}.brand span{font-size:10px;margin-left:10px}.download{margin-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.wall-choice{font:inherit;font-size:14px;min-height:44px;max-width:65%;padding:8px;border:1px solid var(--border);border-radius:6px;background:white;color:inherit;cursor:pointer}
.shop-viewer{--accent:#7b40ef;--border:#d7d2dc;background:white}.shop-viewer main{display:block;min-height:100dvh}.shop-viewer main>.viewer{position:relative;height:100dvh!important;min-height:0!important}.shop-viewer .viewtitle{display:none!important}.shop-viewer aside{display:none}.shop-viewer.editor-open aside{display:block;position:fixed;inset:0 0 0 auto;width:min(380px,94vw);z-index:5;overflow:auto;box-shadow:-12px 0 35px #231b3326}.shop-viewer aside>*{display:none!important}.shop-viewer.editor-open aside>.editor-close,.shop-viewer.editor-open aside>#artwork-panel{display:block!important}.shop-viewer .editor-close{position:sticky;top:0;background:white;width:100%;font-weight:700;z-index:1}.shop-viewer .outdoor-button{position:absolute;top:12px;right:12px;width:auto;margin:0}.shop-viewer button.active{background:var(--accent)}.shop-viewer .views{bottom:40px;max-width:98%;gap:0;padding:3px}.shop-viewer .views button{padding:0 8px;font-size:12px}.shop-viewer .hint{bottom:4px;font-size:11px}.shop-viewer :focus-visible{outline-color:var(--accent)}
.shop-embed [hidden]{display:none!important}.shop-embed main>.viewer{height:100dvh}.shop-embed aside{padding:24px 18px}.shop-embed .option{flex-wrap:wrap;padding:9px 0}.shop-embed .wall-choice{max-width:100%;width:100%}.shop-embed .note{overflow-wrap:anywhere}.shop-embed aside{padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:850px){.shop-embed main>.viewer{height:52dvh;min-height:330px}}
.outdoor-button{background:var(--accent);color:white;font-weight:600}.outdoor-button:hover{background:var(--accent);color:white;filter:brightness(.92)}button:disabled{opacity:.5;cursor:default}.outdoor-button+.note:empty{display:none}
.artwork-panel{border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:20px}.artwork-panel[hidden]{display:none}.artwork-panel h3{margin:0 0 12px}.artwork-panel label{display:block;font-size:14px;margin:12px 0}.artwork-panel select,.artwork-panel input{display:block;width:100%;margin-top:7px;font:inherit;min-height:44px;max-width:100%}.artwork-panel select{padding:8px;border:1px solid var(--border);border-radius:6px;background:white}.artwork-panel input[type=range]{accent-color:var(--accent)}.crop-holder{display:flex;justify-content:center;align-items:center;min-height:80px;background:#e5e7eb;padding:8px}.crop-holder canvas{width:auto;height:auto;max-width:100%;max-height:300px;touch-action:none;cursor:grab}.artwork-button{border-color:var(--accent);color:var(--accent);font-weight:600}
main>.viewer{position:sticky;top:0;align-self:start;height:calc(100dvh - 82px);min-height:560px}@media(max-width:850px){main>.viewer{position:relative;height:60dvh;min-height:450px}}