@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@font-face{font-family:TemplateAnnotation;src:url(/assets/noto-sans-tc-annotation-CmLZYnGt.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:DM Sans,Arial,sans-serif;color:#19382f;background:#f3f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1280px;margin:auto;padding:52px 36px 28px}.masthead{margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#67816e;margin-bottom:13px}h1,h2{font-family:Space Grotesk,Arial,sans-serif;letter-spacing:-.04em}h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:0 0 16px}h2{font-size:23px;margin:0}.masthead p{font-size:17px;line-height:1.6;color:#60726b;margin:0;max-width:780px}.workspace{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:24px}.panel{background:#fff;border:1px solid #dfe7df;border-radius:18px;box-shadow:0 10px 32px #19382f09;padding:26px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.step{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce8d8;font-size:12px;font-weight:700;color:#326247}.unit-toggle{border:0;display:flex;background:#eef2ec;border-radius:10px;padding:4px;margin:0 0 23px;gap:4px}.unit-toggle label{flex:1;cursor:pointer}.unit-toggle input{position:absolute;opacity:0}.unit-toggle span{display:block;text-align:center;padding:9px 4px;border-radius:7px;font-size:13px;font-weight:700;color:#668071}.unit-toggle input:checked+span{background:#fff;color:#19382f;box-shadow:0 1px 6px #19382f1a}.unit-toggle input:focus-visible+span{outline:2px solid #28628e}.fields{display:grid;gap:8px}.fields label{font-size:13px;font-weight:700;margin-top:8px}.fields label .unit-label,.angle-field label>span:last-child{float:right;color:#789083;font-weight:500}.fields input{width:100%;border:1px solid #cad7ce;border-radius:9px;padding:11px 12px;font:600 17px DM Sans,Arial,sans-serif;color:#19382f;background:#fbfcfa;outline:none}.fields input:focus{border-color:#3a8860;box-shadow:0 0 0 3px #3a886025}.hint{font-size:12px;line-height:1.6;color:#708078;margin:18px 0 0}.error{color:#962c27;background:#fff0ee;border:1px solid #efc9c4;padding:11px;border-radius:8px;font-size:13px;margin-top:17px}.download{width:100%;border:0;background:#1e5c3c;color:#fff;border-radius:9px;padding:14px 18px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;font:700 15px DM Sans,Arial,sans-serif;cursor:pointer}.download:hover{background:#16472e}.download:disabled{opacity:.5;cursor:not-allowed}.download span:last-child{font-size:20px}.download-note{font-size:11px;line-height:1.5;color:#7b8b81;margin:12px 0 0}.preview-panel{display:flex;flex-direction:column;min-height:550px}.preview-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px;font-size:12px;color:#688073;font-weight:600}.preview-wrap{flex:1;min-height:360px;background:#f7f9f5;border:1px solid #e0e7df;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.preview-wrap svg{width:100%;max-height:500px}.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:12px;font-weight:700;color:#3e584d}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:26px;border-top:2px solid #19382f}.legend i.dashed{border-top:2px dashed #28628e}.preview-panel .hint{margin-top:12px}footer{font-size:11px;color:#8a9c8e;margin-top:29px;line-height:1.6}@media(max-width:850px){.app{padding:30px 18px}.workspace{grid-template-columns:1fr}.preview-panel{min-height:470px}}@media(max-width:500px){.panel{padding:19px}.preview-wrap{min-height:280px}.masthead{margin-bottom:25px}}.fields select{width:100%;min-width:0;border:1px solid #cad7ce;border-radius:9px;padding:11px 12px;font:600 14px DM Sans,Arial,sans-serif;color:#19382f;background:#fbfcfa;cursor:pointer}.fields select:focus{outline:none;border-color:#3a8860;box-shadow:0 0 0 3px #3a886025}.fields{gap:14px}.dimension-group{min-width:0;margin:0;padding:12px 14px 14px;border:1px solid #dce6dd;border-radius:11px;display:grid;gap:8px}.dimension-group legend{padding:0 5px;font:700 15px Space Grotesk,Arial,sans-serif;color:#19382f}.dimension-group label,.angle-field label{margin-top:0}.dimension-group label[for=wall]{margin-top:9px}.od-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.od-row input{min-width:0}.size-picker{position:relative;width:44px;min-height:44px;border:1px solid #cad7ce;border-radius:9px;background:#fbfcfa;cursor:pointer}.size-picker:after{content:"";position:absolute;left:16px;top:15px;width:10px;height:10px;border-right:2px solid #326247;border-bottom:2px solid #326247;transform:rotate(45deg);pointer-events:none}.size-picker:focus-within{border-color:#3a8860;box-shadow:0 0 0 3px #3a886025}.fields .size-picker select{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.size-caption{margin:0;color:#326247;font-size:12px;font-weight:700}.angle-field{display:grid;gap:8px;padding:0 3px}.coordinate-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:13px;font-weight:700;color:#19382f}.coordinate-control input{width:94px;min-width:72px;border:1px solid #cad7ce;border-radius:9px;padding:9px 10px;font:600 15px DM Sans,Arial,sans-serif;color:#19382f;background:#fbfcfa}.coordinate-control input:focus{outline:none;border-color:#3a8860;box-shadow:0 0 0 3px #3a886025}.coordinates{margin-top:18px}.coordinates h3{font:700 17px Space Grotesk,Arial,sans-serif;margin:0 0 5px;color:#19382f}.coordinate-summary{display:grid;gap:3px;margin:5px 0 10px;color:#19382f}.coordinate-summary strong{font:700 clamp(17px,2vw,23px) "Space Grotesk",Arial,sans-serif;line-height:1.25;word-spacing:.25em}.coordinate-summary span{font-size:13px;font-weight:700;color:#326247;word-spacing:.15em}.coordinate-note{margin:0 0 10px;font-size:12px;line-height:1.5;color:#60726b}.coordinate-table-wrap{width:min(100%,390px);max-height:520px;overflow:auto;border:1px solid #bfcfc3;border-radius:9px}.coordinates table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;font-variant-numeric:tabular-nums}.coordinates th,.coordinates td{text-align:right;padding:7px 12px;border:1px solid #dce6dd}.coordinates th:first-child,.coordinates td:first-child{text-align:center;width:20%}.coordinates th{position:sticky;top:0;background:#eef2ec;color:#326247;font-weight:700}@media(max-width:500px){.coordinate-control{align-items:flex-start}.coordinate-control label{max-width:210px}.coordinates th,.coordinates td{padding:7px 9px}}.language-control{float:right;display:flex;align-items:center;gap:7px;margin:0 0 16px 18px}.language-icon{width:42px;height:42px;display:grid;place-items:center;padding:6px;border:1px solid #cad7ce;border-radius:10px;background:#fff;color:#526b60;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.language-icon:hover{border-color:#326247;color:#19382f}.language-icon[aria-pressed=true]{background:#1e5c3c;border-color:#1e5c3c;color:#fff;box-shadow:0 2px 8px #19382f26}.language-icon:focus-visible{outline:2px solid #28628e;outline-offset:2px}.language-icon svg{width:27px;height:27px;display:block}.language-icon svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.language-icon svg text{fill:currentColor;font:700 11px DM Sans,Arial,sans-serif}.language-icon[lang=zh-TW] svg text{font:700 14px Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}html[lang=zh-TW]{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}html[lang=zh-TW] h1,html[lang=zh-TW] h2,html[lang=zh-TW] .coordinates h3,html[lang=zh-TW] .coordinate-summary strong,html[lang=zh-TW] .dimension-group legend{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;letter-spacing:normal}@media(max-width:500px){.language-control{float:none;justify-content:flex-end;margin:0 0 18px}}