:root{font-family:Inter,Segoe UI,Noto Sans JP,Meiryo,sans-serif;color:#183c2d;background:#f7f7ef;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7b9a34;outline-offset:5px}button{border:0}button:hover{filter:brightness(.95)}.header{height:90px;margin:0 5%;border-bottom:1px solid #d9ddcf;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px}.brand-icon{display:grid;place-content:center;background:#204e37;color:#edfacd;width:31px;height:34px;border-radius:9px 2px;font-family:Georgia,serif;font-style:italic;font-size:29px}.beta{margin-left:8px;font-size:10px;letter-spacing:1px;padding:3px 8px;border:1px solid #c8d3be;border-radius:4px;font-weight:500}.header-note{font-size:11px;letter-spacing:2px;display:flex;gap:9px;align-items:center}.header-note i,.live-dot{width:6px;height:6px;background:#779a43;border-radius:50%;display:inline-block}.workspace{max-width:1220px;margin:auto;padding:52px 36px 0}.eyebrow,.section-label,.small-label{font-size:10px;letter-spacing:1.8px;font-weight:600}.intro h1{font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-1.4px;line-height:1.5;margin:13px 0 12px}.intro p{color:#7a8275;margin:0;font-size:14px}.mobile-break{display:none}.studio{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:60px;margin-top:36px}.preview-panel{border:1px solid #d8dfcf;border-radius:15px;overflow:hidden;background:#edf0e6;align-self:start}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:10px;letter-spacing:1.2px}.panel-top span{display:flex;align-items:center;gap:8px}.text-button{font-size:11px;background:none;padding:0;color:#67765f;letter-spacing:0}#preview{height:365px;position:relative;overflow:hidden;cursor:grab}#preview:active{cursor:grabbing}#preview canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;display:grid;place-content:center;color:#6d7d65;font-size:12px}.preview-caption{display:flex;justify-content:space-between;padding:13px 22px;color:#7b8772;font-size:10px;border-bottom:1px solid #d8dfcf}.preview-caption span:last-child{font-size:9px;letter-spacing:1px}.depth-control{padding:18px 24px 0}.depth-control label{display:flex;justify-content:space-between;font-size:12px}.depth-control output{font-family:monospace;color:#536b45;font-size:12px}.compare-buttons{display:flex;gap:4px;padding:4px;margin-bottom:16px;background:#dce4d4;border-radius:7px}.compare-buttons button{flex:1;padding:8px 10px;border-radius:4px;font-size:11px;background:transparent;color:#526847}.compare-buttons button[aria-pressed=true]{background:#244d35;color:#fff}.depth-presets{display:flex;gap:8px;margin-top:6px}.depth-presets button{flex:1;border:1px solid #c5d2bb;background:transparent;border-radius:4px;padding:4px 8px;font-size:10px}.preview-options{display:flex;gap:16px;flex-wrap:wrap;padding:18px 24px;font-size:10px;color:#617255}.preview-options label{display:flex;gap:5px;align-items:center}.preview-options input{accent-color:#426845}input[type=range]{width:100%;accent-color:#426845;height:20px;margin:12px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#809075}.wireframe{display:flex;align-items:center;gap:6px;font-size:10px;padding:10px 24px 19px;color:#6e7c65}.wireframe input{accent-color:#426845}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #d9ddcf;padding:13px 0 16px}.section-label span{color:#8d9782}.step{display:grid;grid-template-columns:30px 1fr;gap:16px;border-bottom:1px solid #d9ddcf;padding:25px 0}.step-no{font-family:Georgia,serif;font-size:22px;line-height:1.5;color:#93a387}.step h2{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 8px}.step p{font-size:12px;line-height:1.9;color:#7a8275;margin:0}.actions{display:flex;align-items:center;gap:20px;margin-top:16px}.button{border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;padding:11px 18px;font-size:12px;line-height:1.5}.secondary{border:1px solid #bfccb4;background:#f7f7ef}.download{font-size:11px}.qr-row{display:flex;gap:15px;align-items:center;margin-top:12px}.qr-row canvas{width:84px!important;height:84px!important;border:1px solid #e0e5d9;border-radius:5px}.small-label{display:block;font-size:8px;color:#8b977f;letter-spacing:1.2px}.viewer-link{display:block;word-break:break-all;font-size:12px}.local-note{display:block;font-size:9px;color:#8b9384;margin-top:4px}.step .notice{font-size:10px;margin-top:9px;color:#8c7447}.last{border:0;padding-bottom:0}.primary{width:100%;justify-content:space-between;background:#244d35;color:#f1f9df;margin-top:16px;padding:15px 18px;font-size:13px}.primary span{font-size:20px;line-height:1}.step .permission-note{font-size:9px;margin-top:7px}.step #ar-error{color:#a7412d;font-size:12px;margin-top:12px}.detail-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9ddcf;margin-top:38px;padding:24px 0}.detail-strip strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:20px;letter-spacing:-.5px;margin:3px 0}.detail-strip div>span:last-child{font-size:9px;color:#929987}.asset-links{display:flex;gap:23px;font-size:11px;color:#617255}footer{display:flex;justify-content:space-between;border-top:1px solid #d9ddcf;padding:19px 0 25px;font-size:9px;color:#929987}footer span:last-child{letter-spacing:1.5px}.fallback{height:80%;max-width:90%;display:block;margin:auto}.fallback-message{font-size:11px;text-align:center}.error-page{max-width:650px;margin:90px auto;padding:20px}.error-page h1{font-size:28px}.error-page a{text-decoration:underline}#ar-overlay{display:none}.ar-active{background:transparent}.ar-active .header,.ar-active .workspace{display:none}.ar-active #ar-overlay{display:block;position:fixed;inset:0;isolation:isolate;color:#fff}.ar-active #ar-stage{position:absolute;inset:0;overflow:hidden;z-index:0}.ar-top,.ar-bottom{position:absolute;left:0;right:0;z-index:5;padding:20px;padding-top:max(20px,env(safe-area-inset-top));pointer-events:none}.ar-top{top:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0008,transparent)}.ar-top button{color:#183c2d;pointer-events:auto}.ar-bottom{bottom:0;background:linear-gradient(transparent,#000c);padding-bottom:max(24px,env(safe-area-inset-bottom))}.ar-bottom p{text-align:center;background:#173327dc;border:1px solid #ffffff30;padding:14px;border-radius:9px;font-size:13px}.ar-bottom label{display:flex;gap:18px;align-items:center;pointer-events:auto;font-size:12px;white-space:nowrap}.ar-bottom input{margin:0;min-width:0}.ar-bottom .depth-control{pointer-events:auto;padding:12px 16px;border-radius:10px;background:#152a20e8;max-width:500px;margin:auto}.ar-bottom .compare-buttons{background:#ffffff12;margin-bottom:10px}.ar-bottom .compare-buttons button{color:#d8e6cf}.ar-bottom .compare-buttons button[aria-pressed=true]{background:#d6eac0;color:#193626}.ar-bottom .depth-control label{justify-content:space-between;font-size:11px}.ar-bottom .depth-control output{color:#d6eac0}.ar-bottom .depth-control input{margin:6px 0}.ar-bottom .depth-presets button{color:#d8e6cf;border-color:#ffffff40}.print-view{background:#e8ebe3;text-align:center}.print-nav{display:flex;gap:25px;align-items:center;justify-content:center;padding:20px;font-size:12px}.print-nav button{padding:10px 20px;border-radius:5px;background:#244d35;color:#fff}.print-card{display:block;width:100mm;height:auto;margin:30px auto;box-shadow:0 12px 45px #233c2320}.print-tip{font-size:12px;margin:20px}.ar-active video{max-width:none}@media(min-width:1400px){.workspace{padding-top:65px}.studio{margin-top:45px}}@media(max-width:800px){.header{height:72px;margin:0 24px}.header-note{font-size:9px}.beta{display:none}.workspace{padding:32px 24px 0}.studio{grid-template-columns:1fr;gap:25px;margin-top:28px}.intro h1{font-size:29px;letter-spacing:-.8px}.intro p{font-size:12px}.mobile-break{display:initial}#preview{height:340px}.steps{margin:0 4px}.step{padding:22px 0}.detail-strip{align-items:flex-start;gap:18px;flex-direction:column}.asset-links{flex-wrap:wrap}.detail-strip strong{font-size:20px}.print-nav{flex-wrap:wrap;gap:12px}.print-nav span{order:3;width:100%;font-size:10px}.print-card{max-width:90vw}footer{font-size:8px}footer span:last-child{letter-spacing:.8px}}@page{size:A4 portrait;margin:15mm}@media print{html,body,.print-view{background:#fff!important;margin:0!important;padding:0!important}.print-nav,.print-tip{display:none!important}.print-card{width:100mm!important;max-width:none!important;margin:0 auto!important;box-shadow:none!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}