:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f1e7;--panel:#fff9f0e6;--ink:#1d2732;--muted:#66707c;--line:#2737491f;--accent:#1d5f83;--accent-soft:#1d5f831f;--warm:#cd6e2b;--warm-soft:#cd6e2b24;--highlight:#ffcf66;--shadow:0 26px 70px #34241124;color:var(--ink);background:radial-gradient(circle at 0 0,#fffc,#0000 30%),linear-gradient(135deg,#eee4d1 0%,#f7f1e4 45%,#e9dfcf 100%);font-family:Avenir Next,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:minmax(320px,390px) 1fr;gap:1.2rem;min-height:100vh;padding:1.2rem;display:grid}.sidebar,.workspace{min-height:0}.sidebar{flex-direction:column;gap:1rem;display:flex}.workspace{grid-template-rows:auto 1fr auto;gap:1rem;display:grid}.panel,.workspace-header,.canvas-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffff85}.panel{border-radius:1.5rem;padding:1rem}.hero-panel{color:#f7fbff;background:linear-gradient(160deg,#134054f2,#1a5e83e6),linear-gradient(#ffffff14,#0000)}.hero-panel .hero-copy{color:#f7fbffdb;margin:.8rem 0 0}.hero-panel h1,.workspace-header h2,.panel-header h2{margin:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.72;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.hero-actions,.inline-actions,.workspace-tools{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions{margin-top:1rem}.primary-button,.ghost-button,.segment,.dimension-row{border:1px solid #0000;border-radius:999px}.primary-button,.ghost-button,.segment{padding:.72rem 1rem}.primary-button{color:#17374c;background:#fff7d8;border-color:#ffffff40}.ghost-button{border-color:var(--line);color:inherit;background:0 0}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.status-pill,.meta-pill{letter-spacing:.06em;border-radius:999px;align-items:center;min-height:2rem;padding:.32rem .72rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill{color:#fff7d8;background:#ffffff24}.meta-pill{background:var(--accent-soft);color:var(--accent)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;display:grid}.summary-grid div,.meta-block,.opening-card,.dimension-row{background:#fff9;border:1px solid #ffffff8c}.summary-grid div{border-radius:1.1rem;padding:.82rem}.summary-grid dt,.field span,.opening-card-subtle,.dimension-row-meta{color:var(--muted)}.summary-grid dt{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.summary-grid dd{margin:.34rem 0 0;font-size:1.08rem;font-weight:700}.panel-note{color:var(--muted);margin:.9rem 0 0;line-height:1.5}.empty-state{color:var(--muted);border:1px dashed #1d273229;border-radius:1rem;padding:.95rem;line-height:1.5}.dimension-form{gap:.85rem;display:grid}.field{gap:.45rem;display:grid}.field span{font-size:.86rem;font-weight:600}.field input,.field textarea,.search-field input{width:100%;color:var(--ink);background:#ffffffc7;border:1px solid #1d27321f;border-radius:1rem;padding:.82rem .9rem}.field textarea{resize:vertical}.field-grid,.dimension-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.meta-block{overflow-wrap:anywhere;border-radius:1rem;min-height:100%;padding:.8rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.84rem}.checkbox-inline{color:var(--muted);align-items:center;gap:.55rem;font-size:.92rem;display:inline-flex}.opening-list{gap:.7rem;max-height:28vh;padding-right:.25rem;display:grid;overflow:auto}.opening-card{border-radius:1.1rem;padding:.78rem .85rem}.opening-card-header{justify-content:space-between;gap:.75rem;display:flex}.opening-card-meta{margin-top:.38rem;font-weight:700}.opening-card-subtle{margin-top:.28rem;font-size:.82rem}.workspace-header{border-radius:1.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.workspace-tools{justify-content:flex-end;align-items:center}.search-field{min-width:min(100%,280px)}.segmented-control{background:#ffffffb3;border:1px solid #1d273214;border-radius:999px;gap:.4rem;padding:.26rem;display:inline-flex}.segment{color:var(--muted);background:0 0}.segment.is-active{background:var(--accent);color:#fff}.canvas-panel{min-height:0}.canvas-frame{background:radial-gradient(circle at 100% 0,#1d5f832e,#0000 34%),linear-gradient(160deg,#fdf8ef 0%,#f2ead9 100%);border-radius:2rem;min-height:calc(100vh - 13.6rem);position:relative;overflow:hidden}.canvas-frame:before{content:"";pointer-events:none;background-image:linear-gradient(#13354c0d 1px,#0000 1px),linear-gradient(90deg,#13354c0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.plan-svg{width:100%;height:100%;position:absolute;inset:0}.canvas-background{fill:#fffdf7b3}.wall-line,.selected-segment,.measure-guide,.measure-line,.dimension-hitbox{vector-effect:non-scaling-stroke;stroke-linecap:round}.wall-line{stroke:#2a7195;stroke-width:22px}.dimension-hitbox{stroke:#0000;stroke-width:180px;pointer-events:stroke}.dimension-node{cursor:pointer}.dimension-node circle{fill:#ffffffeb;stroke:#1d5f8333;stroke-width:16px}.dimension-node text,.opening-label text,.measure-label{text-anchor:middle;font-family:IBM Plex Mono,SFMono-Regular,monospace}.dimension-node text{fill:var(--accent);font-size:120px;font-weight:700}.dimension-node.is-selected circle{fill:#ffcf66f2;stroke:#cd6e2b42}.dimension-node.is-selected text{fill:#7a3c13}.opening-label text{fill:var(--highlight);paint-order:stroke;stroke:#0a12208c;stroke-width:12px;font-size:135px;font-weight:700}.selected-segment{stroke:var(--warm);stroke-width:46px}.measure-guide{stroke:#cd6e2b8c;stroke-width:12px}.measure-line{stroke:var(--warm);stroke-width:16px}.measure-label{fill:#7a3c13;font-size:145px;font-weight:700}.measure-label-vertical{writing-mode:vertical-rl}.canvas-hint{color:#f5f7fb;z-index:1;background:#0a1220d1;border-radius:999px;max-width:min(460px,100% - 2rem);padding:.7rem .95rem;font-size:.9rem;position:absolute;bottom:1rem;right:1rem}.list-panel{min-height:0}.dimension-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;display:grid}.dimension-row{text-align:left;color:inherit;border-radius:1.15rem;gap:.35rem;padding:.9rem;display:grid}.dimension-row-top{justify-content:space-between;gap:.7rem;font-size:.88rem;display:flex}.dimension-row-name{font-size:1rem;font-weight:700}.dimension-row-meta{font-size:.86rem}.dimension-row.is-selected{background:#fff4e4eb;border-color:#cd6e2b73;box-shadow:inset 0 0 0 1px #cd6e2b33}.dimension-row.is-edited:not(.is-selected){background:#fff9e9e6}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel,.workspace-header,.canvas-frame{animation:.32s fade-up}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.canvas-frame{min-height:68vh}}@media (width<=760px){.app-shell{gap:.85rem;padding:.85rem}.workspace-header{flex-direction:column;align-items:flex-start}.workspace-tools{justify-content:stretch;width:100%}.search-field{flex:1;min-width:0}.summary-grid,.field-grid,.dimension-meta{grid-template-columns:1fr}.canvas-frame{border-radius:1.5rem;min-height:58vh}}