:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #f3f5f8;--surface: #ffffff;--surface-2: #eaeef3;--ink: #14202e;--ink-soft: #5a6878;--line: #d5dce5;--brand: #0b5cab;--brand-ink: #ffffff;--brand-soft: #dbeafe;--accent: #e8a317;--ok: #1b7f3b;--caution: #a86400;--caution-bg: #fff3d6;--danger: #b3261e;--danger-bg: #fde7e5;--info: #0b5cab;--info-bg: #e3effc;--focus: #ff9d00;--radius: 14px;--shadow: 0 1px 2px rgba(10, 30, 60, .08), 0 2px 8px rgba(10, 30, 60, .06);--tap: 48px;--nav-h: 64px;--ln-cut: #14202e;--ln-fold: #1565c0;--ln-bead: #2e7d32;--ln-lap: #a0239b;--ln-center: #d35400;--ln-ref: #8a95a3;--ln-outline: #37474f;--ln-hidden: #8d6e63;--ln-dim: #5a6878;--fill-pipe: #9aa5b1;--fill-fluid: #7fc4ee;--fill-insulation: #f2d86b;--fill-insulation2: #b6d98f;--fill-insulation3: #f0b98a;--fill-jacket: #c7ced6;--fill-air: #f4f8fb;--fill-wood: #d2a56b;--fill-foam: #cde6f0;--fill-soil: #b59a7a;--fill-concrete: #b9b9b4;--fill-steel: #7d8793;--fill-tracer: #ee6a3c;--fill-highlight: #cfe3fb;--c1: #0b5cab;--c2: #d35400;--c3: #2e7d32;--c4: #a0239b;--c5: #00838f;--c6: #8d6e63;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0e141b;--surface: #17202b;--surface-2: #1f2a37;--ink: #e8eef5;--ink-soft: #9aa9ba;--line: #2c3a4a;--brand: #5aa9ff;--brand-ink: #06121f;--brand-soft: #16304f;--accent: #f2b53c;--ok: #5fd07f;--caution: #f0b24a;--caution-bg: #3a2c10;--danger: #ff8a80;--danger-bg: #3d1b19;--info: #7fb8ff;--info-bg: #14283f;--shadow: 0 1px 2px rgba(0,0,0,.5);--ln-cut: #f1f5f9;--ln-fold: #6db3ff;--ln-bead: #6fdc8c;--ln-lap: #e58be0;--ln-center: #ffa45c;--ln-ref: #7b8794;--ln-outline: #c5d0db;--ln-hidden: #c4a393;--ln-dim: #9aa9ba;--fill-pipe: #66727f;--fill-fluid: #2f78a8;--fill-insulation: #b79a2c;--fill-insulation2: #6f9b4a;--fill-insulation3: #b87a4a;--fill-jacket: #7b858f;--fill-air: #1b2733;--fill-wood: #8d6a3c;--fill-foam: #4d7f93;--fill-soil: #6e5a43;--fill-concrete: #6f6f6a;--fill-steel: #56606b;--fill-tracer: #d4552b;--fill-highlight: #2a4a73;--c1: #6db3ff;--c2: #ffa45c;--c3: #6fdc8c;--c4: #e58be0;--c5: #4dd0e1;--c6: #c4a393;color-scheme:dark}}:root[data-theme=dark]{--bg: #0e141b;--surface: #17202b;--surface-2: #1f2a37;--ink: #e8eef5;--ink-soft: #9aa9ba;--line: #2c3a4a;--brand: #5aa9ff;--brand-ink: #06121f;--brand-soft: #16304f;--accent: #f2b53c;--ok: #5fd07f;--caution: #f0b24a;--caution-bg: #3a2c10;--danger: #ff8a80;--danger-bg: #3d1b19;--info: #7fb8ff;--info-bg: #14283f;--shadow: 0 1px 2px rgba(0,0,0,.5);--ln-cut: #f1f5f9;--ln-fold: #6db3ff;--ln-bead: #6fdc8c;--ln-lap: #e58be0;--ln-center: #ffa45c;--ln-ref: #7b8794;--ln-outline: #c5d0db;--ln-hidden: #c4a393;--ln-dim: #9aa9ba;--fill-pipe: #66727f;--fill-fluid: #2f78a8;--fill-insulation: #b79a2c;--fill-insulation2: #6f9b4a;--fill-insulation3: #b87a4a;--fill-jacket: #7b858f;--fill-air: #1b2733;--fill-wood: #8d6a3c;--fill-foam: #4d7f93;--fill-soil: #6e5a43;--fill-concrete: #6f6f6a;--fill-steel: #56606b;--fill-tracer: #d4552b;--fill-highlight: #2a4a73;--c1: #6db3ff;--c2: #ffa45c;--c3: #6fdc8c;--c4: #e58be0;--c5: #4dd0e1;--c6: #c4a393;color-scheme:dark}:root[data-theme=sun]{--bg: #ffffff;--surface: #ffffff;--surface-2: #f0f0f0;--ink: #000000;--ink-soft: #222222;--line: #000000;--brand: #003d85;--brand-ink: #ffffff;--brand-soft: #d6e6ff;--accent: #b36b00;--ok: #005c1f;--caution: #6b3d00;--caution-bg: #ffe8a8;--danger: #8c0000;--danger-bg: #ffd1cc;--info: #003d85;--info-bg: #d6e6ff;--shadow: none;--radius: 10px;--ln-cut: #000;--ln-fold: #0030a0;--ln-bead: #006b1f;--ln-lap: #800080;--ln-center: #a03c00;--ln-ref: #555;--ln-outline: #000;--ln-hidden: #5a3a2a;--ln-dim: #000;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.4;overflow-x:hidden}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--ink-soft);font-size:.9rem}.stack{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100dvh;display:flex;flex-direction:column}.sidenav{display:none}.bottomnav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.navlink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);text-decoration:none;color:var(--ink-soft);font-size:.75rem;font-weight:600}.navlink svg{width:24px;height:24px}.navlink.active{color:var(--brand)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:14px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.topbar h1{margin:0;font-size:1.35rem;flex:1;min-width:0}@media(min-width:900px){.shell{flex-direction:row}.bottomnav{display:none}.sidenav{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;width:220px;flex:none;padding:16px 12px;background:var(--surface);border-right:1px solid var(--line)}.sidenav .brand{font-weight:800;font-size:1.15rem;padding:8px 12px 16px;color:var(--brand)}.sidenav .navlink{flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px;border-radius:10px;font-size:1rem}.sidenav .navlink.active{background:var(--brand-soft)}.main{padding:24px 28px 48px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 16px;border-radius:12px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600;text-decoration:none;color:var(--ink)}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{min-height:40px;padding:0 12px;font-size:.9rem}.btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:1.2rem;line-height:1}.star{width:var(--tap);height:var(--tap);font-size:1.6rem;border:0;background:transparent;cursor:pointer;color:var(--ink-soft)}.star[aria-pressed=true]{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card>h2,.card>h3{margin-bottom:.6em}:root[data-theme=sun] .card{border-width:2px}.search{width:100%;min-height:56px;padding:0 16px 0 48px;border-radius:16px;border:2px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238a95a3' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 14px center;font-size:1.1rem}.search:focus{border-color:var(--brand);outline:none}.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.catcard{display:block;padding:14px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:92px}.catcard:hover{border-color:var(--brand)}.catcard strong{display:block;font-size:1.05rem}.catcard span{color:var(--ink-soft);font-size:.88rem}.catcard .count{display:inline-block;margin-top:6px;font-size:.78rem;font-weight:700;color:var(--brand)}.toollist{display:grid;gap:8px}.toolcard{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.toolcard:hover{border-color:var(--brand)}.toolcard b{display:block}.toolcard small{color:var(--ink-soft);display:block}.tag{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand);white-space:nowrap}.hint{background:var(--info-bg);color:var(--info);padding:10px 14px;border-radius:12px;font-size:.92rem}.section-title{margin:22px 0 10px;font-size:1.05rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.toolpage{display:grid;gap:14px}.toolhead{display:flex;align-items:flex-start;gap:6px}.toolhead h1{margin:0}.toolbody{display:grid;gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(min-width:900px){.toolbody{grid-template-columns:minmax(320px,420px) 1fr;align-items:start}.results-col{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto}.answerbar{display:none!important}}.answerbar{position:fixed;z-index:25;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));background:var(--brand);color:var(--brand-ink);padding:8px 14px;display:flex;gap:14px;overflow-x:auto;box-shadow:0 -4px 14px #00000040}.answerbar div{flex:none}.answerbar small{display:block;font-size:.72rem;opacity:.85}.answerbar b{font-size:1.15rem;white-space:nowrap}.field{display:grid;gap:4px;margin-bottom:14px}.field:last-child{margin-bottom:0}.field>label,.field>.lbl{font-weight:600;font-size:.95rem}.field .help{color:var(--ink-soft);font-size:.82rem}.inputwrap{display:flex;align-items:stretch;border:2px solid var(--line);border-radius:12px;background:var(--surface);min-height:var(--tap);overflow:hidden}.inputwrap:focus-within{border-color:var(--brand)}.inputwrap.invalid{border-color:var(--danger)}.inputwrap input{flex:1;min-width:0;border:0;background:transparent;padding:0 12px;font-size:1.1rem;min-height:44px}.inputwrap input:focus{outline:none}.inputwrap .suffix{display:flex;align-items:center;padding:0 12px;color:var(--ink-soft);font-size:.9rem;background:var(--surface-2);white-space:nowrap}.inputwrap .step{width:var(--tap);border:0;background:var(--surface-2);font-size:1.5rem;font-weight:700;cursor:pointer;color:var(--brand)}.parsed{color:var(--ink-soft);font-size:.85rem}.errmsg{color:var(--danger);font-size:.85rem;font-weight:600}.keyrow{display:flex;gap:6px}.keyrow button{min-width:44px;min-height:40px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);font-size:1.1rem}select.native{min-height:var(--tap);border:2px solid var(--line);border-radius:12px;background:var(--surface);padding:0 10px;font-size:1.05rem;width:100%}.segmented{display:flex;border:2px solid var(--line);border-radius:12px;overflow:hidden}.segmented button{flex:1;min-height:44px;padding:4px 6px;border:0;background:var(--surface);cursor:pointer;font-weight:600;font-size:.95rem;border-right:1px solid var(--line)}.segmented button:last-child{border-right:0}.segmented button[aria-checked=true]{background:var(--brand);color:var(--brand-ink)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);padding:0;background:none;border:0;cursor:pointer;text-align:left;width:100%}.toggle .track{flex:none;width:56px;height:32px;border-radius:99px;background:var(--line);position:relative;transition:background .15s}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0006;transition:transform .15s}.toggle[aria-checked=true] .track{background:var(--brand)}.toggle[aria-checked=true] .track:after{transform:translate(24px)}.rowcard{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;background:var(--surface-2)}.rowcard .cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.rowcard .field{margin-bottom:0}.rowcard .rowtools{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.rowhead{font-weight:700;font-size:.85rem;color:var(--ink-soft);margin-bottom:6px}.warnings{display:grid;gap:8px;margin-bottom:12px}.warn{padding:10px 14px;border-radius:12px;border-left:6px solid;font-weight:500}.warn.info{background:var(--info-bg);border-color:var(--info)}.warn.caution{background:var(--caution-bg);border-color:var(--caution)}.warn.danger{background:var(--danger-bg);border-color:var(--danger);font-weight:700}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:12px;overflow-x:auto}.tabs button{min-height:44px;padding:0 14px;border:0;background:none;cursor:pointer;font-weight:700;color:var(--ink-soft);border-bottom:4px solid transparent;margin-bottom:-2px;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.bigcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-bottom:14px}.bigcard{background:var(--brand-soft);border-radius:14px;padding:12px 14px;border:2px solid transparent}.bigcard small{display:block;color:var(--ink-soft);font-weight:600}.bigcard .v{font-size:1.8rem;font-weight:800;color:var(--brand);line-height:1.15;overflow-wrap:anywhere}:root[data-theme=sun] .bigcard{border-color:#000}.outlist{display:grid}.outlist>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.outlist>div:last-child{border-bottom:0}.outlist dt{color:var(--ink-soft)}.outlist dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}table.data th{background:var(--surface-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}table.data td.num{text-align:right;font-variant-numeric:tabular-nums}.steps{padding-left:1.2em;margin:0;display:grid;gap:8px}.steps .f{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;color:var(--ink-soft);display:block}.steps .val{font-weight:700}.notice{padding:12px;background:var(--caution-bg);border-radius:12px}.pending{opacity:.6;transition:opacity .1s}.drawing{display:grid;gap:6px}.drawing-stage{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.drawing-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none}.drawing-svg:active{cursor:grabbing}.drawing-tools{position:absolute;top:8px;right:8px;display:grid;gap:6px}.drawing-pick{position:absolute;left:8px;bottom:8px;max-width:80%;background:var(--ink);color:var(--bg);padding:6px 10px;border-radius:8px;font-size:.9rem;font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--ink-soft)}.legend-item{display:inline-flex;align-items:center;gap:6px}.swatch{width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}.heat-bar{width:120px;height:12px;border-radius:3px;border:1px solid var(--line)}.chart{margin:0 0 18px}.chart figcaption{font-weight:700;margin-bottom:4px}.chart svg{width:100%;height:auto;display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px}.chart .tick{font-size:11px;fill:var(--ink-soft)}.chart .axis{font-size:12px;fill:var(--ink);font-weight:600}.chart-readout{min-height:1.4em;font-size:.88rem;margin-top:4px}.scene-stage{height:clamp(280px,55vh,560px);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(var(--surface-2),var(--surface))}.slider{display:flex;gap:12px;align-items:center;margin:10px 0;font-weight:600}.slider input{flex:1;min-height:40px}.listitem{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.textinput{min-height:var(--tap);border:2px solid var(--line);border-radius:12px;background:var(--surface);padding:0 12px;width:100%;font-size:1rem}textarea.textinput{padding:10px 12px;min-height:80px}.modal-back{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--surface);width:min(100%,460px);border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));display:grid;gap:12px;max-height:90dvh;overflow:auto}@media(min-width:600px){.modal-back{align-items:center}.modal{border-radius:18px}}.toast{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 80px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;font-weight:600;max-width:90vw}@media(min-width:900px){.toast{bottom:24px}}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:var(--surface-2);border-radius:12px;padding:10px 12px}.stat b{display:block;font-size:1.3rem}.checks{display:grid;gap:6px;max-height:260px;overflow:auto}.check{display:flex;gap:10px;align-items:center;min-height:44px}.check input{width:22px;height:22px}@media print{.sidenav,.bottomnav,.answerbar,.actions{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.toolbody>*,.stack>*,.field,.card,.toolpage>*{min-width:0}.field select,.field input{max-width:100%}.help,.parsed{overflow-wrap:anywhere}