@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#183c46;background:#f4f7f8;font-synthesis:none;--teal:#0c5967;--line:#dce5e8;--muted:#5e737b;--accent:#dc7646}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--teal);border-radius:9px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600}button:hover{background:#edf5f6}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d97444;outline-offset:3px}a{color:var(--teal);text-underline-offset:4px}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}.header{height:82px;max-width:1536px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--teal);color:white;width:36px;height:36px;font-family:sans-serif;font-size:32px;border-radius:10px}.header-label{font-size:14px;color:var(--muted);border-left:1px solid #c9d7db;padding-left:25px}.backlink{margin-left:auto;font-size:14px;text-decoration:none}.skip{position:absolute;top:-80px}.skip:focus{top:0;z-index:50;background:#fff;padding:15px}main{max-width:1456px;margin:auto;padding:36px 36px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;margin:0 0 10px;color:var(--teal)}h1{font-size:clamp(27px,3vw,38px);line-height:1.5;margin:0 0 10px;letter-spacing:.01em}h1 span{display:inline-block}.intro-copy{margin:0;max-width:760px;font-size:15px;line-height:1.9;color:var(--muted)}.step-note{font-size:14px;line-height:1.8;max-width:285px;border-left:3px solid var(--accent);padding:4px 0 4px 19px;flex-shrink:0}.step-note b,.step-note span{display:block}.step-note span{color:var(--muted);margin-top:4px}.workspace{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #26485405}.topbar{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.layout-select{display:flex;align-items:center;gap:14px;font-size:14px;flex-wrap:wrap}.layout-select label{font-weight:600}select{background:#f5f9fa;border:1px solid #c8dadf;border-radius:8px;padding:9px 28px 9px 12px;font-size:17px;font-weight:700;color:var(--teal);min-height:44px}.layout-select>span{color:var(--muted);font-size:13px}.view-tabs{padding:4px;background:#edf3f5;border-radius:10px;display:flex;flex-shrink:0}.view-tabs button{border:0;background:transparent;min-height:38px;padding:7px 16px;font-size:14px;color:var(--muted)}.view-tabs button.active{color:var(--teal);background:#fff;box-shadow:0 2px 4px #102a3810}.workgrid{display:grid;grid-template-columns:minmax(0,1fr) 355px}.visual-column{min-width:0;border-right:1px solid var(--line)}.scene{height:540px;position:relative;background:radial-gradient(ellipse at 50% 45%,#fafcfd,#e8f0f3);overflow:hidden}.scene-caption{position:absolute;top:22px;left:24px;z-index:3;display:flex;align-items:center;gap:12px;pointer-events:none}.scene-caption>b{font-size:25px}.scene-caption>span:last-child{font-size:12px;color:var(--muted)}.pill{background:#fff9;padding:5px 7px;border:1px solid #d7e2e6;border-radius:5px;color:#55747f;font-size:10px;font-weight:700;letter-spacing:.1em}.cover{position:absolute;inset:0}.cover img{height:100%;width:100%;object-fit:cover}.cover-action{position:absolute;bottom:24px;left:0;right:0;text-align:center;background:linear-gradient(transparent,#edf3f3e8);padding:45px 12px 0}.primary{background:var(--teal);color:white;border-color:var(--teal);padding:13px 21px;box-shadow:0 6px 15px #0c59671a}.primary:hover{background:#08424d}.primary span{margin-left:26px}.cover-action p{font-size:12px;color:#405b65;margin:10px auto 0}.scene-controls{display:flex;gap:6px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:6;background:#ffffffed;border:1px solid var(--line);box-shadow:0 4px 18px #0c354415;padding:5px;border-radius:12px;white-space:nowrap}.scene-controls button{min-width:39px;padding:6px 9px;border:0;min-height:38px}.scene-controls span{width:1px;background:var(--line);margin:7px 3px}#canvas-host,#hotspots,#room-labels{position:absolute;inset:0}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}#hotspots,#room-labels{pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:3px solid white;border-radius:50%;padding:0;background:var(--teal);color:white;width:34px;height:34px;min-height:34px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;box-shadow:0 3px 10px #08384840;transform:translate(-50%,-50%);transition:background .15s,box-shadow .15s;z-index:4}.hotspot:hover,.hotspot.selected{background:#073d48;box-shadow:0 0 0 5px #0c59672b,0 3px 10px #08384840;z-index:5}.hotspot.done{background:#368263}.hotspot.attention{background:#a9551d}.room-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:#284a54;background:#fff9;padding:2px 7px;border-radius:4px;white-space:nowrap}.scene-foot{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;padding:13px 21px;background:#f7fafb;font-size:12px;color:var(--muted);border-top:1px solid #e8eef0}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin:0 4px 0 10px}.legend-dot.done{background:#368263}.legend-dot.attention{background:#a9551d}.point-strip{display:flex;gap:8px;padding:17px 20px;overflow-x:auto;scrollbar-width:thin}.point-strip button{flex-shrink:0;display:flex;align-items:center;gap:7px;min-height:39px;font-size:12px}.point-strip button.active{background:#e7f3f4;border-color:#75a2aa}.point-number{font-family:Arial,sans-serif;font-weight:700;color:var(--teal)}.detail{padding:24px;min-width:0}.detail .detail-eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:13px}.detail-count{color:var(--teal);letter-spacing:.08em}.detail h2{font-size:24px;line-height:1.5;margin:0 0 6px}.room-context{font-size:13px;color:var(--muted);margin:0 0 21px}.detail h3{font-size:14px;margin:20px 0 10px;display:flex;gap:8px;align-items:center}.check-items{padding:0;list-style:none;margin:10px 0 22px;counter-reset:checks}.check-items li{position:relative;font-size:14px;line-height:1.9;margin-bottom:10px;padding-left:25px;counter-increment:checks}.check-items li:before{content:counter(checks,decimal-leading-zero);position:absolute;left:0;top:3px;font-family:Arial,sans-serif;color:#819ca5;font-size:11px;font-weight:700}.photo-tip{background:#ecf5f6;padding:14px;border-radius:10px}.photo-tip h3{margin:0 0 7px}.photo-tip p,.action-tip{font-size:13px;line-height:1.9;margin:0}.action-tip{color:#5a6f76}.detail-link{font-size:13px;display:block;line-height:1.8;margin:7px 0}.status-field{border:0;padding:0;margin:22px 0 0}.status-field legend,.note-label{font-size:13px;font-weight:600;margin-bottom:8px}.status-options{display:flex;gap:5px}.status-options button{flex:1;padding:9px 3px;font-size:12px;white-space:nowrap}.status-options button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.status-options button[data-status="attention"].selected{background:#a9551d;border-color:#a9551d}.status-options button[data-status="done"].selected{background:#267055;border-color:#267055}.note-label{display:block;margin:16px 0 6px}textarea{display:block;width:100%;resize:vertical;min-height:68px;max-height:170px;border:1px solid #d1dfe3;border-radius:8px;padding:10px;font-size:14px;line-height:1.6;color:#193e48;background:#fcfdfd}.next-point{display:block;width:100%;margin-top:16px;background:#f0f6f7;border:0}.progress-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:16px 24px}.progress-copy{display:flex;gap:15px;align-items:center;white-space:nowrap}.progress-copy strong{font-size:14px}.progress-copy span{font-size:12px;color:#9c5129}progress{height:7px;flex:1;border:0;appearance:none;background:#e8eff1;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#e8eff1}progress::-webkit-progress-value{background:#38836c;border-radius:20px}progress::-moz-progress-bar{background:#38836c}.text-button{border:0;background:transparent;font-size:13px;min-height:36px;text-decoration:underline;text-underline-offset:4px}.below{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:35px 10px 24px}.below h2{font-size:17px;margin:0 0 12px}.below p{font-size:14px;line-height:1.9;color:var(--muted);margin:9px 0}.below a{font-size:13px}.model-note{border-left:1px solid var(--line);padding-left:30px}.model-note>b{font-size:14px}.model-note p{font-size:13px}.storage-note{font-size:12px;line-height:1.9;color:var(--muted);padding:0 10px}.footer{border-top:1px solid var(--line);padding:22px 10px;display:flex;gap:24px;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap}.list-view{padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.list-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.list-card .small{font-size:12px;color:var(--muted)}.list-card h3{font-size:18px;margin:9px 0}.list-card p{font-size:13px;line-height:1.8;color:var(--muted)}.list-card button{font-size:13px;margin-top:6px;width:100%}.list-card .status-badge{float:right}.status-badge{font-size:11px;padding:3px 7px;border-radius:5px;background:#edf2f4;color:#536b74}.status-badge.done{background:#e3f2ea;color:#226246}.status-badge.attention{background:#fff0df;color:#98531f}dialog{border:1px solid var(--line);border-radius:18px;max-width:760px;width:calc(100% - 30px);max-height:90dvh;color:#183c46;padding:28px}dialog::backdrop{background:#0f303bb0;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head h2{font-size:23px;margin:0}.dialog-head button{border:0;height:44px}#summary-count{font-size:14px;color:var(--muted);line-height:1.8}.summary-item{padding:16px 0;border-top:1px solid var(--line);break-inside:avoid}.summary-item h3{font-size:15px;margin:0 0 6px}.summary-item p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.small{font-size:12px;line-height:1.8;color:var(--muted)}#scene-message{position:absolute;inset:90px 20px auto;padding:20px;border:1px solid #d4e3e8;border-radius:10px;background:#fffffff2;z-index:8;font-size:15px;line-height:1.9}.noscript{padding:30px}
@media(min-width:1400px){.scene{height:590px}.workgrid{grid-template-columns:minmax(0,1fr) 385px}.detail{padding:28px}}
@media(max-width:1050px){.header{padding:0 25px}.header-label{display:none}main{padding:25px 22px 0}.step-note{display:none}.topbar{padding:16px}.layout-select>span{display:none}.workgrid{grid-template-columns:minmax(0,1fr) 310px}.detail{padding:20px}.scene{height:515px}.scene-caption>span:last-child{display:none}.scene-foot{font-size:11px}.point-strip{padding:14px}.below{gap:30px}.list-view{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-footer{gap:15px;padding:15px 18px}}
@media(max-width:760px){.header{height:65px;padding:0 18px}.brand{font-size:18px}.brand-icon{width:30px;height:30px;font-size:27px}.backlink{font-size:12px}main{padding:24px 14px 0}.intro{margin-bottom:22px}.eyebrow{font-size:11px}h1{font-size:27px;line-height:1.55}.intro-copy{font-size:14px;margin-top:12px}.workspace{border-radius:13px}.topbar{gap:14px;padding:13px;flex-wrap:wrap}.layout-select{gap:10px;flex:1}.layout-select label{font-size:12px}select{font-size:15px;min-height:42px}.view-tabs button{padding:7px 10px;font-size:12px}.workgrid{display:block}.visual-column{border-right:0;border-bottom:1px solid var(--line)}.scene{height:440px}.scene-caption{top:16px;left:16px}.scene-caption>b{font-size:22px}.scene-controls{bottom:15px;gap:2px;padding:4px;max-width:calc(100% - 20px)}.scene-controls button{font-size:12px;padding:6px 7px;min-width:34px}.scene-foot{padding:12px 15px;font-size:12px}.scene-foot>span{width:100%}.legend-dot:first-child{margin-left:0}.hotspot{width:36px;height:36px;min-height:36px}.point-strip{padding:12px;gap:7px}.point-strip button{min-height:44px;font-size:12px}.detail{padding:23px 20px}.detail h2{font-size:24px}.detail h3{font-size:15px}.check-items li,.photo-tip p,.action-tip{font-size:15px}.check-items li{padding-left:26px}.detail-link{font-size:14px}.room-context,.detail .detail-eyebrow{font-size:13px}.status-options button{font-size:14px;min-height:48px}.status-field legend,.note-label{font-size:14px}textarea{font-size:16px}.next-point{font-size:14px}.progress-footer{flex-wrap:wrap;gap:12px;padding:15px 18px}.progress-copy{width:100%;justify-content:space-between}.progress-footer progress{min-width:80px}.progress-footer .text-button{font-size:13px}.below{display:block;padding:27px 6px 14px}.model-note{padding:20px 0 0;margin-top:25px;border:0;border-top:1px solid var(--line)}.below p{font-size:14px}.storage-note{padding:0 6px;font-size:12px}.footer{display:block;font-size:12px;padding:20px 6px}.footer>*{display:block;margin-bottom:12px;line-height:1.8}.list-view{padding:15px;grid-template-columns:1fr}.list-card h3{font-size:20px}.list-card p{font-size:14px}dialog{padding:22px}.summary-item h3{line-height:1.7}.cover-action{bottom:20px;padding-top:65px}.cover img{object-fit:cover}.room-label{font-size:10px}}
@media(max-width:370px){.header{gap:10px;padding:0 12px}.backlink{font-size:11px}.topbar{gap:9px}.view-tabs{width:100%;justify-content:center}.view-tabs button{flex:1}.scene{height:395px}.scene-controls button{padding:6px;min-width:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}