:root{--bg: #14171b;--panel: #2b313a;--accent: #00e5ff;--text: #dcdcdc;--profile-fill: #242930}*{box-sizing:border-box}body{font-family:Segoe UI,sans-serif;margin:0;height:100vh;background:var(--bg);color:var(--text);overflow:hidden}#root,.app{width:100%;height:100vh;display:flex}.sidebar{width:340px;background:var(--panel);padding:20px;box-shadow:4px 0 15px #0006;z-index:10;border-right:1px solid #444;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.sidebar h2{font-size:.9rem;color:var(--accent);text-transform:uppercase;border-bottom:1px solid #555;padding-bottom:8px;margin:0 0 10px}.control-group{margin-bottom:8px}.control-group label{display:block;font-size:.7rem;margin-bottom:4px;opacity:.8}.row-cols{display:flex;gap:10px}.row-cols__col{flex:1}.manual-grid-box{border:1px solid #49515b;border-radius:6px;padding:10px;background:#00000029}.manual-grid-groups{display:flex;gap:10px}.manual-grid-group{flex:1;min-width:0}.manual-grid-list{display:flex;flex-direction:column;gap:6px}.manual-grid-list input:disabled{opacity:.7;border-style:dashed}input,select{width:100%;padding:7px;background:#1a1e23;border:1px solid #484e55;color:#fff;border-radius:4px;font-size:.8rem}button{width:100%;padding:7px 8px;cursor:pointer;border:none;border-radius:4px;font-weight:700;font-size:.74rem;line-height:1.2}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-secondary{background:#0f6a84;color:#d9f7ff}.btn-secondary.is-active{background:#0aa4cc;color:#001d26}.btn-muted{background:#3a414a;color:#e5e5e5}.btn-muted:disabled{opacity:.5;cursor:not-allowed}.sidebar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.hint{font-size:.63rem;opacity:.85;line-height:1.3;border:1px dashed #4a515a;padding:10px;border-radius:6px;background:#00000026}.drawing-area{flex-grow:1;position:relative;cursor:grab;background:var(--bg);background-image:radial-gradient(#2d333b 1px,transparent 1px);background-size:40px 40px}.drawing-area:active{cursor:grabbing}.drawing-area.is-measuring{cursor:crosshair}svg{width:100%;height:100%}.line-profile{stroke:#999;stroke-width:1px;fill:var(--profile-fill);vector-effect:non-scaling-stroke}.line-glass{fill:#00e5ff0d;stroke:#304ffe;stroke-width:1px;cursor:pointer;vector-effect:non-scaling-stroke}.line-opening{stroke:#fff;stroke-width:1.5;stroke-dasharray:8,5;fill:none;vector-effect:non-scaling-stroke}.handle-block{fill:#fff;stroke:#000;stroke-width:1;vector-effect:non-scaling-stroke}.fixed-cross{stroke:#666;stroke-width:1px;opacity:.5;vector-effect:non-scaling-stroke}.dim-line{stroke:var(--accent);stroke-width:1px;fill:none}.dim-ext{stroke:var(--accent);stroke-width:1px;fill:none;opacity:.9}.dim-arrow{fill:var(--accent);stroke:none}.dim-label-bg{fill:var(--bg);stroke:none}.dim-text{fill:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;text-anchor:middle;dominant-baseline:middle;font-weight:700;vector-effect:non-scaling-stroke;paint-order:stroke;stroke:#14171bbf;stroke-width:3px}.measure-group{pointer-events:none}.measure-line{stroke:#f8f36b;stroke-width:1.25px;vector-effect:non-scaling-stroke}.measure-line--preview{stroke-dasharray:6,4;opacity:.8}.measure-point{fill:#f8f36b;stroke:#111;stroke-width:1;vector-effect:non-scaling-stroke}.measure-text{fill:#f8f36b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;text-anchor:middle;dominant-baseline:middle;font-weight:700;paint-order:stroke;stroke:#14171be6;stroke-width:3px;vector-effect:non-scaling-stroke}.measure-snap-point{fill:none;stroke:#f8f36b;stroke-width:1.25px;vector-effect:non-scaling-stroke}.sidebar{position:relative}footer{position:absolute;bottom:0;width:100%;padding:8px 12px;font-size:.7rem;text-align:center;color:#555}footer a{color:#555;font-weight:400}