*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #1D1B61;--text-main: #333333;--text-sub: #121212;--beige: #F4D2BB;--cream: #FBFAF4;--light-gray: #F2EFEF;--muted: #666574;--line: #DEDCE3}html,body{height:100%}body{font-family:Noto Sans JP,Yu Gothic Medium,sans-serif;font-size:16px;line-height:1.6;color:var(--text-main);background:var(--cream)}#app{display:flex;height:100dvh;overflow:hidden}#viewer{flex:1;min-width:0;position:relative;background:linear-gradient(#fbfaf4,#f2efef)}.viewer-help{position:absolute;left:20px;top:18px;z-index:3;padding:7px 10px;border:1px solid rgba(29,27,97,.12);border-radius:4px;background:#fbfaf4db;color:var(--muted);font-size:11px;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.viewer-help span{color:var(--navy);margin-right:4px}#viewer canvas{display:block}#panel{width:400px;flex-shrink:0;background:#fff;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}.panel-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:32px 28px 28px;display:flex;flex-direction:column;gap:28px}.panel-header .brand{font-size:11px;letter-spacing:.18em;color:var(--navy);font-weight:700;margin-bottom:8px}.panel-header h1{font-size:21px;font-weight:500;color:var(--text-sub);line-height:1.4}.panel-lede{max-width:32em;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.model-nav{display:flex;gap:8px;margin-top:12px;font-size:11px}.model-nav a,.model-nav-current{padding:4px 10px;border-radius:40px;white-space:nowrap}.model-nav-current{background:var(--navy);color:#fff;font-weight:700}.model-nav a{border:1px solid #ccc;color:var(--text-main);text-decoration:none;transition:border-color .2s}.model-nav a:hover{border-color:var(--navy);color:var(--navy)}.viewmode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--light-gray);border-radius:7px;margin-top:-12px}.viewmode-btn{font-family:inherit;font-size:13px;font-weight:700;padding:9px 0;border:none;border-radius:5px;background:transparent;color:#8a8a8a;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.viewmode-btn:hover{color:var(--navy)}.viewmode-btn.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px #1212121f}.group h2{font-size:14px;font-weight:700;color:var(--text-sub);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--light-gray)}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.preset-btn{font-family:inherit;font-size:13px;padding:8px 14px;border:1px solid #ccc;background:#fff;color:var(--text-main);border-radius:5px;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--navy);transform:translateY(-1px)}.preset-btn:active,.swatch:active,#cta:active,.secondary-cta:active,#copy-summary:active,#share-summary:active,#go-contact:active{transform:translateY(1px)}.preset-btn:disabled{opacity:.4;cursor:default;border-color:#ccc}.preset-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.slider-row{margin-bottom:10px}.slider-row label{display:block;font-size:13px;margin-bottom:4px}.slider-row span{font-weight:700;color:var(--navy)}input[type=range]{width:100%;accent-color:var(--navy)}.note{font-size:11px;color:var(--muted)}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatch{font-family:inherit;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ccc;border-radius:5px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s;text-align:left}.swatch:hover{border-color:var(--navy)}.swatch.active{border:2px solid var(--navy);padding:7px 9px}.swatch .chip{width:26px;height:26px;border-radius:4px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.panel-footer{z-index:10;padding:12px 28px 16px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -10px 24px #1d1b610f}.consult-copy{display:none}.consult-copy span{display:block;margin-bottom:2px;color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.12em}.consult-copy strong{display:block;color:var(--text-sub);font-size:13px;font-weight:700}.consult-copy p{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.5}.dims{font-size:14px;font-weight:700;color:var(--text-sub);margin-bottom:8px;text-align:center}#cta{font-family:inherit;width:100%;background:var(--navy);color:#fff;border:none;border-radius:5px;padding:15px 0;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s,background .2s}#cta:hover{background:#28257a}.secondary-cta{width:100%;margin-top:7px;border:1px solid var(--navy);border-radius:5px;padding:10px 0;background:#fff;color:var(--navy);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.secondary-cta:hover{background:#f5f4fa}#dim-overlay{position:absolute;left:20px;bottom:16px;font-size:12px;color:#888;pointer-events:none}.badge{display:inline-block;font-size:10px;font-weight:700;color:#fff;background:#b3b3b3;border-radius:3px;padding:1px 7px;margin-left:8px;vertical-align:2px;letter-spacing:.06em}.group.disabled .swatches,.group.disabled .presets{opacity:.45;pointer-events:none}.group.disabled .swatch{cursor:default}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#fbfaf4,#f2efef);transition:opacity .45s ease}#loading-overlay.done{opacity:0;pointer-events:none}.loading-brand{font-size:15px;font-weight:700;letter-spacing:.3em;color:var(--navy);text-transform:uppercase}.loading-text{font-size:12px;color:#888}.loading-bar{width:min(240px,60%);height:4px;border-radius:2px;background:#e4e2da;overflow:hidden}.loading-bar-fill{height:100%;width:0%;border-radius:2px;background:var(--navy);transition:width .25s ease}.loading-pct{font-size:11px;color:var(--navy);font-weight:700}.stove-pos{font-size:12px;color:#888;white-space:nowrap}#stove-reco{margin-top:4px;border:1px solid var(--light-gray);border-radius:5px;padding:8px 12px;font-size:12px;color:var(--text-main)}#stove-reco .reco-name{font-weight:700;color:var(--navy)}#stove-reco .guard-note{margin-top:5px;padding-top:5px;border-top:1px dashed var(--light-gray);font-size:11px;color:#777}#stove-reco .guard-note b{color:var(--navy);font-weight:700}#group-stove .note{margin-top:8px}.people-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.people-add{display:flex;gap:6px;flex-wrap:wrap}.people-toggle{font-size:12px;color:var(--text-main);display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.people-toggle input{accent-color:var(--navy)}#people-list{display:flex;flex-direction:column;gap:8px}.person-row{display:flex;align-items:center;gap:10px;border:1px solid var(--light-gray);border-radius:5px;padding:7px 10px;font-size:12px}.person-row .person-label{width:3.5em;flex-shrink:0;font-weight:700;color:var(--text-sub)}.person-row input[type=range]{flex:1;min-width:0}.person-row .person-h{width:4em;flex-shrink:0;text-align:right;font-weight:700;color:var(--navy)}.person-del{flex-shrink:0;border:none;background:none;color:#aaa;font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}.person-del:hover{color:#b04a3a}#fit-badge{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-radius:5px;padding:9px 12px;font-size:13px}#fit-badge .fit-label{font-weight:700}#fit-badge .fit-nums{font-size:11px;opacity:.85}#fit-badge.fit-ok{background:#eef5ee;color:#35663f}#fit-badge.fit-tight{background:#f8f1e4;color:#8a6420}#fit-badge.fit-ng{background:#f9ecea;color:#a03d30}#foot-badge{margin-top:6px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-radius:5px;padding:9px 12px;font-size:13px}#foot-badge .fit-label{font-weight:700;white-space:nowrap;flex-shrink:0}#foot-badge .fit-nums{font-size:11px;opacity:.85;text-align:right;line-height:1.5}#foot-badge.fit-ok{background:#eef5ee;color:#35663f}#foot-badge.fit-tight{background:#f8f1e4;color:#8a6420}#foot-badge.fit-ng{background:#f9ecea;color:#a03d30}#group-people .note{margin-top:10px}#modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#12121273;display:flex;align-items:center;justify-content:center;padding:20px}#modal-backdrop[hidden]{display:none}#summary-modal{position:relative;width:min(460px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border-radius:8px;padding:30px 28px 24px;box-shadow:0 12px 40px #12121238}#summary-modal .brand{font-size:10px;letter-spacing:.18em;color:var(--navy);font-weight:700;margin-bottom:6px}#summary-modal h2{font-size:18px;font-weight:700;color:var(--text-sub);margin-bottom:6px}.intent-label{display:inline-flex;margin:4px 0 8px;border-left:3px solid var(--navy);padding-left:8px;color:var(--navy);font-size:11px;font-weight:700}.modal-lede{margin-bottom:16px;color:var(--muted);font-size:12px;line-height:1.65}#modal-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:22px;line-height:1;color:#999;cursor:pointer}#modal-close:hover{color:var(--text-sub)}#summary-list{border:1px solid var(--light-gray);border-radius:6px;padding:14px 16px;margin-bottom:18px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}#summary-list dt{color:#888}#summary-list dd{font-weight:700;color:var(--text-sub)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}#copy-summary{font-family:inherit;background:#fff;color:var(--navy);border:1px solid var(--navy);border-radius:5px;padding:12px 0;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}#copy-summary:hover{background:var(--light-gray)}#copy-summary.copied{background:var(--navy);color:#fff}#share-summary{font-family:inherit;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:5px;padding:12px 0;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}#share-summary:hover{background:var(--light-gray)}#go-contact{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border-radius:5px;padding:12px 0;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}#go-contact:hover{background:#28257a}#summary-modal .note{text-align:center}.action-status{min-height:1.4em;margin-top:6px;color:var(--navy);font-size:11px;font-weight:700;text-align:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(29,27,97,.28);outline-offset:3px}@media(max-width:800px){#app{flex-direction:column;height:100dvh}#viewer{height:35dvh;min-height:200px;max-height:320px;flex:none}#panel{width:100%;flex:1;min-height:0}.panel-scroll{padding:18px 14px 20px;gap:18px}.viewer-help{top:12px;left:12px}.panel-footer{padding:8px 14px calc(9px + env(safe-area-inset-bottom))}.dims{margin-bottom:5px;font-size:11px}#cta{padding:10px 0;font-size:13px}.secondary-cta{margin-top:3px;border:0;padding:5px 0 1px;font-size:12px}#summary-modal{padding:26px 20px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}