:root{--bg:#f4f7fc;--surface:#fff;--surface-soft:#f6f9ff;--text:#162033;--muted:#4d5f7e;--accent:#0b4ea2;--accent-soft:#e9f1ff;--danger:#8c1120;--warning:#8c5a00;--ok:#146a30}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Avenir Next,Inter,Segoe UI,sans-serif;color:var(--text);background:#f4f7fc}.page{display:grid;grid-template-columns:400px 1fr;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #dce4f1;padding:18px 12px 18px 16px;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;box-shadow:none}.sidebar h1{margin-top:0;margin-bottom:8px;font-size:1.28rem;font-weight:400;letter-spacing:.01em}.title-row{display:flex;align-items:center;gap:8px}.title-row h1{margin:0}.app-subtitle{margin:0 0 16px;font-size:.82rem;color:#455778}.app-logo{width:22px;height:22px;color:#23232a;flex:0 0 auto}.sidebar-intro{margin-top:0;margin-bottom:10px;font-size:.89rem;color:var(--muted);line-height:1.35}.mode-pill{margin:0 0 14px;padding:9px 11px;border-radius:10px;background:linear-gradient(180deg,#f2f7ff,#e9f1ff);border:1px solid #d4e2fb;font-size:.83rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);font-weight:400}.panel{background:#f8fbff;border:1px solid #d3deef;border-radius:8px;padding:11px;margin-bottom:12px;box-shadow:none}.panel h2{margin:0 0 9px;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;color:#294267;font-weight:400}.panel-hint{margin:0;color:var(--muted);font-size:.79rem}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.tool-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid-secondary{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid button{min-height:38px;padding:7px 8px;font-size:.8rem;font-weight:400}.object-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:.5em}.legend-draw-btn,.tool-main{width:100%;min-height:38px}.tool-main-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;text-align:left}.tool-main-title{font-size:.8rem;line-height:1}.tool-main-braille{font-size:1.15rem;line-height:1;white-space:nowrap}button{border:1px solid #ced8eb;background:#fff;color:var(--text);padding:8px 10px;border-radius:4px;cursor:pointer;font-size:.86rem;font-weight:400;text-align:center;transition:border-color .12s ease,background .12s ease}button:hover{background:#eaf2ff;border-color:#8fb0e8}button.active{background:var(--accent);color:#fff;border-color:var(--accent)}button:focus-visible{outline:none;border-color:#2b76ff}button:disabled{opacity:.45;cursor:not-allowed}.actions{display:grid;grid-gap:8px;gap:8px;margin-bottom:0}.action-row{grid-template-columns:1fr 1fr}.actions label{font-size:.85rem;font-weight:400;display:flex;align-items:center;gap:8px}.icon-only-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px}.icon-actions{display:flex;gap:8px}.icon-actions .icon-only-btn{flex:0 0 50px;width:50px;min-width:50px;max-width:50px;padding:8px 0}.actions input[type=range]{width:100%}.label-editor{display:grid;grid-gap:6px;gap:6px;margin-top:8px;padding:8px;border:1px solid #d8dfec;border-radius:5px;background:#fff}.label-editor input,.label-editor textarea{border:1px solid #c9d6eb;padding:8px;border-radius:10px;background:#fff}.label-editor textarea{resize:vertical;min-height:72px}.label-editor small{font-size:.8rem}.braille-preview{font-size:1.5rem;line-height:1;vertical-align:middle}.label-mode-row{display:flex;gap:14px}.plain-check{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:400}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.field-col{display:grid;grid-gap:6px;gap:6px}.field-col label{font-size:.85rem;font-weight:600}.field-col input{width:100%;border:1px solid #c9d6eb;padding:8px;border-radius:10px;background:#fff}.compact-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.validation h2{font-size:1rem;margin-bottom:6px}.accordion{padding:0;overflow:hidden}.accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#294267;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.accordion-toggle:hover{transform:none;box-shadow:none;background:#f0f5ff}.accordion-toggle:focus-visible{box-shadow:inset 0 0 0 2px rgba(43,118,255,.22)}.accordion-body{overflow:hidden;transition:max-height .22s ease,opacity .2s ease;max-height:0;opacity:0}.accordion-body.open{max-height:1200px;opacity:1}.accordion-body.closed{pointer-events:none}.accordion-content{padding:0 11px 11px;display:grid;grid-gap:8px;gap:8px}.drawing-group+.drawing-group{margin-top:2px}.drawing-group h3{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#4a5f83;font-weight:400}.validation{padding:11px}.validation p{margin:6px 0;font-size:.84rem}.ok{color:var(--ok)}.warning{color:var(--warning)}.error{color:var(--danger);font-weight:600}.canvas-wrap{padding:0;height:100vh;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.stage-shell{position:relative;width:100%;height:100%}.rules-overlay{position:absolute;inset:8px;z-index:12;display:flex;align-items:stretch;justify-content:stretch;background:rgba(8,12,18,.45);border-radius:8px;padding:12px}.rules-card{width:100%;background:#f9fbff;border:1px solid #d1ddf2;border-radius:8px;padding:14px;overflow-y:auto}.rules-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.rules-header h2{margin:0;font-size:1rem;font-weight:500}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.rules-block{background:#fff;border:1px solid #dbe4f4;border-radius:6px;padding:10px}.rules-block h3{margin:0 0 6px;font-size:.86rem;font-weight:500}.rules-block ul{margin:0;padding-left:18px;display:grid;grid-gap:4px;gap:4px}.rules-block li{font-size:.82rem}.rules-checklist ul{padding-left:0}.rules-checklist li{list-style:none;display:flex;align-items:center;gap:6px}.check-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:18px;padding:0 6px;border-radius:4px;font-size:.66rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.check-badge.implemented{color:#0f5a2a;background:#e8f7ee;border-color:#b6e5c7}.check-badge.partial{color:#7a4a00;background:#fff3df;border-color:#f1d6a7}.check-badge.planned{color:#1c3d7a;background:#eaf1ff;border-color:#c8dafd}.stage-shell .konvajs-content{border:1px solid #cfd9ea;background:#fff;box-shadow:none;overflow:hidden;cursor:default}.stage-shell.stage-shell-draw-mode .konvajs-content{cursor:crosshair}.stage-shell.stage-shell-pan-ready .konvajs-content{cursor:-webkit-grab;cursor:grab}.stage-shell.stage-shell-panning .konvajs-content{cursor:-webkit-grabbing;cursor:grabbing}.map-zoom-controls{position:absolute;top:8px;right:8px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:6px;background:hsla(0,0%,100%,.86);border:1px solid #d4deef;border-radius:10px;padding:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-zoom-controls button{width:32px;height:32px;padding:0;font-size:.92rem;font-weight:500;line-height:1;border-radius:5px}.view-mode-toggle{display:inline-flex;align-items:center;gap:4px;padding-right:4px;margin-right:2px;border-right:1px solid #d7e0ee}.view-mode-toggle button{width:auto;min-width:38px;padding:0 10px;font-size:.72rem;font-weight:500}.view-mode-toggle button.active{background:#26466f;color:#fff;border-color:#26466f}.map-zoom-controls .fit-btn{width:32px;min-width:32px;padding:0}.three-preview-shell{position:relative;overflow:hidden;border:1px solid #cfd9ea;background:radial-gradient(circle at top,hsla(0,0%,100%,.78),rgba(236,242,248,.4) 42%,rgba(221,230,240,.72) 100%),linear-gradient(180deg,#f6f9fd,#e2e9f2)}.three-preview-host,.three-preview-shell{width:100%;height:100%}.three-preview-host canvas{display:block;width:100%;height:100%}.three-preview-hint{position:absolute;left:12px;bottom:12px;z-index:3;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.88);border:1px solid #d4deef;color:#33506f;font-size:.76rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-side-panels{position:absolute;top:60px;right:8px;z-index:10;width:250px;display:grid;grid-gap:8px;gap:8px}.canvas-label-properties,.canvas-object-braille-properties,.canvas-properties,.canvas-wall-properties{display:grid;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.9);border:1px solid #d4deef;border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-object-braille-properties h2,.canvas-wall-properties h2{margin:0;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;color:#294267;font-weight:400}.canvas-label-properties .label-editor{margin-top:0;padding:6px}.canvas-label-properties .label-braille-metrics{display:grid;grid-gap:8px;gap:8px;padding:6px;border-top:1px solid rgba(41,66,103,.12)}.canvas-properties .field-row{gap:6px;margin-top:0}.field-row-with-anchor{grid-template-columns:1fr 1fr auto;align-items:end}.canvas-label-properties .field-row{gap:6px;margin-top:0}.canvas-label-properties .field-col,.canvas-properties .field-col{gap:4px}.canvas-label-properties .field-col label,.canvas-properties .field-col label{font-size:.78rem}.canvas-properties .field-col input{padding:6px}.anchor-picker-wrap{margin-top:0;min-width:46px}.anchor-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:3px;gap:3px}.anchor-picker-single{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:2px;gap:2px;padding:3px;border:1px solid #c9d6eb;border-radius:8px;background:#fff}.anchor-picker-label{visibility:hidden;height:0;margin:0}.anchor-dot-btn{padding:4px;border-radius:6px;background:#fff;border:1px solid #c9d6eb}.anchor-dot-grid{width:18px;height:18px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:2px;gap:2px;margin:0 auto}.anchor-dot-cell{padding:0;min-height:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:4px}.anchor-dot-cell:hover{background:rgba(11,78,162,.08)}.anchor-dot{width:7px;height:7px;border-radius:999px;align-self:center;justify-self:center;background:#d5dce8}.anchor-dot.active{background:#ffd400;box-shadow:0 0 0 1px rgba(22,32,51,.12)}.canvas-label-properties .field-col input{padding:6px}.field-col-readonly label{color:#7c8796}.field-col-readonly input[readonly]{color:#7c8796;background:#f2f4f7;border-color:#d7dde7}.canvas-properties .label-editor{margin-top:0;padding:6px}.canvas-properties-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.canvas-properties-actions .icon-only-btn{width:100%;min-width:0;max-width:none;height:32px;min-height:32px;padding:0}@media (max-width:960px){.page{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #d6dbe8}.compact-controls{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr}}