.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;width:220px;min-width:220px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-project-name-clickable{cursor:pointer;border-radius:3px;padding:1px 4px;transition:background .1s;display:inline-block;width:100%;box-sizing:border-box}.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;width:220px;min-width:220px;max-width:220px;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}.toolbar-user-area{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-username{font-size:.75rem;color:#999;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-logout-btn{font-size:.7rem;padding:2px 8px;color:#aaa;border-color:#555}.toolbar-logout-btn:hover{color:#f88;border-color:#c44;background:#3a1a1a}.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 120px}.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}.sidebar-action-btn{padding:2px 8px;font-size:11px;background:#2a2a3e;border:1px solid #444;border-radius:3px;color:#ccc;cursor:pointer}.sidebar-action-btn:hover:not(:disabled){background:#3a3a4e;border-color:#888}.sidebar-action-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-action-btn-danger:hover:not(:disabled){background:#4a2a2a;border-color:#c44;color:#f88}.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-row{display:flex;align-items:center;gap:6px}.cloud-panel-project-item{flex:1;padding:10px 12px;background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px}.cloud-panel-project-item:hover{background:#3a3a4e;border-color:#88f}.cloud-project-name{font-size:14px;font-weight:500}.cloud-project-details{font-size:11px;color:#888}.cloud-panel-delete-btn{padding:8px 10px;background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-size:14px;flex-shrink:0}.cloud-panel-delete-btn:hover:not(:disabled){background:#4a2a2a;border-color:#c44;color:#f88}.cloud-panel-delete-btn:disabled{opacity:.4;cursor:not-allowed}.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}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:2px dashed #444;border-radius:12px;margin:40px;padding:60px 40px;transition:border-color .2s,background .2s;cursor:default}.upload-area-dragover{border-color:#57f;background:#5577ff0d}.upload-area-icon{font-size:48px;margin-bottom:16px}.upload-area-text{color:#aaa;font-size:15px;margin-bottom:8px}.upload-area-or{color:#666;font-size:12px;margin:8px 0}.upload-area-btn{padding:10px 24px;background:#3a3a5e;border:1px solid #555;border-radius:6px;color:#e0e0e0;font-size:14px;cursor:pointer}.upload-area-btn:hover{background:#4a4a6e;border-color:#88f}.upload-area-formats{color:#666;font-size:11px;margin-top:12px}.upload-area-error{background:#3a1a1a;border:1px solid #c44;color:#f88;padding:8px 16px;border-radius:6px;margin-top:16px;font-size:13px}.upload-area-loading{color:#8cf;font-size:16px}.preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-actions{padding:8px 12px;display:flex;gap:8px;align-items:center;flex-shrink:0;min-height:40px}.preview-action-btn{padding:8px 20px;background:#2a4a2a;border:1px solid #4a8a4a;border-radius:6px;color:#8f8;font-size:13px;cursor:pointer}.preview-action-btn:hover{background:#3a5a3a;border-color:#6aba6a}.preview-hint{color:#888;font-size:11px}.preview-split-container{flex:1;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.preview-split-container.hide-cursor,.preview-split-container.hide-cursor *{cursor:none!important}.preview-pane{overflow:hidden;min-width:0;display:flex}.preview-pane-inner{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.preview-pane-label{position:absolute;top:8px;left:8px;background:#000000b3;color:#e0e0e0;padding:2px 10px;border-radius:3px;font-size:11px;z-index:2}.preview-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:8px;overflow:hidden}.preview-fit-img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #333;border-radius:4px}.corner-overlay-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.corner-overlay-svg circle{pointer-events:all}.corner-overlay-svg line,.corner-overlay-svg path{pointer-events:none}.preview-divider{width:8px;background:#333;cursor:col-resize;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:3}.preview-divider:hover,.preview-divider.dragging{background:#57f}.preview-divider-handle{width:4px;height:40px;background:#888;border-radius:2px}.preview-divider:hover .preview-divider-handle,.preview-divider.dragging .preview-divider-handle{background:#fff}.preview-status-inline{color:#8cf;font-size:12px}.preview-error-inline{color:#f88;font-size:12px}.corner-loupe{position:absolute;border-radius:50%;border:2px solid #ff0000;box-shadow:0 0 0 1px #00000080,0 4px 12px #0009;pointer-events:none;z-index:10;image-rendering:pixelated}.loupe-crosshair-h,.loupe-crosshair-v{position:absolute;background:#f009}.loupe-crosshair-h{top:50%;left:20%;right:20%;height:1px;transform:translateY(-.5px)}.loupe-crosshair-v{left:50%;top:20%;bottom:20%;width:1px;transform:translate(-.5px)}.ip-layout{display:flex;flex:1;overflow:hidden;background:#121220}.ip-workspace{display:flex;flex:1;overflow:hidden}.ip-preview-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:20px}.ip-source-image{max-width:100%;max-height:70vh;border:1px solid #333;border-radius:4px}.ip-image-info{color:#888;font-size:12px;margin-top:8px}.ip-status{color:#8cf;font-size:12px;margin-top:4px}.ip-side-panel{width:280px;min-width:280px;background:#1a1a2e;border-left:1px solid #333;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ip-side-section h3{margin:0 0 8px;font-size:14px;color:#e0e0e0}.ip-reset-btn{padding:8px 16px;background:#2a2a3e;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:13px}.ip-reset-btn:hover{background:#3a3a4e;border-color:#888}.ip-reset-btn-small{padding:5px 12px;font-size:11px;white-space:nowrap}.ip-side-header{display:flex;justify-content:space-between;align-items:flex-start}.ip-info-row{color:#aaa;font-size:12px;margin-bottom:4px}.ip-action-btn{width:100%;padding:10px 16px;background:#2a4a2a;border:1px solid #4a8a4a;border-radius:6px;color:#8f8;font-size:13px;cursor:pointer}.ip-action-btn:hover{background:#3a5a3a;border-color:#6aba6a}.ip-select{width:100%;padding:8px;background:#2a2a3e;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:13px}.ip-ref-btn{width:100%;padding:7px 12px;background:#2a3a4a;border:1px solid #4a7a9a;border-radius:4px;color:#8cf;font-size:12px;cursor:pointer}.ip-ref-btn:hover{background:#3a4a5a;border-color:#6a9aba}.ip-ref-btn-clear{background:#3a2a2a;border-color:#7a4a4a;color:#f88}.ip-ref-btn-clear:hover{background:#4a3a3a;border-color:#9a6a6a}.ip-ref-status{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;color:#8f8}.ip-ref-dot{width:8px;height:8px;border-radius:50%;background:#4a4}.ip-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#ccc;cursor:pointer;margin-bottom:6px}.ip-alignment-info{margin-top:6px;padding:6px 8px;background:#1a1a28;border-radius:4px}.ip-edit-area,.ip-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.ip-action-group{display:flex;gap:6px}.ip-action-group .ip-approve-btn,.ip-action-group .ip-reprocess-btn{flex:1}.ip-approve-btn{padding:8px 16px;background:#2a4a2a;border:1px solid #4a8a4a;border-radius:6px;color:#8f8;font-size:13px;cursor:pointer;font-weight:600}.ip-approve-btn:hover{background:#3a5a3a;border-color:#6aba6a}.ip-approve-btn:disabled{opacity:.5;cursor:default}.ip-reprocess-btn{padding:8px 16px;background:#3a3a2a;border:1px solid #8a8a4a;border-radius:6px;color:#ee8;font-size:13px;cursor:pointer}.ip-reprocess-btn:hover{background:#4a4a3a;border-color:#aaba6a}.ip-approved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ip-approved-header h3{margin:0}.ip-approved-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.ip-approved-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;cursor:pointer;border:1px solid transparent;position:relative}.ip-approved-item:hover{background:#2a2a3e;border-color:#444}.ip-approved-item.active{background:#2a3a4a;border-color:#4a7a9a}.ip-approved-thumb{width:48px;height:32px;object-fit:cover;border-radius:3px;border:1px solid #444;flex-shrink:0}.ip-approved-info{flex:1;min-width:0}.ip-approved-label{display:block;width:100%;background:transparent;border:none;color:#ddd;font-size:12px;padding:1px 2px;border-radius:2px}.ip-approved-label:focus{background:#2a2a3e;outline:1px solid #555}.ip-approved-meta{display:flex;gap:6px;font-size:10px;color:#888}.ip-ref-badge{background:#2a4a2a;color:#8f8;padding:0 4px;border-radius:2px;font-weight:600;font-size:9px}.ip-approved-remove{position:absolute;top:2px;right:2px;background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:0 4px;line-height:1}.ip-approved-remove:hover{color:#f88}.ip-nav-hint{margin-top:8px;font-size:10px;color:#666;text-align:center}.ip-review-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ip-review-header{display:flex;align-items:center;gap:12px;padding:8px 12px;flex-shrink:0}.ip-review-title{flex:1;color:#e0e0e0;font-size:14px;font-weight:600}.ip-review-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.ip-save-dialog{padding:12px;background:#1a1a28;border:1px solid #4a7a9a;border-radius:6px;margin-top:8px}.ip-save-dialog h3{margin:0 0 10px;font-size:14px;color:#e0e0e0}.ip-save-existing{margin-bottom:10px}.ip-save-project-btn{display:block;width:100%;padding:6px 10px;margin-bottom:3px;background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#ccc;font-size:12px;cursor:pointer;text-align:left}.ip-save-project-btn:hover{background:#3a3a4e;border-color:#666}.ip-save-project-btn:disabled{opacity:.5;cursor:default}.ip-save-input{flex:1;padding:6px 8px;background:#2a2a3e;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:12px}.ip-save-input:focus{outline:1px solid #4a7a9a}.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}.app-tab-bar{display:flex;background:#0d0d1a;border-bottom:1px solid #333;padding:0 12px;flex-shrink:0}.app-tab{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.app-tab:hover{color:#ccc}.app-tab-active{color:#e0e0e0;border-bottom-color:#57f}