@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal.CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal.BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal.B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal.Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal.Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal.BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff")}:root{color:#293e34;font-synthesis:none;--font-mono:"DM Mono", monospace;--muted:#747b70;--line:#dedfd4;--green:#315c49;background:#f5f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,summary,input[type=checkbox],input[type=range]{cursor:pointer}button{transition:background .15s,color .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #50866b}button{color:inherit}h1,h2,h3,p{margin:0}.brand{color:#304d3d;letter-spacing:-1px;align-items:center;gap:12px;margin-bottom:32px;font-size:24px;font-weight:650;text-decoration:none;display:flex}.brand-dot{color:#a67b4b}.workspace{background:#fcfbf7;grid-template-columns:min(340px,42%) minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.controls{overscroll-behavior:contain;border-right:1px solid var(--line);min-width:0;min-height:0;padding:24px;overflow-y:auto}h2{font-size:14px;font-weight:600}.panel-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:28px;display:flex}.unit-tag{font:8px var(--font-mono);letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:4px 5px}.controls-grid{gap:22px;display:grid}.control-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.control-heading label{font-size:12px;font-weight:550}.symbol{color:#91998b;font:italic 13px Georgia,serif}.dimension-inputs{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:7px;display:grid}.number-field{background:#fffefa;border:1px solid #dadcd2;border-radius:5px;align-items:center;min-width:0;padding-right:12px;display:flex}.number-field:focus-within{border-color:#6d927b}.number-field input{color:#344538;width:100%;min-width:0;font:15px var(--font-mono);background:0 0;border:0;padding:10px 12px}.slider{accent-color:#45694d;width:100%;min-width:0;height:12px;margin:0;display:block}.hint{color:var(--muted);font-size:10px;line-height:1.6}.control-divider{background:#e9e9e0;height:1px}.groove-toggle{margin-bottom:18px;font-size:12px;font-weight:550}.handle-control{gap:18px;display:grid}.handle-control .groove-toggle{margin-bottom:0}.groove-width{border:0;min-width:0;margin:18px 0 0;padding:0}.groove-width legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:550}.groove-width-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.groove-width-options label{cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.groove-width-options input{accent-color:var(--green);margin:0}.corner-mode{border:0;min-width:0;margin:0 0 16px;padding:0}.groove-corner-mode{margin-top:20px}.corner-mode legend{margin-bottom:10px;padding:0;font-size:12px;font-weight:550}.corner-mode-options{gap:9px;display:grid}.corner-mode-options label{cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.corner-mode-options input{accent-color:var(--green);margin:0}.computed-radius{font:15px var(--font-mono);border:1px solid var(--line);background:#e9ecdf;border-radius:5px;margin-bottom:9px;padding:10px 12px;display:block}.reset-button{color:#757e70;background:0 0;border:0;margin:25px auto 0;padding:5px 0;font-size:10px;display:block}.reset-button span{margin-right:5px;font-size:15px}.reset-button:hover{color:#294e3b}.preview-panel{background:#f5f5ed;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);background:#fafaf4;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 24px;display:flex}.preview-options{flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:11px;display:flex}.view-switch{border:1px solid var(--line);border-radius:5px;gap:2px;padding:3px;display:flex}.view-switch button{color:#77806f;background:0 0;border:0;border-radius:3px;padding:5px 13px;font-size:10px}.view-switch button.active{color:#35513d;background:#e2e6da}.drawing-area{background-image:radial-gradient(#bcc2b64d .8px,#0000 .8px);background-size:16px 16px;flex:1;justify-content:center;align-items:center;min-height:0;padding:48px 28px;display:flex;position:relative;overflow:hidden}.drawing-label{font:8px var(--font-mono);color:#929989;letter-spacing:1px;position:absolute;top:24px;left:25px}.checkbox-label{cursor:pointer;align-items:center;gap:7px;display:flex}.checkbox-label input{accent-color:var(--green);width:13px;height:13px;margin:0}.invalid-preview{text-align:center;max-width:310px;padding:20px}.invalid-preview>span{color:#a27c4b;margin-bottom:16px;font-size:36px;display:block}.invalid-preview h3{margin-bottom:12px;font-size:18px;font-weight:500}.invalid-preview p{color:var(--muted);font-size:13px;line-height:1.7}.export-actions{flex-wrap:wrap;gap:9px;margin-left:auto;display:flex}.primary-button,.secondary-button{border-radius:5px;padding:9px 14px;font-size:12px;font-weight:500}.primary-button{background:var(--green);border:1px solid var(--green);color:#fffdf5}.primary-button span{padding-left:18px;font-size:16px}.primary-button:hover:enabled{background:#234632}.secondary-button{color:#56634d;background:0 0;border:1px solid #c8cfbb}.secondary-button:hover:enabled{background:#dde3d1}.status-line{text-align:right;color:#795e3e;font-size:11px;position:absolute;bottom:18px;left:80px;right:24px}@media (width<=720px){.controls{padding:16px}.brand{flex-wrap:wrap;gap:6px;font-size:18px}.panel-heading{flex-wrap:wrap;gap:8px}.dimension-inputs{grid-template-columns:76px minmax(0,1fr);gap:8px}.number-field{padding-right:6px}.number-field input{padding:10px 6px;font-size:13px}.groove-width-options{grid-template-columns:1fr}.drawing-area{padding:45px 12px}.drawing-label{font-size:7px}.preview-toolbar{padding:12px}.primary-button,.secondary-button{padding:8px;font-size:10px}.primary-button span{padding-left:7px}}