:root{color:#201a17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 0 0,#d3985b47,#0000 28%),linear-gradient(#f5efe7 0%,#efe4d7 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}#app{min-height:100vh}.app-shell{grid-template-columns:380px 1fr;gap:12px;padding:12px;display:grid}.sidebar,.workspace{align-content:start;gap:12px;display:grid}.workspace{grid-template-rows:minmax(calc(100vh - 24px),1fr) auto}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf7d9;border:1px solid #765d4629;border-radius:14px;padding:14px;box-shadow:0 18px 50px #533e2f14}.control-panel{gap:10px;display:grid}h1,h2,p{margin:0}h2{font-size:1rem}.field{gap:8px;display:grid}.field span{color:#463e37;font-size:.92rem}.field input,.field select{background:#fffc;border:1px solid #765d4633;border-radius:10px;outline:none;width:100%;padding:9px 11px}.field input:focus,.field select:focus{border-color:#b56f3b;box-shadow:0 0 0 3px #b56f3b29}.section-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.section-heading p,.panel-note{color:#7b6b60;font-size:.9rem}.primary-button,.ghost-button{cursor:pointer;border-radius:10px;padding:8px 10px}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary-button{color:#fff8f2;background:linear-gradient(135deg,#c97339,#954f23);border:none}.ghost-button{color:#463e37;background:0 0;border:1px solid #765d4633}.toggle{color:#463e37;align-items:center;gap:10px;display:flex}.preview-panel{min-height:calc(100vh - 24px);display:grid}.svg-frame{background:linear-gradient(#fff8efeb,#f8efe5f2);border:1px solid #765d4629;border-radius:12px;height:calc(100vh - 52px);overflow:auto}.pattern-canvas{min-width:100%;display:block}.segment{stroke:#714a30;stroke-width:.8px}.segment.hidden{stroke:#b49f90;stroke-dasharray:3 2}.point{fill:#bf5c2d}.point-label{fill:#5f5047;font-size:4.2px}.point-label--print{font-size:5px;font-weight:600}.point-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px;display:grid}.point-card{color:#5c4d43;background:#f8f0e8e6;border-radius:10px;gap:4px;padding:10px;display:grid}.print-summary{color:#6c5d53;margin-top:4px;font-size:.9rem}.print-layout{display:none}.print-sheet{background:#fff;width:210mm;height:297mm;padding:10mm;position:relative}.print-sheet__canvas{display:block;overflow:hidden}.poster-sheet{background:#fff;padding:10mm;display:none}.poster-sheet__canvas-wrap{position:relative}.poster-sheet__canvas{display:block;overflow:visible}.crop-guides line{stroke:#2f69bf;stroke-width:.35px;stroke-dasharray:3 1.5}.assembly-guides line{stroke:#2f69bf;stroke-width:.5px}.print-sheet__note{color:#4b617e;font-size:7.5pt;position:absolute;bottom:4mm;left:10mm}.print-measurements{color:#3f342d;background:#fffcf8eb;border:.3mm solid #5a4a4059;border-radius:2mm;max-width:44mm;padding:2.5mm 3mm;position:absolute;bottom:10mm;right:10mm}.print-measurements h3{margin:0 0 1.2mm;font-size:11pt}.print-measurements dl{grid-template-columns:minmax(0,1fr) auto;gap:.6mm 2mm;margin:0;font-size:8.5pt;display:grid}.print-measurements dt,.print-measurements dd{margin:0}.print-measurements dd{white-space:nowrap;text-align:right}.poster-measurements{bottom:auto;right:auto}@media (width<=980px){.app-shell{grid-template-columns:1fr}.workspace{grid-template-rows:auto}.preview-panel,.svg-frame,.pattern-canvas{min-height:360px}}@media print{:root,body{background:#fff}body{margin:0}.app-shell{display:none}.print-layout{display:block}.print-layout--a4 .poster-sheet,.print-layout--poster .print-sheet{display:none}.print-layout--poster .poster-sheet{display:block}.print-sheet{page-break-after:always;break-after:page}.print-sheet:last-child,.poster-sheet{page-break-after:auto;break-after:auto}}