:root{color:#17120f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17120f;--paper:#fffdf7;--soft:#fff8ec;--red:#e84a3c;--yellow:#f7d86a;--green:#80c58b;--green-soft:#e6f3dc;--muted:#62564d;background:#fff8ec;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffffb8,#fff8eceb),repeating-linear-gradient(0deg,#17120f07 0 1px,#0000 1px 34px),#fff8ec;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,p{margin:0}.page-shell{width:min(1240px,100% - 36px);margin:0 auto;padding:22px 0 40px}.topbar,.tool-hero,.control-panel,.result-panel{border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.topbar{z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex;position:sticky;top:12px}.brand{min-width:0;color:var(--ink);align-items:center;gap:10px;font-weight:950;text-decoration:none;display:inline-flex}.brand-mark,.title-icon{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);flex:none;place-items:center;font-weight:950;display:inline-grid}.brand-mark{width:38px;height:38px}.brand small{color:var(--muted);margin-top:2px;font-size:.74rem;line-height:1.2;display:block}.ghost-button,.copy-button,.segment{border:2px solid var(--ink);color:var(--ink);font-weight:950}.ghost-button,.copy-button{min-height:42px;box-shadow:4px 4px 0 var(--ink);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:8px;display:inline-flex}.ghost-button{padding:9px 12px}.tool-hero{justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:26px;display:flex}.hero-title{align-items:center;gap:18px;min-width:0;display:flex}.title-icon{background:var(--red);color:#fffdf7;width:68px;height:68px}h1{letter-spacing:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.hero-title p,.result-head p,.label-panel p{color:var(--muted);margin-top:8px;line-height:1.65}.hero-summary{border:2px solid var(--ink);background:var(--green-soft);grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:7px;min-width:240px;padding:16px;display:grid}.hero-summary strong{color:var(--red);font-size:clamp(1.9rem,4vw,3.2rem);line-height:1}.hero-summary span{color:var(--muted);font-weight:900}.workspace{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:22px;margin-top:22px;display:grid}.control-panel,.result-panel{padding:20px}.control-panel{position:sticky;top:98px}.panel-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:12px;font-weight:950;display:flex}.segment-grid,.room-grid,.input-grid,.toggle-stack{margin-bottom:22px}.segment-grid{gap:10px;display:grid}.segment{text-align:left;width:100%;min-height:74px;box-shadow:3px 3px 0 var(--ink);background:#fff;gap:4px;padding:12px;display:grid}.segment.active{background:var(--yellow)}.segment strong{font-size:1rem}.segment span{color:var(--muted);font-size:.82rem;font-weight:800;line-height:1.4}.room-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check-tile{border:2px solid var(--ink);background:#fff;align-items:center;gap:9px;min-height:48px;padding:10px;font-size:.9rem;font-weight:900;display:flex}.check-tile.checked{background:var(--green-soft)}.check-tile input,.switch-row input{accent-color:var(--red)}.input-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-card{gap:8px;display:grid}.field-card>span{color:var(--muted);align-items:center;gap:6px;font-size:.84rem;font-weight:950;display:flex}.field-card>div{border:2px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:48px;display:grid}.field-card input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:10px 6px 10px 12px;font-size:1.2rem;font-weight:950}.field-card em{color:var(--muted);padding-right:10px;font-style:normal;font-weight:900}.toggle-stack{gap:10px;display:grid}.switch-row{border:2px solid var(--ink);background:#fff;align-items:center;gap:10px;min-height:46px;padding:10px;font-weight:900;display:flex}.result-panel{min-width:0}.result-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.copy-button{background:var(--red);color:#fffdf7;padding:10px 14px}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.check-card{border:2px solid var(--ink);background:#fff;border-radius:8px;min-width:0;padding:16px}.check-card.yellow{background:#fff1b8}.check-card.green{background:#e6f3dc}.check-card.red{background:var(--red);color:#fffdf7}.check-card h2{margin-bottom:12px;font-size:1.18rem;line-height:1.2}.check-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.check-card li{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;line-height:1.5;display:grid}.check-card li svg{stroke-width:3px;margin-top:3px}.label-panel{border:2px solid var(--ink);background:#fff;margin-top:16px;padding:16px}.label-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.label-grid span{border:2px dashed var(--ink);background:var(--soft);align-items:center;min-height:42px;padding:9px 10px;font-size:.88rem;font-weight:950;line-height:1.35;display:flex}.notice{border:2px solid var(--ink);color:var(--muted);background:#fff;align-items:flex-start;gap:8px;margin-top:14px;padding:12px;font-size:.9rem;font-weight:800;line-height:1.55;display:flex}.notice svg{color:var(--red);flex:none;margin-top:2px}@media (width<=980px){.tool-hero,.result-head{flex-direction:column;align-items:stretch}.hero-summary{width:100%;min-width:0}.workspace{grid-template-columns:1fr}.control-panel{position:static}}@media (width<=720px){.page-shell{width:min(100% - 20px,560px);padding-top:12px}.topbar{align-items:flex-start;padding:10px;top:8px}.ghost-button{width:42px;padding:0;font-size:0}.tool-hero,.control-panel,.result-panel{box-shadow:5px 5px 0 var(--ink);padding:14px}.hero-title{align-items:flex-start;gap:12px}.title-icon{width:52px;height:52px}.hero-summary{grid-template-columns:auto 1fr auto 1fr;padding:12px}.checklist-grid,.label-grid,.room-grid,.input-grid{grid-template-columns:1fr}.copy-button{width:100%}}@media (width<=420px){.brand{gap:8px}.brand-mark{width:34px;height:34px}.brand small{display:none}.hero-title{display:grid}}