2 lines
54 KiB
CSS
2 lines
54 KiB
CSS
@font-face{font-family:BM Kkubulim;src:url(/fonts/BMKkubulim.woff)format("woff");font-style:normal;font-weight:400;font-display:swap}:root{--font-ui:"BM Kkubulim","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;--font-values:ui-monospace,"SFMono-Regular",Consolas,monospace;font-family:var(--font-ui);color:#453653;font-synthesis:none;--ink:#453653;--muted:#71637f;--purple:#7651a8;--lavender:#e4d6fb;--cream:#fffbf2;--apricot:#ffd5b4;--line:#d9cbea;--shadow:#b29bc9;--radius:24px;background:#f1ebff;font-weight:400}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}html[data-font-loading] #app{visibility:hidden;opacity:0}button,input,select{font:inherit;color:inherit}strong,b{font-weight:400}output,input[type=number],pre,code{font-family:var(--font-values);letter-spacing:normal;font-weight:400}button,select,summary,.upload,input[type=range]{-webkit-tap-highlight-color:transparent}button,select,input[type=number]{min-height:44px}button{cursor:pointer}button:disabled{cursor:default;color:#867d8b;box-shadow:none;background:#f0ebf2;border-color:#d9d1df}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,#canvas-wrap:focus-visible{outline-offset:4px;outline:3px solid #6b439d}button,select{border:1px solid var(--line);background:var(--cream);border-radius:14px}button{transition:transform .16s,box-shadow .16s,background .16s}button:not(:disabled):active,.upload:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)scale(.97)}[hidden]{display:none!important}#app{max-width:1600px;margin:0 auto}.app-header{flex-wrap:wrap;align-items:center;gap:24px;padding:28px 44px 26px;display:flex}.brand{letter-spacing:-1.4px;color:var(--ink);align-items:center;gap:10px;font-size:29px;font-weight:400;line-height:.83;text-decoration:none;display:flex}.brand-second{display:block}.brand-mark{color:#77559e;font-size:45px;font-weight:400;line-height:1}.brand-dot{color:#bd6545;align-self:flex-end;font-size:38px}.header-note{color:var(--muted);margin-top:5px;font-size:14px}.primary-upload{background:var(--apricot);color:#593c31;white-space:nowrap;border:1.5px solid #a76948;justify-content:center;align-items:center;gap:7px;min-height:48px;margin-left:auto;padding:10px 20px;font-weight:400;transition:transform .16s;display:flex;box-shadow:0 4px #cc9b7b}.primary-upload>span{font-size:23px;font-weight:400;line-height:1}.upload{cursor:pointer;border-radius:16px;position:relative}.upload input[type=file],.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.upload:focus-within{outline-offset:4px;outline:3px solid #6b439d}main{grid-template-columns:minmax(0,1fr) 366px;align-items:start;gap:28px;padding:0 44px;display:grid}.visual-column{min-width:0;position:sticky;top:20px}.photo-mat{background:var(--cream);border:1px solid #d0bddf;border-radius:28px;padding:20px 20px 0;box-shadow:0 6px #d3c4e3,0 16px 32px #70508b0d}.preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.eyebrow{letter-spacing:1.8px;color:#79628e;margin:0 0 5px;font-size:12px;font-weight:400}.preview-chip{color:#71558e;background:#f0e5ff;border:1px solid #dfcdec;border-radius:18px;padding:7px 11px;font-size:12px;line-height:1.25}.stage{background:#f7f0e5;border:1px solid #e4d9eb;border-radius:16px;height:clamp(410px,62vh,740px);position:relative;overflow:hidden}#canvas-wrap{touch-action:none;border-radius:inherit;position:absolute;inset:0}#canvas-wrap:focus-visible{outline-offset:-4px}#canvas-wrap canvas{cursor:grab;border-radius:inherit;width:100%;height:100%;display:block}#canvas-wrap canvas.is-dragging{cursor:grabbing}#empty{z-index:1;text-align:center;pointer-events:none;color:var(--muted);background:#f7f0e5ed;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}#empty strong{letter-spacing:-.6px;color:var(--ink);font-size:clamp(19px,2vw,26px)}#empty>span:last-child{font-size:14px;line-height:1.8}.empty-star{color:#a082bf;font-size:62px;line-height:1.2}#hint{color:#665177;text-align:center;pointer-events:none;background:#fffbf2ed;border:1px solid #d4c2e6;border-radius:25px;width:max-content;max-width:calc(100% - 28px);margin:0;padding:10px 16px;font-size:13px;transition:opacity .25s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.photo-caption{color:#7c6a88;justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:3px 4px;font-size:13px;display:flex}.caption-spark{color:#97b;letter-spacing:5px;white-space:nowrap;font-size:26px}.processing-card{align-items:center;gap:14px;padding:22px 4px 10px;display:flex}.processing-copy{flex:1;min-width:0}#status{overflow-wrap:anywhere;margin:0;font-size:14px}#depth-provenance{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.6}#ai-depth{flex:none;padding:9px 14px;font-size:13px}.editor-heading{justify-content:space-between;align-items:center;margin:0 0 18px;padding:3px 4px;display:flex}.editor-heading h1{letter-spacing:-.8px;margin:5px 0 0;font-size:25px;line-height:1.3}.editor-sticker{color:#8e573c;background:var(--apricot);border:1px solid #dfb49c;border-radius:15px;place-items:center;width:47px;height:47px;font-size:29px;display:grid;transform:rotate(9deg);box-shadow:0 3px #dbc9ca}aside{background:#faf6ff;border:1px solid #d4c1e6;border-radius:28px;min-width:0;padding:23px 22px;box-shadow:0 5px #d8cbea}#tool-tabs{background:#eadff4;border:1px solid #dfd0ec;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:20px;padding:5px;display:grid}#tool-tabs button{color:#715b87;min-width:0;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 3px;font-size:14px;font-weight:400;display:flex}#tool-tabs button[aria-selected=true]{background:var(--cream);color:#573672;border-color:#d5c4e5;box-shadow:0 2px #ccb8dd}#tool-tabs button>span{font-size:20px;font-weight:400;line-height:1}.tool-panel{gap:20px;min-width:0;display:grid}#pattern-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.pattern-card{background:#fffcf7;border:2px solid #e5d9ed;border-radius:16px;flex-direction:column;align-items:stretch;min-width:0;padding:7px 6px 10px;display:flex;box-shadow:0 3px #e3d7eb}.pattern-card[aria-pressed=true]{background:#eee1ff;border-color:#8057aa;animation:.22s ease-out selection-pop;box-shadow:0 3px #9875b7}.pattern-swatch{border:1px solid #b7a6bd;border-radius:9px;height:75px;margin-bottom:9px;display:block;position:relative;overflow:hidden}.swatch-gobang{background-color:#cab7df;background-image:repeating-linear-gradient(0deg,#0000 0 17px,#7d69825c 18px,#fffbf2bf 20px,#ac94b369 23px),repeating-linear-gradient(90deg,#0000 0 17px,#7d69825c 18px,#fffbf2bf 20px,#ac94b369 23px),linear-gradient(135deg,#b3abd3,#e6cbb5 50%,#bcbad6)}.swatch-color{background-color:#d3b1cd;background-image:conic-gradient(#d8b898 25%,#796880 0 50%,#ebd9c1 0 75%,#b39db9 0);background-size:37px 37px}.swatch-fine{background-color:#c8bfd6;background-image:repeating-linear-gradient(0deg,#0000 0 8px,#f8f0e6bf 9px,#927caa80 11px),repeating-linear-gradient(90deg,#0000 0 8px,#f8f0e6bf 9px,#927caa80 11px),linear-gradient(125deg,#c3b0da,#edd5bf)}.pattern-name{letter-spacing:-.3px;font-size:14px;font-weight:400}.pattern-detail{color:#6d587b;margin-top:3px;font-size:12px;line-height:1.4}.control-help{color:var(--muted);word-break:keep-all;margin:-8px 0 0;font-size:12px;line-height:1.7}.range-control{gap:4px;font-size:14px;font-weight:400;display:grid}.range-control>span:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}output{color:#744fa0;text-align:center;font-variant-numeric:tabular-nums;background:#eae0f5;border-radius:8px;min-width:38px;padding:3px 8px;font-size:13px;font-weight:400}input[type=range]{appearance:none;cursor:pointer;accent-color:#8660ad;background:0 0;width:100%;min-width:0;min-height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#dac9eb;border-radius:8px;height:7px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#8861b3;border:3px solid #fffbf2;border-radius:50%;width:23px;height:23px;margin-top:-8px;box-shadow:0 0 0 1px #9d7fb5,0 2px #b59bc9}input[type=range]::-moz-range-track{background:#dac9eb;border-radius:8px;height:7px}input[type=range]::-moz-range-thumb{background:#8861b3;border:3px solid #fffbf2;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #9d7fb5}.range-ends{color:#7a6a87;justify-content:space-between;margin-top:-8px;font-size:12px;font-weight:400;display:flex}.inline-control{justify-content:space-between;align-items:center;gap:15px;font-size:14px;font-weight:400;display:flex}.inline-control select{width:120px}.core-optics{display:grid}.quiet-button,.tactile-button{min-height:44px;padding:11px 16px;font-size:14px;font-weight:400}.quiet-button{background:#fffbf2;box-shadow:0 2px #ddcfe7}.tactile-button{color:#593979;background:#e1cdfa;border:1px solid #aa88c6;box-shadow:0 3px #b69acb}.section-intro{text-align:center;padding:12px 0 4px}.section-intro h2{margin:8px 0;font-size:18px}.section-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.intro-symbol{color:#9b6347;background:#f5e2d1;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 13px;font-size:36px;display:grid}.section-intro.compact{text-align:left;padding:0}.section-intro.compact h2{margin-top:0}details{border-top:1px solid #dfd2e8;margin-top:24px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 2px;font-size:14px;font-weight:400;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary>span{color:#8f70a8;font-size:21px;font-weight:400}details[open]>summary>span{transform:rotate(45deg)}.details-content{gap:14px;padding:8px 0 14px;display:grid}.details-content>label{gap:6px;font-size:14px;display:grid}.details-content input[type=number],select{background:#fffcf8;border:1px solid #cdbadb;border-radius:12px;width:100%;min-width:0;padding:10px 12px;font-size:14px}#test-photo{max-width:100%}.sample-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.sample-strip img{aspect-ratio:1;object-fit:cover;border:2px solid #fff;border-radius:10px;width:100%;box-shadow:0 2px #d9c9e5}.local-note{text-align:center;color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.7}#developer-tools{margin-top:0}#developer-tools>summary{color:#79678b;font-size:13px;font-weight:400}#developer-tools .upload{text-align:center;background:#efe6f9;border:1px solid #cdbadb;min-height:44px;padding:10px 12px;font-size:14px;display:grid}#developer-tools details{margin-top:0}#developer-tools .control-note{color:#73637e;margin:0;font-size:12px;line-height:1.65}.reference-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.reference-strip figure{background:#fffcf8;border:1px solid #d7c6e4;border-radius:12px;flex-direction:column;gap:5px;min-width:0;margin:0;padding:6px;display:flex}.reference-strip img{object-fit:contain;border-radius:7px;width:100%;height:120px;display:block}.reference-strip figcaption{text-align:center;color:#746180;font-size:12px}#reference-status{color:#9b3c38;grid-column:1/-1;margin:0;font-size:12px}#depth-inspection-canvas{cursor:crosshair;width:100%;height:auto;margin:10px 0}#depth-inspection pre,#depth-debug{white-space:pre-wrap;overflow-wrap:anywhere;color:#6b577b;max-width:100%;font-size:12px}.depth-coordinates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.depth-coordinates label{gap:5px;font-size:13px;display:grid}.depth-coordinates input{width:100%;min-width:0}.app-footer{letter-spacing:.4px;color:#73607f;justify-content:space-between;gap:20px;padding:28px 48px 22px;font-size:12px;display:flex}.app-footer>span:last-child{font-style:italic}@keyframes selection-pop{0%{transform:scale(.96)}65%{transform:scale(1.035)}to{transform:scale(1)}}@media (hover:hover){button:not(:disabled):hover{filter:brightness(.98)}.pattern-card:hover{border-color:#aa88c6}.primary-upload:hover{background:#ffcca6}}@media (width>=1600px){.stage{height:740px}}@media (width<=1100px){.app-header{padding:24px 28px}main{grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:0 28px}aside{padding:21px 18px}.photo-mat{padding:16px 16px 0}.stage{height:clamp(410px,61vh,660px)}.processing-card{flex-direction:column;align-items:flex-start;gap:10px}.preview-heading .eyebrow{letter-spacing:1px}.preview-chip{display:none}}@media (width<=850px){.app-header{padding:24px 24px 22px}main{flex-direction:column;gap:18px;padding:0 24px;display:flex}.visual-column{width:100%;position:static}.photo-mat{padding:18px 18px 0}.stage{height:clamp(360px,60vh,610px)}aside{width:100%;padding:23px 24px}.editor-heading{margin-bottom:17px}.processing-card{flex-direction:row;align-items:center;padding:20px 4px 0}.pattern-swatch{height:88px}.tool-panel{gap:22px}.app-footer{padding:24px 28px}.preview-chip{display:inline-block}.header-note{display:none}}@media (width<=480px){.app-header{gap:12px;padding:21px 17px 19px}.brand{letter-spacing:-1px;gap:7px;font-size:24px}.brand-mark{font-size:35px}.brand-dot{font-size:31px}.primary-upload{border-radius:14px;min-height:44px;padding:9px 12px;font-size:13px}.primary-upload>span{font-size:20px}main{gap:17px;padding:0 12px}.photo-mat{border-radius:23px;padding:11px 11px 0}.preview-heading{gap:6px;margin:2px 2px 11px}.eyebrow{letter-spacing:1.2px;font-size:12px}.preview-chip{padding:5px 8px;font-size:12px}.stage{border-radius:13px;height:clamp(320px,49svh,455px)}.photo-caption{min-height:45px;padding:0 4px;font-size:12px}.caption-spark{font-size:22px}#hint{padding:8px 10px;font-size:12px;bottom:13px}#empty{gap:13px;padding:20px}#empty strong{font-size:19px}.empty-star{font-size:49px}.processing-card{flex-direction:column;align-items:flex-start;gap:9px;padding:19px 5px 0}#status{font-size:13px}#ai-depth{min-height:44px;padding:8px 12px;font-size:12px}aside{border-radius:24px;padding:21px 17px}.editor-heading h1{font-size:23px}.editor-sticker{border-radius:12px;width:40px;height:40px;font-size:26px}.editor-heading .eyebrow{font-size:12px}.pattern-swatch{height:76px}.pattern-detail{font-size:12px}.pattern-name{font-size:14px}#pattern-cards{gap:8px}.tool-panel{gap:20px}.app-footer{padding:22px 19px;font-size:12px}.app-footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:not(:disabled):active,.upload:active{transform:none}}html,body,#app{width:100%;min-height:100%}body{overflow:hidden}#app{max-width:none}#experience{width:100%;height:100dvh;min-height:320px;margin:0;padding:0;display:block;position:relative;overflow:hidden}#experience .stage{background:var(--room);border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}#canvas-wrap,#canvas-wrap canvas{border-radius:0}#canvas-wrap{transition:opacity .65s}#experience:not([data-flow=ready]) #canvas-wrap{opacity:0;pointer-events:none}#experience:not([data-flow=ready]) #hint{visibility:hidden}.scene-toolbar{z-index:2;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.scene-toolbar>*{pointer-events:auto}.scene-brand{color:var(--ink);letter-spacing:-.5px;font-size:15px;font-weight:400;text-decoration:none}.scene-actions{align-items:center;gap:7px;display:flex}.scene-actions button,.scene-actions .upload{border:1px solid var(--line);background:var(--cream);min-height:44px;color:var(--ink);border-radius:6px;place-items:center;padding:8px 13px;font-size:14px;display:grid;box-shadow:0 1px 3px #35261510}#experience[data-flow=entry] .scene-brand,#experience:not([data-flow=ready]) .scene-actions>.upload{visibility:hidden}.welcome,.flow-overlay{background:var(--room);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px 36px;display:flex;position:absolute;inset:0;overflow:auto}.welcome h1{letter-spacing:0;margin:8px 0 15px;font-family:inherit;font-size:clamp(30px,4.5vw,48px);font-weight:400;line-height:1.35}.entry-kicker{color:var(--muted);letter-spacing:.8px;margin:19px 0 0;font-size:13px}.welcome .primary-upload{color:#fffaf0;background:#6e4932;border:1px solid #63422d;border-radius:5px;min-width:208px;margin:0;padding:12px 23px;font-size:15px;box-shadow:0 2px 3px #4223111c}.entry-samples{min-height:44px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;border-radius:0;margin:10px 0 0;padding:8px 14px;font-size:13px;text-decoration:underline}.entry-privacy{color:var(--muted);margin:27px 0 0;font-size:12px}.entry-door{border:3px solid #79583e;border-bottom-width:7px;border-radius:2px;width:39px;height:59px;padding:3px;position:relative}.entry-door:before{content:"";background:#a38851;border:1px solid #735d35;width:4px;height:8px;position:absolute;bottom:15px;right:-3px}.entry-door>span{opacity:.6;background:#b8c0b3;border:1px solid #8b967f;width:100%;height:37px;display:block}.flow-overlay{z-index:1}.flow-photo{object-fit:contain;border:6px solid var(--cream);width:auto;max-width:min(43vw,190px);height:auto;max-height:27svh;margin-bottom:30px;display:block;box-shadow:0 2px 8px #49341d1f}.flow-overlay h2{letter-spacing:-.6px;word-break:keep-all;max-width:500px;margin:0;font-size:clamp(20px,3vw,27px);font-weight:400;line-height:1.6}#flow-detail{max-width:470px;color:var(--muted);overflow-wrap:anywhere;margin:13px 0 23px;font-size:14px;line-height:1.8}.flow-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:450px;display:flex}.flow-actions button,.flow-actions .upload{border:1px solid var(--line);background:var(--cream);border-radius:5px;min-height:44px;padding:10px 15px;font-size:14px}#flow-flat{background:0 0}#hint{bottom:max(25px,env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--cream);max-width:calc(100% - 40px);color:var(--ink);border-radius:4px;padding:11px 18px;font-size:14px;line-height:1.65;box-shadow:0 2px 10px #382a1410}#hint strong{font-size:15px;font-weight:400;display:block}#hint .hint-secondary{color:var(--muted);font-size:12px;display:block}#settings-dialog{border:0;border-left:1px solid var(--line);background:var(--cream);width:min(410px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);overscroll-behavior:contain;border-radius:0;margin:0 0 0 auto;padding:0}#settings-dialog::backdrop{background:#201a1366}#settings-dialog aside{width:100%;min-height:100%;padding:25px 24px max(24px,env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}#settings-dialog .editor-heading{margin-bottom:17px;padding:0}.editor-heading h2{letter-spacing:-.5px;margin:0;font-size:20px}#settings-close{background:0 0;border-radius:5px;padding:7px 12px;font-size:13px}.theme-setting{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding-bottom:22px;font-size:14px;display:grid}.theme-setting select{width:100%}#settings-dialog .processing-card{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;margin-top:20px;padding-top:20px}#settings-dialog .processing-card button{width:100%}:root{--room:#f1ebff}:root[data-theme=wood]{color:#3e3429;--room:#e6dfcf;--ink:#3e3429;--muted:#726554;--cream:#f8f4e9;--purple:#705039;--lavender:#e8dfcf;--apricot:#e0d1b5;--line:#cfc3ad;--shadow:#b1a084;background:#e6dfcf}[data-theme=wood] button,[data-theme=wood] select,[data-theme=wood] .upload{border-radius:5px}[data-theme=wood] button:not(:disabled):active,[data-theme=wood] .upload:active{box-shadow:none;transform:translateY(1px)}[data-theme=wood] button:focus-visible,[data-theme=wood] select:focus-visible,[data-theme=wood] input:focus-visible,[data-theme=wood] summary:focus-visible,[data-theme=wood] a:focus-visible,[data-theme=wood] #canvas-wrap:focus-visible,[data-theme=wood] .upload:focus-within{outline-color:#765534}[data-theme=wood] aside{background:#f8f4e9}[data-theme=wood] #tool-tabs{background:0 0;border:0;border-bottom:1px solid #cfc3ad;border-radius:0;gap:0;padding:0}[data-theme=wood] #tool-tabs button{color:#756651;border-radius:0}[data-theme=wood] #tool-tabs button[aria-selected=true]{box-shadow:none;color:#3e3429;background:0 0;border:0;border-bottom:2px solid #785735}[data-theme=wood] .pattern-card{box-shadow:none;background:#faf7ed;border:1px solid #cfc3ad;border-radius:4px;padding:5px 5px 9px}[data-theme=wood] .pattern-card[aria-pressed=true]{background:#e9dfca;border:1px solid #725334;animation:none;box-shadow:inset 0 0 0 1px #725334}[data-theme=wood] .pattern-swatch{filter:saturate(.35)sepia(.12);border-color:#a99b84;border-radius:1px}[data-theme=wood] .pattern-detail{color:#6c5d47}[data-theme=wood] output{color:#614831;background:#e9e0ce;border-radius:3px}[data-theme=wood] input[type=range]{accent-color:#84633f}[data-theme=wood] input[type=range]::-webkit-slider-runnable-track{background:#d1c5ae;height:4px}[data-theme=wood] input[type=range]::-webkit-slider-thumb{background:#856344;width:20px;height:20px;margin-top:-8px;box-shadow:0 0 0 1px #a28967}[data-theme=wood] input[type=range]::-moz-range-track{background:#d1c5ae;height:4px}[data-theme=wood] input[type=range]::-moz-range-thumb{background:#856344;width:16px;height:16px;box-shadow:0 0 0 1px #a28967}[data-theme=wood] .range-ends,[data-theme=wood] #developer-tools>summary,[data-theme=wood] #developer-tools .control-note,[data-theme=wood] #depth-inspection pre,[data-theme=wood] #depth-debug,[data-theme=wood] .reference-strip figcaption{color:#726554}[data-theme=wood] .quiet-button,[data-theme=wood] .tactile-button{box-shadow:none;color:#584630;background:#ede4d2;border-color:#baa98d}[data-theme=wood] .intro-symbol{color:#816440;background:#e9dfcc;border-radius:4px}[data-theme=wood] details{border-color:#d6cbb9}[data-theme=wood] summary>span{color:#8b7657}[data-theme=wood] .details-content input[type=number],[data-theme=wood] select{background:#fffdf6;border-color:#cfc3ad}[data-theme=wood] .sample-strip img{box-shadow:none;border-radius:3px}[data-theme=wood] #developer-tools .upload{background:#e9e0ce;border-color:#cfc3ad}[data-theme=wood] .reference-strip figure{background:#fffdf6;border-color:#cfc3ad;border-radius:3px}[data-theme=booth] .welcome .primary-upload{background:var(--apricot);color:#593c31;border-color:#a76948;border-radius:16px;box-shadow:0 4px #cc9b7b}[data-theme=booth] .welcome h1{font-family:inherit;font-weight:400}[data-theme=booth] .entry-door{border-color:#967ab1}[data-theme=booth] .scene-actions button,[data-theme=booth] .scene-actions .upload,[data-theme=booth] #hint{border-radius:18px}@media (width<=480px){.scene-toolbar{padding:14px 14px 8px}.scene-brand{font-size:13px}.scene-actions{gap:5px}.scene-actions button,.scene-actions .upload{padding:7px 10px;font-size:14px}#settings-dialog{border-top:1px solid var(--line);border-radius:12px 12px 0 0;width:100%;height:90dvh;max-height:90dvh;margin:auto 0 0}#settings-dialog aside{padding:21px 20px max(28px,env(safe-area-inset-bottom))}.welcome{padding-top:64px}#hint{bottom:max(18px,env(safe-area-inset-bottom));padding:9px 13px;font-size:12px}#hint strong{font-size:14px}}@media (height<=590px){.welcome{justify-content:flex-start}.entry-door{display:none}.welcome h1{font-size:27px;line-height:1.35}.entry-privacy{margin-top:14px}.flow-photo{max-height:20svh;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){#canvas-wrap{transition:none}}@media (height<=590px){#hint{padding:8px 12px;font-size:12px;bottom:12px}#hint strong,#hint .hint-secondary{display:none}}#gyro-notice{bottom:max(20px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 40px);color:var(--ink);background:var(--cream);border:1px solid var(--line);text-align:center;pointer-events:none;z-index:5;border-radius:14px;margin:0;padding:10px 14px;font-size:14px;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}#experience:not([data-flow=ready]) #gyro-notice{display:none}#render-recovery{border:1px solid var(--line);background:var(--cream);width:min(420px,100% - 36px);color:var(--ink);text-align:center;border-radius:12px;padding:28px}#render-recovery::backdrop{background:var(--room)}#render-recovery h2{font-size:24px;font-weight:400;line-height:1.4}#render-recovery p{font-size:15px}#render-reload{border-color:var(--line);padding:10px 24px}.journey{--journey-height:clamp(144px,30dvh,236px);--journey-car-width:58%;width:min(460px,88vw);height:var(--journey-height);flex:none;margin:0 0 24px;position:relative;overflow:hidden}.journey-scenery{position:absolute;inset:0;overflow:hidden}.journey-sun{opacity:.65;background:#dfbb73;border-radius:50%;width:34px;height:34px;position:absolute;top:9%;right:15%}.journey-cloud{background:var(--cream);border-radius:50%;width:65px;height:13px;position:absolute;top:21%;left:16%}.journey-cloud:before{content:"";background:inherit;border-radius:50%;width:30px;height:24px;position:absolute;bottom:0;left:17px}.journey-hill{opacity:.45;background:#b6bc9c;border-radius:50% 50% 0 0;width:95%;height:45%;position:absolute;bottom:26px;left:-8%}.journey-tree{background:#9b8563;width:9px;height:55px;position:absolute;bottom:29px;right:18%}.journey-tree:before{content:"";background:#9ca883;border-radius:50% 50% 42% 42%;width:43px;height:54px;position:absolute;top:-22px;left:-17px}.journey-road{background:repeating-linear-gradient(90deg,#0000 0 22px,#bcb099 22px 44px,#0000 44px 66px) 0 12px/132px 2px repeat-x;border-top:2px solid #ada289;height:20px;position:absolute;bottom:11px;left:0;right:0}.journey-car,.journey-traveler{width:min(var(--journey-car-width),calc((var(--journey-height) - 38px) * 5 / 3));aspect-ratio:5/3;transform-origin:50% 85%;max-width:267px;position:absolute;bottom:24px;left:16%}.journey-traveler{z-index:3;pointer-events:none}.journey-car-body{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-passenger{z-index:3;background:#fcf5df;border:5px solid #fcf5df;border-radius:9px;width:34%;height:65%;position:absolute;top:0;left:22%;transform:rotate(-5deg);box-shadow:0 2px 3px #50392226}.journey-passenger .flow-photo{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:4px;margin:0;display:block}.journey-house{opacity:0;width:27%;max-height:88%;position:absolute;bottom:26px;right:3%;transform:translate(20px)}.journey-wheel{transform-box:fill-box;transform-origin:50%}#flow-overlay[data-journey=driving] :is(.journey-car,.journey-traveler){animation:1.7s ease-in-out infinite journey-ride}#flow-overlay[data-journey=driving] .journey-wheel{animation:1.4s linear infinite journey-wheel-turn}#flow-overlay[data-journey=driving] .journey-road{animation:2.8s linear infinite journey-road-pass}#flow-overlay[data-journey=driving] .journey-tree{animation:8s linear infinite journey-tree-pass}#journey-motion{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}#flow-overlay[data-journey=unpacking]{animation:.2s ease-in 1.3s both journey-arrival-fade}#flow-overlay:is([data-journey=arrived],[data-journey=unpacking]) :is(.journey-car,.journey-traveler){transition:transform .35s ease-out;transform:translate(-10%)}#flow-overlay:is([data-journey=arrived],[data-journey=unpacking]) .journey-house{opacity:1;transition:opacity .25s ease-out,transform .35s ease-out;transform:none}#flow-overlay:is([data-journey=arrived],[data-journey=unpacking]) .journey-tree{opacity:0}#flow-overlay[data-journey=unpacking] .journey-traveler{transition:none;animation:1.3s linear both journey-walk}#flow-overlay[data-journey=unpacking] .journey-passenger{transform-origin:50% 100%;animation:1.3s ease-in-out both journey-waddle}#flow-overlay[data-motion=paused] .journey *{animation-play-state:paused}[data-theme=booth] .journey-hill{background:#c3afd9}[data-theme=booth] .journey-tree:before{background:#baa6c7}@keyframes journey-ride{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-2px)rotate(.3deg)}}@keyframes journey-wheel-turn{to{transform:rotate(360deg)}}@keyframes journey-road-pass{to{background-position:-132px 12px}}@keyframes journey-tree-pass{0%{transform:translate(180px)}to{transform:translate(-460px)}}@keyframes journey-walk{0%,28%{left:16%;transform:translate(-10%)}to{left:87.5%;transform:translate(-39%)}}@keyframes journey-waddle{0%{animation-timing-function:ease-out;top:0;transform:translateY(0)rotate(-5deg)scaleY(1)}8%{animation-timing-function:cubic-bezier(.4,0,.65,1);top:0;transform:translateY(-6px)rotate(-5deg)scaleY(1)}24%{animation-timing-function:ease-out;top:35%;transform:translateY(0)rotate(-5deg)scaleY(.97)}28%{top:35%;transform:translateY(0)rotate(-5deg)scaleY(1)}40%{top:35%;transform:translateY(-3px)rotate(5deg)}52%{top:35%;transform:translateY(0)rotate(-5deg)}64%{top:35%;transform:translateY(-3px)rotate(5deg)}76%{top:35%;transform:translateY(0)rotate(-5deg)}88%{top:35%;transform:translateY(-3px)rotate(5deg)}to{top:35%;transform:translateY(0)rotate(0)}}@keyframes journey-arrival-fade{0%{opacity:1}to{opacity:0}}@media (height<=650px){.flow-overlay{padding:52px 18px 18px}.journey{--journey-height:clamp(100px,27dvh,160px);--journey-car-width:54%;width:min(380px,80vw);margin-bottom:12px}.flow-overlay h2{font-size:20px;line-height:1.4}#flow-detail{margin:9px 0 14px;font-size:13px;line-height:1.55}}@media (height<=430px) and (width>=560px){.flow-overlay{grid-template-columns:minmax(170px,40%) minmax(0,1fr);align-content:center;justify-items:center;column-gap:24px;padding:52px 30px 18px;display:grid}.journey{--journey-height:170px;grid-row:1/4;width:100%;margin:0}.flow-overlay h2,#flow-detail,.flow-actions{grid-column:2}}@media (prefers-reduced-motion:reduce){.journey *{transition:none!important;animation:none!important}#flow-overlay[data-journey=unpacking]{animation:none}}.comparison-control{border:1px solid var(--line);border-radius:12px;padding:14px}.comparison-control h3{margin:0 0 8px;font-size:17px;font-weight:400}.comparison-control button{width:100%;padding:10px}.comparison-control details{margin-top:10px}#comparison-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.comparison-label{text-align:center;color:var(--ink);font-size:14px;line-height:1.3;position:absolute;transform:translate(-50%)}#comparison-metrics{bottom:max(10px,env(safe-area-inset-bottom));text-align:center;font-family:var(--font-values);color:var(--ink);font-size:12px;line-height:1.45;position:absolute;left:10px;right:10px}#comparison-metrics p{white-space:pre-line;margin:3px 0}#experience:not([data-flow=ready]) #comparison-overlay,#experience[data-comparison] #hint{visibility:hidden}#experience[data-comparison] .scene-brand{display:none}#experience[data-comparison] .scene-toolbar{justify-content:flex-end}@media (width<=480px){#experience[data-comparison] .scene-actions{flex-wrap:wrap;justify-content:flex-end}#comparison-metrics{font-size:12px}}@media (height<=500px){#comparison-memory{display:none}#comparison-metrics{line-height:1.25}}#mesh-render-error{border:1px solid var(--line);border-radius:1rem;max-width:28rem;padding:1.5rem}#mesh-render-error::backdrop{background:#21172aaa}#mesh-render-error button{margin:.5rem .5rem 0 0}.frame-notice{color:#402c21;pointer-events:none;z-index:4;background:#fff9e9ee;border-radius:.75rem;max-width:32rem;padding:.65rem 1rem;font-size:.875rem;position:absolute;bottom:1rem;left:1rem;right:1rem}#door-handle{pointer-events:none;color:#fff8df;text-shadow:0 1px 3px #32200f;z-index:1;background:#3e2c151c;border:1px solid #fff8dc66;border-radius:50%;place-items:center;width:44px;height:44px;font-family:system-ui,sans-serif;font-size:22px;display:grid;position:absolute;transform:translate(-50%,-50%)}#door-handle[hidden],#door-controls[hidden]{display:none}#door-controls{left:max(16px,env(safe-area-inset-left));bottom:max(88px,env(safe-area-inset-bottom));z-index:2;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}#door-toggle{border:1px solid var(--line);background:var(--cream);min-width:88px;min-height:44px;color:var(--ink);border-radius:6px;padding:8px 13px}#door-help{color:var(--ink);background:var(--cream);border-radius:4px;padding:3px 7px;font-size:12px}#door-toggle:focus-visible{outline-offset:3px;outline:3px solid #996130}.scene-motion{top:calc(76px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:4;align-items:flex-start;gap:8px;display:flex;position:absolute}.scene-motion[hidden]{display:none}.scene-motion>button,#motion-tools>summary,#door-toggle{color:#fffdf6;min-height:44px;box-shadow:none;text-shadow:0 1px 3px #211910,0 0 7px #211910;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:14px}.scene-motion>button{align-items:center;gap:6px;display:flex}.scene-motion>button[aria-pressed=true]{text-underline-offset:5px;text-decoration:underline}#motion-tools{background:0 0;border:0;margin:0;position:relative}#motion-tools>summary{cursor:pointer;align-items:center;list-style:none;display:flex}#motion-tools>summary::-webkit-details-marker{display:none}#motion-tools>summary:after{content:"＋";margin-left:6px}#motion-tools[open]>summary:after{content:"−"}#motion-tools .motion-panel{color:#fffdf6;background:#302b25f5;border:1px solid #fff5;border-radius:10px;width:min(290px,100vw - 32px);max-height:calc(100dvh - 165px);padding:16px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 6px 24px #0003}.motion-panel .control-help,.motion-panel .range-ends{color:#ede6dc}.motion-panel .control-help{font-size:14px}.motion-panel button{color:#fffdf6;min-height:44px;box-shadow:none;background:0 0;border:1px solid #fff5;margin:4px 0}.scene-motion button:focus-visible,#motion-tools>summary:focus-visible,#door-toggle:focus-visible{outline-offset:2px;outline:2px solid #fffdf6;box-shadow:0 0 0 5px #302b25}#door-controls{left:max(16px,env(safe-area-inset-left));bottom:calc(56px + env(safe-area-inset-bottom))}#door-toggle{text-underline-offset:5px;min-width:88px;text-decoration:underline}#hint,[data-theme=booth] #hint{bottom:calc(20px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);box-shadow:none;color:#fffdf6;white-space:nowrap;text-shadow:0 1px 3px #211910,0 0 8px #211910,0 0 14px #211910;opacity:0;z-index:2;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;line-height:1.5;transition:none}#hint[data-phase=in]{animation:.6s ease-out both scene-hint-in}#hint[data-phase=hold]{opacity:1}#hint[data-phase=out]{animation:.8s ease-in both scene-hint-out}@keyframes scene-hint-in{0%{opacity:0}to{opacity:1}}@keyframes scene-hint-out{0%{opacity:1}to{opacity:0}}#gyro-notice{top:calc(125px + env(safe-area-inset-top));font-size:14px;bottom:auto}@media (width<=480px){.scene-motion{top:calc(67px + env(safe-area-inset-top));gap:2px;right:10px}}@media (prefers-reduced-motion:reduce){#hint[data-phase]{animation:none}#hint[data-phase=in],#hint[data-phase=hold]{opacity:1}}#hint{white-space:normal;text-wrap:balance}.photo-tip{color:var(--ink);margin:-12px 0 18px;font-size:14px;line-height:1.7}#sample-dialog{border:1px solid var(--line);background:var(--cream);width:min(520px,100% - 28px);max-height:calc(100dvh - 28px);color:var(--ink);overscroll-behavior:contain;border-radius:12px;padding:20px;overflow:auto}#sample-dialog::backdrop{background:#201a1366}.sample-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sample-heading h2{margin:0;font-size:21px;line-height:1.4}#sample-close{border-radius:5px;flex:none;padding:6px 12px}#sample-description{color:var(--muted);margin:10px 0 18px;font-size:13px}.sample-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sample-choices button{border:2px solid var(--line);text-align:left;background:var(--cream);border-radius:7px;flex-direction:column;align-items:stretch;min-width:0;padding:6px;display:flex}.sample-choices button[aria-pressed=true]{background:#e9dec6;border-color:#79583e;box-shadow:0 0 0 1px #79583e}.sample-choices img{object-fit:contain;background:#e6dfcf;border-radius:3px;width:100%;height:120px}.sample-choices span{margin-top:6px;font-size:12px;line-height:1.5}.sample-choices small{color:#67492f;font-size:11px}.sample-footer{background:var(--cream);padding:16px 0 4px;position:sticky;bottom:-20px}#sample-confirm{color:#fffaf0;background:#6e4932;border-radius:5px;width:100%;min-height:48px}@media (width<=420px){.sample-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-choices img{height:110px}}.pet-name-field{text-align:left;flex-direction:column;gap:7px;display:flex}.pet-name-field label{margin:0;font-size:15px;display:block}.pet-name-field input{width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#fffaf080;border:1px solid #a89170;border-radius:5px;padding:10px 12px;font-size:17px}.pet-name-field input::placeholder{color:#817565;opacity:1}.pet-name-field small{color:var(--muted);font-size:11px;line-height:1.5}.pet-name-field .name-storage-notice{color:#77472d}.entry-name-field{flex-shrink:0;width:min(100%,280px);margin:0 0 18px}.settings-name-field{margin:0 0 22px}#welcome-name,#entry-photo-button,#flow-title{overflow-wrap:anywhere}#entry-photo-button{max-width:100%}#internal-controls[hidden]{display:none!important}.arrival-count{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.flow-overlay{padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 44px))}.flow-overlay>.arrival-count{left:24px;right:24px;bottom:max(18px,env(safe-area-inset-bottom));margin:0;position:absolute}#settings-dialog .arrival-count{margin:0 0 18px}.welcome{justify-content:flex-start}.welcome>*{flex-shrink:0;max-width:100%}.welcome .entry-door{margin-top:auto}#entry-photo-step{margin-bottom:0}.entry-step{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:min(100%,360px);display:flex}.entry-step>*{flex-shrink:0;max-width:100%}.entry-step .entry-name-field{width:100%;margin:0}.entry-step .photo-tip{margin:0}.entry-step .primary-upload{min-height:48px}.entry-step .entry-samples{margin:0}#entry-name-edit{align-self:center;min-height:44px;margin:0 0 16px;font-size:14px}#paste-tip span{white-space:nowrap}.welcome[data-step=name] #entry-name-step{margin-bottom:auto}.scene-actions{flex-wrap:wrap;justify-content:flex-end}#entry-notices{width:min(100%,360px);color:var(--muted);touch-action:pan-y pinch-zoom;flex-shrink:0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin:8px 0 auto;display:grid}#entry-notices>button{min-width:44px;min-height:44px;box-shadow:none;color:var(--ink);background:0 0;border:0;padding:0;font-family:system-ui,sans-serif;font-size:24px}.notice-slides{align-items:center;min-width:0;display:grid}#entry-notices .entry-notice-slide{overflow-wrap:anywhere;word-break:keep-all;visibility:hidden;grid-area:1/1;margin:0;padding:0;font-size:13px;line-height:1.65}#entry-notices .entry-notice-slide[data-active=true]{visibility:visible}#entry-notices .entry-notice-slide[hidden]{display:none}#notice-position{opacity:.75;grid-column:2;font-family:inherit;font-size:10px;line-height:1.4}#entry-notices[hidden]{display:none}@media (width<=640px){.welcome[data-step=photo]{padding-bottom:max(16px,env(safe-area-inset-bottom))}.welcome[data-step=photo] #entry-photo-step{margin-bottom:24px}.welcome[data-step=photo] #entry-notices{margin-top:auto;margin-bottom:0}}.scene-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 12px;display:grid}.scene-brand{white-space:nowrap;padding-top:10px}.scene-actions{grid-column:2;min-width:0}.scene-motion{flex-direction:column;grid-column:1/-1;justify-self:end;align-items:flex-end;gap:6px;max-width:100%;display:flex;position:static}#gyro,#gyro[aria-pressed=true],#gyro[aria-busy=true]{color:#fffdf6;min-height:44px;box-shadow:none;text-shadow:0 1px 3px #211910,0 0 7px #211910;text-underline-offset:5px;background:0 0;border:0;border-radius:4px;padding:8px 10px;text-decoration:underline}#scene-motion[hidden]{display:none}#gyro-notice{width:auto;max-width:min(290px,100%);color:var(--ink);background:var(--cream);text-shadow:none;margin:0;padding:8px 12px;font-size:13px;position:static;inset:auto;transform:none}#panel-view{color:var(--ink);gap:16px}#panel-view select{color:var(--ink);background:var(--cream)}#panel-view .control-help{margin:0}#panel-view button{min-height:44px}#tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}#gyro:focus-visible{outline-offset:2px;outline:2px solid #fffdf6;box-shadow:0 0 0 5px #302b25}#credits-dialog{border:1px solid var(--line);background:var(--cream);width:min(400px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:24px;overflow:auto}#credits-dialog::backdrop{background:#201a1366}.credits-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.credits-heading h2{margin:0;font-size:22px}#credits-close{min-height:44px;padding:6px 12px}.credits-info{gap:6px;margin:20px 0;display:grid}.credits-info dt{color:var(--muted);font-size:13px}.credits-info dd{overflow-wrap:anywhere;margin:0 0 10px}#credits-dialog a{color:var(--ink);text-underline-offset:4px}.credits-licenses{padding:8px 0;font-size:13px;display:inline-block}#experience[data-flow=entry] #scene-zoom-reset,#experience[data-flow=entry] #comparison-exit{display:none}#export-dialog{border:1px solid var(--line);background:var(--cream);width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:12px;padding:20px;overflow:auto}#export-dialog::backdrop{background:#201a1380}.export-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-heading h2{margin:0;font-size:22px}#export-dialog button,.export-actions a{min-height:44px;padding:9px 12px}.export-choices,.export-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#export-status{font-size:14px;line-height:1.6}#export-preview{object-fit:contain;border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;max-height:50dvh;display:block}#export-preview[hidden]{display:none}.export-actions a{color:var(--cream);background:var(--ink);border-radius:6px;align-items:center;display:inline-flex}.export-actions a[hidden]{display:none}#gyro-recenter{right:max(16px,env(safe-area-inset-right));bottom:calc(56px + env(safe-area-inset-bottom));z-index:3;color:#fffdf6;min-height:44px;box-shadow:none;text-shadow:0 1px 3px #211910,0 0 7px #211910;text-underline-offset:5px;background:0 0;border:0;border-radius:4px;padding:8px 10px;text-decoration:underline;position:absolute}#gyro-recenter:focus-visible{outline-offset:2px;outline:2px solid #fffdf6;box-shadow:0 0 0 5px #302b25}#first-guide{display:none}#guide-scene-target{pointer-events:none;width:52%;height:27%;position:absolute;top:28%;left:24%}.behind-glass-tour{font-family:var(--font-ui);color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:10px;width:min(340px,100vw - 32px);min-width:0;max-width:calc(100vw - 32px);padding:18px;font-weight:400;overflow:visible;box-shadow:0 4px 20px #201a1326}.behind-glass-tour .driver-popover-title{font-family:inherit;font-size:21px;font-weight:400;line-height:1.5}.behind-glass-tour .driver-popover-description{font-family:inherit;font-size:15px;line-height:1.8}.behind-glass-tour .driver-popover-footer button{min-height:44px;font:inherit;text-shadow:none;border:1px solid var(--line);border-radius:5px;padding:8px 14px;font-size:14px}.behind-glass-tour .driver-popover-next-btn{background:var(--ink);color:var(--cream)}.behind-glass-tour .driver-popover-prev-btn{color:var(--ink);background:0 0}.behind-glass-tour .driver-popover-close-btn{width:auto;height:auto;min-height:44px;font:inherit;color:var(--muted);box-shadow:none;background:0 0;border:0;margin:0 0 8px auto;padding:4px 8px;font-size:13px;display:block;position:static}.behind-glass-tour .driver-popover-progress-text{font:inherit;color:var(--muted);font-size:12px}.behind-glass-tour .driver-popover-arrow-side-top{border-top-color:var(--cream)}.behind-glass-tour .driver-popover-arrow-side-bottom{border-bottom-color:var(--cream)}.behind-glass-tour button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.behind-glass-tour .guide-popover-content{max-height:max(80px,calc(100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow:auto}.behind-glass-tour .driver-popover-arrow-side-left{border-left-color:var(--cream)}.behind-glass-tour .driver-popover-arrow-side-right{border-right-color:var(--cream)}.scene-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}.scene-brand{display:none}#scene-menu-open{color:#fffdf6;min-width:44px;min-height:44px;box-shadow:none;text-shadow:0 1px 3px #211910,0 0 7px #211910;text-underline-offset:5px;background:0 0;border:0;border-radius:4px;grid-area:1/1;justify-self:start;padding:8px 10px;font-size:14px;text-decoration:underline}#scene-menu-open:focus-visible{outline-offset:2px;outline:2px solid #fffdf6;box-shadow:0 0 0 5px #302b25}.scene-toolbar .scene-motion{grid-area:1/2;min-width:0;max-width:min(65vw,290px)}.scene-toolbar .scene-actions{grid-area:1/2}#experience:not([data-flow=entry]) .scene-actions{display:none}#scene-menu{width:min(440px,100%);max-width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)));padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:1px solid var(--line);background:var(--cream);color:var(--ink);overscroll-behavior:contain;border-bottom:0;border-radius:18px 18px 0 0;margin:auto auto 0;overflow:auto}#scene-menu::backdrop{background:#201a1380}.scene-menu-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.scene-menu-heading h2{margin:0;font-size:22px}#scene-menu-close{min-width:44px;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;padding:8px}.scene-menu-items{flex-direction:column;display:flex}.scene-menu-items>button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);box-shadow:none;background:0 0;border-radius:0;padding:12px 4px;font-family:inherit;font-size:16px}.scene-menu-items>button:last-child{border-bottom:0}.scene-menu-items>button:disabled{opacity:.45}#scene-menu button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}#scene-menu-open[hidden],.scene-menu-items>button[hidden]{display:none}.scene-toolbar{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);column-gap:6px}.scene-toolbar .scene-motion,.scene-toolbar .scene-actions{grid-column:3}#sample-home{color:#fffdf6;width:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:4px;grid-area:1/2;place-items:center;padding:8px;display:grid}#sample-home svg{filter:drop-shadow(0 1px 2px #211910)}#sample-home:focus-visible,#photo-adjust-open:focus-visible{outline-offset:2px;outline:2px solid #fffdf6;box-shadow:0 0 0 5px #302b25}#sample-home[hidden]{display:none}#gyro{white-space:nowrap;padding-inline:4px}#photo-adjust-open{left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:3;color:#fffdf6;min-height:44px;box-shadow:none;text-shadow:0 1px 3px #211910,0 0 7px #211910;text-underline-offset:5px;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:8px 12px;font-size:14px;text-decoration:underline;position:absolute;transform:translate(-50%)}#photo-adjust-panel{z-index:4;left:50%;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);width:min(400px,100% - 24px);max-height:45dvh;color:var(--ink);background:var(--cream);border-radius:12px;padding:12px 16px;position:absolute;overflow:auto;transform:translate(-50%);box-shadow:0 3px 16px #201a1326}.photo-adjust-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-adjust-heading strong{font-size:17px;font-weight:400}#photo-adjust-panel button{min-height:44px;padding:8px 12px}#photo-adjust-done{color:var(--cream);background:var(--ink)}#photo-adjust-panel label{align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}#photo-adjust-zoom{flex:1;min-width:0;min-height:44px}#photo-adjust-help{word-break:keep-all;margin:8px 0 0;font-size:13px;line-height:1.6}#photo-adjust-reset{color:var(--muted);box-shadow:none;background:0 0;border:0;font-size:13px;padding-left:0!important}#photo-adjust-panel[hidden],#photo-adjust-open[hidden]{display:none}#home-dialog{border:1px solid var(--line);background:var(--cream);width:min(380px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:24px;overflow:auto}#home-dialog::backdrop{background:#201a1380}#home-title{word-break:keep-all;margin:0 0 12px;font-size:22px;line-height:1.5}#home-detail{color:var(--muted);font-size:14px;line-height:1.7}.home-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.home-actions button{min-height:44px;padding:10px 14px}#home-confirm{color:var(--cream);background:var(--ink)}#hint,[data-theme=booth] #hint{bottom:calc(112px + env(safe-area-inset-bottom))}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.peeking-experiment{border-top:1px solid var(--line,#cfc3ad);margin-top:20px;padding-top:18px}.peeking-experiment h3{margin:0 0 8px;font-size:16px}.peeking-experiment p{color:var(--ink,#3e3429);margin:8px 0 12px;font-size:13px;line-height:1.65}.peeking-experiment button{width:100%;min-height:44px;margin-top:8px;padding:10px 12px;font-size:14px}.peeking-experiment [hidden],.peeking-preview-dialog [hidden]{display:none!important}.peeking-preview-dialog{overscroll-behavior:contain;border:1px solid var(--line,#cfc3ad);background:var(--cream,#f7f1e5);width:min(760px,100% - 32px);max-width:760px;max-height:calc(100dvh - 32px);color:var(--ink,#3e3429);box-sizing:border-box;border-radius:12px;margin:auto;padding:24px;overflow:auto}.peeking-preview-dialog::backdrop{background:#201a13a6}.peeking-preview-dialog h2{margin:0 0 10px;font-size:20px;line-height:1.4}.peeking-preview-dialog p{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.peeking-preview-dialog #peeking-error{color:#862d25}.peeking-comparison{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.peeking-comparison figure{min-width:0;margin:0}.peeking-preview-surface{aspect-ratio:1;background-color:#fff;background-image:repeating-conic-gradient(#e3dfd5 0% 25%,#0000 0% 50%);background-size:20px 20px;border:1px solid #aa9c85;border-radius:6px;place-items:center;display:grid;overflow:hidden}.peeking-preview-surface img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.peeking-comparison figcaption{margin-top:7px;font-size:13px;line-height:1.4}.peeking-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.peeking-actions button{min-height:44px;padding:10px 14px;font-size:14px}.peeking-actions #peeking-accept{color:#3e3429;background:#ede4d2;border-color:#aa9674}.peeking-experiment button:focus-visible,.peeking-preview-dialog button:focus-visible{outline-offset:3px;outline:3px solid #765534}@media (width<=480px){.peeking-preview-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:18px}.peeking-comparison{gap:8px}.peeking-comparison figcaption{font-size:12px}.peeking-actions button{flex:calc(50% - 10px)}}
|