:root{color:#222a33;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:1px solid #c8d0d8;background:#fff;color:#26313d;border-radius:7px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650;line-height:1.15;cursor:pointer}button:hover{border-color:#7a9a9a}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;border:1px solid #c8d0d8;background:#fff;color:#202832;border-radius:6px;min-height:32px;padding:6px 8px;font-size:13px}label{display:grid;gap:5px;color:#596675;font-size:11px;font-weight:700;letter-spacing:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 380px;background:#eef1f4}.workspace{min-width:0;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{margin:0;color:#17202a;font-size:26px;line-height:1;letter-spacing:0}.topbar p{margin:7px 0 0;color:#667485;font-size:13px}.wall-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.wall-fields label{grid-template-columns:78px 76px auto;align-items:center}.wall-fields label span{color:#778391;font-size:12px}.toolbar-button{height:34px}.canvas-wrap{min-height:0;display:grid;place-items:start center;padding:18px;overflow:auto;background:linear-gradient(180deg,#ffffffa6,#ffffff26),#dfe5ea;border:1px solid #d0d7df;border-radius:8px;box-shadow:inset 0 1px #ffffffb3}.wall-canvas{width:min(100%,1120px);min-width:640px;max-height:calc(100vh - 140px);background:#fff;border:1px solid #bfc8d2;border-radius:6px;box-shadow:0 18px 45px #25303d24;touch-action:none}.wall-background{fill:#fffefa}.grid-line{stroke:#e5e9ee;stroke-width:.12}.working-area{fill:#18847e09;stroke:#18847e;stroke-width:.22;stroke-dasharray:1.4 1;pointer-events:none}.guide-group{cursor:grab;touch-action:none}.guide-group:active{cursor:grabbing}.guide-hit{stroke:#cc8a1f00;stroke-width:3;pointer-events:stroke}.guide-line{stroke:#cc8a1f;stroke-width:.22;stroke-dasharray:1.2 1;pointer-events:none}.guide-label{fill:#995f00;font-size:3px;font-weight:750;pointer-events:none}.axis-line{stroke:#657484;stroke-width:.3}.origin-label,.frame-label{font-size:4px;fill:#26313d;text-anchor:middle;dominant-baseline:middle;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:750}.origin-label{text-anchor:start;font-size:3.5px;fill:#677586}.frame-group{cursor:grab}.frame-group:active{cursor:grabbing}.frame-shell{stroke:#11182773;stroke-width:.12;filter:drop-shadow(0 .45px .55px rgba(28,34,42,.18))}.frame-group.locked{cursor:not-allowed}.frame-group.locked .frame-shell{stroke-dasharray:1.8 1.1}.frame-mat{stroke:#dfd7cc;stroke-width:.14;pointer-events:none}.photo-aperture{fill:#f9fafb;stroke:#111827;stroke-width:.12;pointer-events:none}.nail-dot{fill:#18847e;stroke:#fff;stroke-width:.28;pointer-events:none}.obstacle-group{pointer-events:none}.obstacle-zone{fill:#f9731629;stroke:#c2410c;stroke-width:.24;stroke-dasharray:1.1 .8}.obstacle-label{fill:#9a3412;font-size:3.2px;font-weight:800;text-anchor:middle;dominant-baseline:middle}.side-panel{max-height:100vh;overflow:auto;padding:14px;display:grid;align-content:start;gap:12px;background:#f8fafb;border-left:1px solid #d6dde4}.panel-section{display:grid;gap:10px;padding:12px;background:#fff;border:1px solid #dbe1e7;border-radius:8px}.panel-section h2{margin:0;color:#26313d;font-size:13px;line-height:1.2}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-button{width:32px;min-height:32px;padding:0}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orientation-field{display:grid;gap:6px}.orientation-field>span{color:#596675;font-size:11px;font-weight:700}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#eef3f5;border:1px solid #d8e0e6;border-radius:8px}.segmented-control button{border-color:transparent;background:transparent}.segmented-control button.active{background:#18847e;border-color:#18847e;color:#fff}.sidebar-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;background:#eef3f5;border:1px solid #d8e0e6;border-radius:8px}.sidebar-tabs button{min-height:34px;padding:0 6px;font-size:11px;gap:4px}.sidebar-tabs button.active{background:#18847e;border-color:#18847e;color:#fff}.primary-button{width:100%;background:#18847e;border-color:#18847e;color:#fff}.template-list{display:grid;gap:8px;max-height:256px;overflow-y:auto;padding-right:4px}.template-card{width:100%;min-height:58px;padding:8px;justify-content:flex-start;text-align:left;background:#fbfcfd}.template-card.active{border-color:#18847e;background:#eff9f8}.template-swatch{width:42px;max-height:42px;min-height:30px;display:grid;place-items:center;flex:0 0 42px;padding:3px;border:1px solid rgba(17,24,39,.25);color:#26313d;font-size:12px;font-weight:800}.template-swatch-mat{width:100%;height:100%;min-height:22px;display:grid;place-items:center;border:1px solid rgba(17,24,39,.2)}.template-swatch-mat span{min-width:16px;min-height:16px;display:grid;place-items:center;background:#f9fafb;border:1px solid #111827}.template-card strong,.template-card small{display:block}.template-card small{margin-top:3px;color:#667485;font-size:11px;font-weight:600}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.placed-list,.guide-list,.obstacle-list{display:grid;gap:6px;max-height:180px;overflow:auto}.placed-row{display:grid;grid-template-columns:18px minmax(34px,.4fr) minmax(0,1.6fr);gap:8px;align-items:center;min-height:32px;padding:6px 8px;border:1px solid #e1e6eb;border-radius:6px;background:#fbfcfd}.placed-row input{min-height:16px;width:16px;padding:0}.placed-row span{color:#26313d;font-size:12px;font-weight:800}.placed-row small{color:#667485;font-size:11px;text-align:right}.guide-list{grid-template-columns:1fr 1fr}.obstacle-list{max-height:220px}.obstacle-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr) 32px;gap:6px;align-items:center}.obstacle-row input{min-width:0}.hole-row{display:grid;grid-template-columns:54px 1fr 1fr;gap:8px;align-items:end}.hole-row strong{color:#435061;font-size:12px;padding-bottom:8px}.microcopy{margin:0;color:#667485;font-size:12px;line-height:1.35}.status-message{margin:0;padding:8px 10px;color:#315f5d;background:#edf8f7;border:1px solid #c8e7e3;border-radius:6px;font-size:12px;line-height:1.35}.coordinate-table{max-height:220px;overflow:auto;border:1px solid #e1e6eb;border-radius:6px}.table-head,.table-row{display:grid;grid-template-columns:.8fr 1.25fr 1.05fr 1.05fr;gap:6px;align-items:center;min-height:30px;padding:0 8px;font-size:12px}.table-head{position:sticky;top:0;background:#f0f4f6;color:#536171;font-size:11px;font-weight:800}.table-row:nth-child(odd){background:#fbfcfd}.empty-state{margin:0;padding:12px;color:#667485;font-size:12px}.hidden-file-input{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.side-panel{max-height:none;border-left:0;border-top:1px solid #d6dde4}.topbar,.wall-fields{align-items:stretch;flex-direction:column}.wall-fields label{grid-template-columns:1fr}}