:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #0f172a;--bg-panel: rgba(30, 41, 59, .7);--bg-panel-hover: rgba(51, 65, 85, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-accent: #818cf8;--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--danger-hover: #dc2626;--border: rgba(148, 163, 184, .1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw}#app{position:relative;width:100%;height:100%;display:flex;flex-direction:column}#workspace-container{flex:1;width:100%;height:100%;overflow:hidden;background-image:radial-gradient(circle,#1e293b 1px,transparent 1px);background-size:20px 20px;cursor:grab;position:relative;touch-action:none}#workspace-container:active{cursor:grabbing}#workspace-content{position:absolute;top:50%;left:50%;transform-origin:center center;box-shadow:0 20px 25px -5px #00000080}canvas{position:absolute;top:0;left:0;display:block}#render-canvas{z-index:1}#overlay-canvas{z-index:2;cursor:crosshair}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.toolbar{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px 16px;z-index:10;transition:all .3s ease}.logo{font-weight:600;font-size:1.1rem;margin-right:8px;color:var(--text-primary);-webkit-user-select:none;user-select:none}.logo span{color:var(--primary)}.divider{width:1px;height:24px;background-color:var(--border)}.tools-group{display:flex;align-items:center;gap:8px}button,.tool-btn{background:transparent;border:none;font-family:inherit;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.9rem}button:hover:not(:disabled),.tool-btn:hover{background-color:var(--bg-panel-hover);color:var(--text-primary)}button:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background-color:var(--primary);color:#fff;padding:8px 16px;font-weight:500}.primary-btn:hover{background-color:var(--primary-hover);color:#fff}.danger-text:hover:not(:disabled){color:var(--danger);background-color:#ef44441a}.icon-btn{padding:8px}#zoom-level{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);min-width:48px;text-align:center;-webkit-user-select:none;user-select:none}.status-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:6px 12px;font-size:.85rem;color:var(--text-secondary);border-radius:20px;pointer-events:none;z-index:10}@media (max-width: 600px){.toolbar{bottom:16px;width:90%;flex-wrap:wrap;justify-content:center;gap:12px}.logo{display:none}.cal-panel{right:8px;left:8px;width:auto}}.cal-panel{position:absolute;top:60px;right:16px;width:320px;padding:16px;z-index:15;display:none;flex-direction:column;gap:12px}.cal-panel.visible{display:flex;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cal-header{display:flex;justify-content:space-between;align-items:center}.cal-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary)}.cal-hint{font-size:.8rem;color:var(--text-accent);min-height:1.2em}.cal-status{font-size:.75rem;padding:2px 8px;border-radius:10px}.cal-status.success{color:#10b981;background:#10b98126}.cal-status.error{color:#ef4444;background:#ef444426}.ref-section{border:1px solid var(--border);border-radius:8px;padding:10px;position:relative}.ref-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.ref-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ref-dot-a{background-color:#f59e0b}.ref-dot-b{background-color:#10b981}.ref-status{font-size:.75rem;color:var(--text-secondary);margin-left:auto;font-family:var(--font-mono)}.ref-status.placed{color:#10b981}.ref-inputs{display:flex;gap:8px;opacity:.5;pointer-events:none;transition:opacity .2s}.ref-inputs.waiting{opacity:.5;pointer-events:none}.ref-inputs.active{opacity:1;pointer-events:all}.coord-input-group{flex:1;display:flex;flex-direction:column;gap:2px}.coord-input-group label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.coord-input-group input{background:#0f172a99;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.8rem;font-family:var(--font-mono);color:var(--text-primary);outline:none;transition:border-color .2s;width:100%}.coord-input-group input:focus{border-color:var(--primary)}.coord-input-group input::placeholder{color:var(--text-secondary);opacity:.5}.cal-next-btn{display:none;margin-top:8px;font-size:.8rem;color:var(--text-accent)}.cal-next-btn.visible{display:flex}.cal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--border)}#btn-calibrate.active{color:#f59e0b;background-color:#f59e0b26}