.toolbar{display:flex;flex-direction:column;background:#1e1e1e;border-bottom:1px solid #333;padding:4px 10px;flex-shrink:0;-webkit-user-select:none;user-select:none;gap:2px}.toolbar-row{display:flex;align-items:center;gap:6px;min-height:28px;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-group-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-right:2px}.toolbar-separator{width:1px;height:18px;background:#444;margin:0 4px;flex-shrink:0}.toolbar-project{gap:6px}.toolbar-project-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.toolbar-project-name{font-size:.8rem;font-weight:600;color:#e0e0e0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-project-name-clickable{cursor:pointer;border-radius:3px;padding:1px 4px;transition:background .1s}.toolbar-project-name-clickable:hover{background:#2a2a2a}.toolbar-project-name-input{font-size:.8rem;font-weight:600;color:#e0e0e0;background:#1a1a1a;border:1px solid #4488ff;border-radius:3px;padding:1px 4px;outline:none;max-width:180px;box-sizing:border-box}.toolbar-save-split{display:flex;align-items:center;position:relative}.toolbar-save-main{border-radius:3px 0 0 3px!important;border-right:none!important}.toolbar-save-arrow{border-radius:0 3px 3px 0!important;padding:3px 4px!important;min-width:20px;text-align:center}.toolbar-save-menu{position:absolute;top:100%;right:0;margin-top:2px;background:#2a2a2a;border:1px solid #444;border-radius:3px;z-index:100;min-width:120px;box-shadow:0 4px 12px #0006}.toolbar-save-menu-item{display:block;width:100%;background:none;border:none;color:#ccc;font-size:.72rem;padding:6px 10px;cursor:pointer;text-align:left;transition:background .1s}.toolbar-save-menu-item:hover:not(:disabled){background:#3a3a3a;color:#fff}.toolbar-save-menu-item:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn{background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#ccc;font-size:.72rem;padding:3px 8px;cursor:pointer;transition:background .1s,color .1s,border-color .1s;white-space:nowrap;line-height:1.3}.toolbar-btn:hover:not(:disabled){background:#3a3a3a;color:#fff}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-subtle{background:transparent;border-color:transparent;color:#999}.toolbar-btn-subtle:hover:not(:disabled){background:#2a2a2a;color:#ccc}.toolbar-shape-btn.active{background:#48f3;border-color:#4488ff80;color:#6aafff}.toolbar-zoom-btn{width:26px;text-align:center;padding:3px 0;font-weight:700;font-size:.85rem}.toolbar-zoom-display{font-size:.75rem;font-weight:600;color:#e0e0e0;min-width:42px;text-align:center;font-family:monospace}.toolbar-counts{gap:8px}.toolbar-count-badge{font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:3px}.count-buttons{color:#6aafff}.count-inputs{color:#fa4}.toolbar-align-btn{width:26px;text-align:center;padding:3px 0;font-weight:700;font-size:.65rem}.toolbar-action-btn{padding:3px 10px}.toolbar-copy-btn.copied{background:#00b45033;border-color:#00b45080;color:#4d8}.toolbar-save-indicator{font-size:.7rem;font-weight:600;margin-left:4px;white-space:nowrap}.toolbar-save-indicator-dirty{color:#f90;font-size:.85rem}.toolbar-save-indicator-saved{color:#4d8}.snap-guides-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.snap-guide-line{stroke-width:1.5;stroke-dasharray:6,4;opacity:.75}.snap-guide-horizontal{stroke:#f0f}.snap-guide-vertical{stroke:#00e5ff}.canvas-scroll{flex:1;overflow:auto;background:#222;cursor:default}.canvas-scroll.panning{cursor:grabbing}.canvas-container{position:relative;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:top left}.canvas-image{width:100%;display:block}.canvas-region{position:absolute;pointer-events:auto;cursor:pointer;border:2px solid #4488ff;background:#4488ff26}.canvas-region.role-button{border-color:#48f;background:#4488ff26}.canvas-region.role-input{border-color:#f80;background:#ff880026}.canvas-region.linked{border-style:dashed}.canvas-region.selected{border-width:3px}.canvas-region.role-button.selected{border-color:#6af;background:#4488ff40}.canvas-region.role-input.selected{border-color:#fa4;background:#ff880040}.canvas-region.drawing{border:2px dashed #ffaa00;background:#ffaa0026;pointer-events:none}.canvas-region-label{position:absolute;top:-1px;left:-1px;color:#fff;font-size:.6rem;padding:1px 5px;font-weight:700;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;background:#48f}.canvas-region.role-input .canvas-region-label{background:#f80}.canvas-resize-handle{position:absolute;width:8px;height:8px;background:#fff;border:2px solid #66aaff;transform:translate(-50%,-50%);z-index:10;pointer-events:auto;box-sizing:border-box}.canvas-resize-handle:hover{background:#6af}.canvas-poly-handle{position:absolute;width:10px;height:10px;background:#0c6;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:auto;cursor:move;box-sizing:border-box}.canvas-poly-handle:hover{background:#0f7}.canvas-poly-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.canvas-clamped-cursor{position:absolute;width:0;height:0;pointer-events:none;z-index:1000;transform:translate(-50%,-50%)}.canvas-clamped-cursor:before,.canvas-clamped-cursor:after{content:"";position:absolute;background:#f44}.canvas-clamped-cursor:before{width:2px;height:24px;left:-1px;top:-12px}.canvas-clamped-cursor:after{width:24px;height:2px;left:-12px;top:-1px}.screen-selector{display:flex;flex-direction:column;padding:0;border-bottom:1px solid #333;flex-shrink:0;-webkit-user-select:none;user-select:none}.screen-selector-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px}.screen-selector-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.screen-selector-count{font-size:.7rem;background:#333;color:#aaa;padding:1px 7px;border-radius:10px}.screen-selector-dropdown-row{padding:4px 12px}.screen-selector-dropdown{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:.8rem;padding:5px 6px;outline:none;cursor:pointer;box-sizing:border-box}.screen-selector-dropdown:focus{border-color:#48f}.screen-selector-dropdown option{background:#1a1a1a;color:#e0e0e0}.screen-selector-inline-form{display:flex;align-items:center;gap:4px;padding:4px 12px}.screen-selector-input{flex:1;background:#1a1a1a;border:1px solid #4488ff;border-radius:3px;color:#e0e0e0;font-size:.8rem;padding:4px 6px;outline:none;box-sizing:border-box}.screen-selector-input::placeholder{color:#555}.screen-selector-inline-btn{background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#ccc;font-size:.75rem;padding:3px 8px;cursor:pointer;line-height:1.3;transition:background .1s,color .1s}.screen-selector-inline-btn:hover:not(:disabled){background:#3a3a3a;color:#fff}.screen-selector-inline-btn:disabled{opacity:.4;cursor:not-allowed}.screen-selector-inline-ok{color:#4d8;border-color:#00b45066}.screen-selector-inline-ok:hover:not(:disabled){background:#00b45026}.screen-selector-inline-cancel{color:#f55;border-color:#f556}.screen-selector-inline-cancel:hover{background:#ff555526}.screen-selector-actions{display:flex;flex-wrap:wrap;gap:4px;padding:4px 12px 8px}.screen-selector-btn{background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#ccc;font-size:.7rem;padding:3px 8px;cursor:pointer;white-space:nowrap;line-height:1.3;transition:background .1s,color .1s,border-color .1s}.screen-selector-btn:hover:not(:disabled){background:#3a3a3a;color:#fff}.screen-selector-btn:disabled{opacity:.4;cursor:not-allowed}.screen-selector-btn-danger:hover:not(:disabled){background:#ff555526;border-color:#f556;color:#f55}.sidebar{display:flex;flex-direction:column;height:100%;background:#1e1e1e;color:#e0e0e0;border-left:1px solid #333;width:280px;min-width:280px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #333;flex-shrink:0}.sidebar-active-screen{padding:8px 12px;border-bottom:1px solid #333;flex-shrink:0}.sidebar-active-screen-name{font-size:.85rem;font-weight:600;color:#e0e0e0;cursor:pointer;border-radius:3px;padding:2px 4px;display:inline-block;transition:background .1s}.sidebar-active-screen-name:hover{background:#2a2a2a}.sidebar-active-screen-input{font-size:.85rem;font-weight:600;color:#e0e0e0;background:#1a1a1a;border:1px solid #4488ff;border-radius:3px;padding:2px 4px;outline:none;width:100%;box-sizing:border-box}.sidebar-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.sidebar-count{font-size:.75rem;background:#333;color:#aaa;padding:1px 7px;border-radius:10px}.sidebar-region-list{flex:1;overflow-y:auto;padding:4px 0}.sidebar-empty{padding:20px 12px;color:#666;font-size:.8rem;text-align:center}.sidebar-region-item{display:flex;flex-direction:column;padding:6px 12px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.sidebar-region-row{display:flex;align-items:center;justify-content:space-between}.sidebar-region-item:hover{background:#2a2a2a}.sidebar-region-item.selected{background:#1a2a3a;border-left-color:#48f}.sidebar-region-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.sidebar-badge{font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.role-badge.role-button{background:#4488ff40;color:#6aafff;border:1px solid rgba(68,136,255,.4)}.role-badge.role-input{background:#ff880040;color:#fa4;border:1px solid rgba(255,136,0,.4)}.shape-badge{background:#ffffff14;color:#999;border:1px solid rgba(255,255,255,.12)}.sidebar-region-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar-delete-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:3px;flex-shrink:0;line-height:1;transition:color .1s,background .1s}.sidebar-delete-btn:hover{color:#f55;background:#ff555526}.edit-panel{background:#252525;border-left:3px solid #4488ff;padding:8px 12px;border-bottom:1px solid #333}.edit-section{margin-bottom:8px}.edit-section:last-child{margin-bottom:0}.edit-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:4px}.edit-name-input{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:.8rem;padding:4px 6px;outline:none;box-sizing:border-box}.edit-name-input:focus{border-color:#48f}.edit-name-input::placeholder{color:#555}.role-toggle{display:flex;gap:4px}.role-toggle-btn{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:3px;color:#999;font-size:.7rem;padding:4px 6px;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.role-toggle-btn:hover{background:#2a2a2a;color:#ccc}.role-toggle-btn.role-btn-active{background:#48f3;border-color:#4488ff80;color:#6aafff}.role-toggle-btn.role-inp-active{background:#f803;border-color:#ff880080;color:#fa4}.coord-grid{display:grid;gap:4px}.coord-grid-4{grid-template-columns:1fr 1fr}.coord-grid-vertex{grid-template-columns:auto 1fr 1fr;align-items:center}.coord-field{display:flex;flex-direction:column;gap:2px}.coord-label{font-size:.6rem;font-weight:600;color:#777;text-transform:uppercase}.coord-input{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:3px;color:#e0e0e0;font-size:.75rem;padding:3px 4px;outline:none;box-sizing:border-box;-moz-appearance:textfield}.coord-input::-webkit-outer-spin-button,.coord-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coord-input:focus{border-color:#48f}.polygon-coords{display:flex;flex-direction:column;gap:4px}.vertex-label{font-size:.65rem;font-weight:600;color:#777;min-width:24px}.inline-coords{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:3px;font-size:.65rem;color:#888;font-family:monospace}.inline-coords-polygon{flex-direction:column;gap:1px}.inline-coord-item{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.inline-coord-clickable{cursor:pointer;border-radius:2px;padding:0 2px;transition:background .1s,color .1s}.inline-coord-clickable:hover{background:#4488ff26;color:#aac8ff}.inline-coord-label{color:#666;font-weight:600;font-size:.6rem}.inline-coord-value{color:#999}.inline-coord-input{width:52px;background:#1a1a1a;border:1px solid #4488ff;border-radius:2px;color:#e0e0e0;font-size:.65rem;font-family:monospace;padding:0 3px;outline:none;box-sizing:border-box;-moz-appearance:textfield}.inline-coord-input::-webkit-outer-spin-button,.inline-coord-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline-coord-vertex{display:inline-flex;align-items:center;gap:1px}.other-screen-regions-section{margin-top:4px}.other-screen-regions-divider{display:flex;align-items:center;padding:6px 12px;border-top:1px solid #333}.other-screen-regions-divider-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.other-screen-group{border-top:1px solid #2a2a2a}.other-screen-group-header{display:flex;align-items:center;gap:6px;padding:5px 12px;cursor:pointer;color:#888;transition:background .1s;-webkit-user-select:none;user-select:none}.other-screen-group-header:hover{background:#252525}.other-screen-group-arrow{font-size:.7rem;color:#666;flex-shrink:0;width:10px}.other-screen-group-label{font-size:.75rem;font-weight:600;color:#888;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.other-screen-group-count{font-size:.65rem;background:#2a2a2a;color:#666;padding:1px 6px;border-radius:10px;flex-shrink:0}.other-screen-group-regions{padding-bottom:2px}.sidebar-region-item.other-screen-region-item{padding-left:20px}.sidebar-region-item.other-screen-region-item:hover{background:#2a2a2a}.sidebar-link-btn{background:none;border:1px solid rgba(68,136,255,.3);color:#6aafff;cursor:pointer;font-size:.65rem;padding:2px 6px;border-radius:3px;flex-shrink:0;line-height:1;white-space:nowrap;transition:color .1s,background .1s,border-color .1s;pointer-events:auto}.sidebar-link-btn:hover{color:#8cf;background:#4488ff26;border-color:#4488ff80}.sidebar-tabs{display:flex;border-bottom:1px solid #333;flex-shrink:0}.sidebar-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:.75rem;font-weight:600;padding:8px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:color .15s,border-color .15s,background .15s}.sidebar-tab:hover{color:#ccc;background:#252525}.sidebar-tab-active{color:#6aafff;border-bottom-color:#48f}.sidebar-linked-indicator{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sidebar-linked-icon{font-size:.7rem;cursor:pointer;line-height:1;padding:1px 2px;border-radius:2px;transition:background .1s}.sidebar-linked-icon:hover{background:#4488ff26}.sidebar-linked-source{font-size:.6rem;color:#888;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.cloud-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cloud-panel{background:#1e1e2e;border:1px solid #444;border-radius:8px;padding:20px;min-width:320px;max-width:420px;color:#e0e0e0}.cloud-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cloud-panel-header h3{margin:0;font-size:16px}.cloud-panel-close{background:none;border:none;color:#aaa;font-size:16px;cursor:pointer}.cloud-panel-close:hover{color:#fff}.cloud-panel-error{background:#3a1a1a;border:1px solid #c44;color:#f88;padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:13px}.cloud-panel-progress{background:#1a2a3a;border:1px solid #48c;color:#8cf;padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:13px}.cloud-panel-actions{display:flex;flex-direction:column;gap:8px}.cloud-panel-btn{padding:10px 16px;background:#2a2a3e;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px}.cloud-panel-btn:hover:not(:disabled){background:#3a3a4e;border-color:#88f}.cloud-panel-btn:disabled{opacity:.5;cursor:not-allowed}.cloud-panel-btn-back{margin-top:8px;font-size:12px}.cloud-panel-project-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.cloud-panel-project-item{padding:8px 12px;background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;text-align:left;font-size:13px}.cloud-panel-project-item:hover{background:#3a3a4e;border-color:#88f}.cloud-panel-empty{color:#888;font-size:13px;padding:12px 0;text-align:center}.designer-layout{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:#1a1a1a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.designer-body{display:flex;flex:1;min-height:0;overflow:hidden}.designer-side-panel{display:flex;flex-direction:column;width:280px;min-width:280px;max-width:280px;background:#1e1e1e;border-left:1px solid #333;overflow:hidden}.designer-empty-canvas{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.designer-empty-message{font-size:1.2rem;color:#666;font-weight:500;-webkit-user-select:none;user-select:none}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#121220}.login-card{background:#1e1e2e;border:1px solid #333;border-radius:12px;padding:40px 36px;width:360px;max-width:90vw}.login-title{margin:0 0 4px;font-size:24px;color:#e0e0e0;text-align:center}.login-subtitle{margin:0 0 24px;font-size:13px;color:#888;text-align:center}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:12px;color:#aaa;margin-bottom:6px}.login-field input{width:100%;padding:10px 12px;background:#2a2a3e;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;box-sizing:border-box}.login-field input:focus{border-color:#668}.login-field input::placeholder{color:#666}.login-btn{width:100%;padding:12px;background:#3a3a5e;border:1px solid #555;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer;margin-top:8px}.login-btn:hover:not(:disabled){background:#4a4a6e;border-color:#88f}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#3a1a1a;border:1px solid #c44;color:#f88;padding:8px 12px;border-radius:6px;margin-bottom:16px;font-size:13px}.login-denied{text-align:center;color:#ccc}.login-denied h2{color:#f88;margin:0 0 12px}.login-denied p{margin:0 0 8px;font-size:13px;color:#999}.login-denied .login-btn{margin-top:16px}