@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--ff-sans:"IBM Plex Sans",sans-serif;--ff-mono:"IBM Plex Mono",monospace;--c-accent:#ffc800;--c-accent-dim:#ffc80080;--c-accent-bg:#ffc8001a;--c-accent-border:#ffc80059;--c-text:#e0e0e0;--c-text-bright:#f0f0f0;--c-text-mid:#ccc;--c-text-muted:#ffffff80;--c-text-dim:#ffffff59;--c-bg-body:#1a1a1a;--c-bg-bar:#0d0e0f;--c-bg-panel:#0a0b0c;--c-bg-sidebar:#0e0f10;--c-bg-io:#111314;--c-bg-card:#1a1c1e;--c-bg-hover:#ffffff14;--c-bg-subtle:#ffffff0a;--c-bg-input:#ffffff0f;--c-border:#ffffff1a;--c-border-light:#ffffff12;--c-border-heavy:#ffffff26;--c-danger:#e07070;--c-danger-bg:#dc3c3c1a;--c-danger-border:#dc3c3c4d;--c-blue:#8ab4f8;--c-blue-border:#3a6aaa66;--shadow-drop:0 4px 16px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg-body);font-family:var(--ff-sans);color:var(--c-text)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-track{background:0 0}.btn{background:var(--c-bg-hover);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text-mid);font-family:var(--ff-sans);white-space:nowrap;letter-spacing:.3px;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover{color:#fff;background:#ffffff21}.btn.accent{background:var(--c-accent-bg);border-color:var(--c-accent-border);color:var(--c-accent)}.btn.accent:hover{background:#ffc8002e}.btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#111;font-weight:600}.btn.primary:hover{background:#ffda4d}.btn.danger{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:var(--c-danger)}.btn.danger:hover{background:#dc3c3c33}.btn.on{color:#10b981;background:#10b98126;border-color:#10b98166}.btn.on:hover{background:#10b98140}.inp{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--ff-sans);border-radius:4px;outline:none;width:100%;padding:5px 9px;font-size:12px}.inp:focus{border-color:var(--c-accent-dim)}.sel{background:var(--c-bg-input);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--ff-sans);cursor:pointer;border-radius:4px;outline:none;width:100%;padding:4px 7px;font-size:12px}.lbl{letter-spacing:2px;color:var(--c-text-muted);font-size:9px;font-family:var(--ff-mono);text-transform:uppercase;margin-bottom:5px;display:block}.asset-row{background:var(--c-bg-subtle);border:1px solid var(--c-bg-input);cursor:grab;color:var(--c-text-mid);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:all .12s;display:flex}.asset-row:hover{color:#fff;background:#ffc80014;border-color:#ffc80033}.notif{z-index:999;color:#80d080;font-size:12px;font-family:var(--ff-mono);background:#1a2a1a;border:1px solid #50c85066;border-radius:6px;padding:9px 16px;animation:.2s slideup;position:fixed;bottom:20px;right:20px}@keyframes slideup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tag-chip{color:#fff;width:22px;height:22px;font-size:10px;font-weight:600;font-family:var(--ff-mono);cursor:grab;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .1s;display:inline-flex}.tag-chip:hover{border-color:var(--c-accent);color:var(--c-accent);background:#444}.tag-chip[draggable]:active{cursor:grabbing}.modal-bg{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:10px;min-width:360px;padding:24px}.modal h3{letter-spacing:2px;color:var(--c-accent);font-size:14px;font-family:var(--ff-mono);text-transform:uppercase;margin-bottom:18px}.canvas-svg{touch-action:none;-webkit-tap-highlight-color:transparent}button,.btn,.asset-row{-webkit-tap-highlight-color:transparent}.section-label{font-family:var(--ff-mono);letter-spacing:2px;color:#ffffffb3;text-transform:uppercase;padding:16px 16px 8px;font-size:11px;font-weight:600}.nav-item{cursor:pointer;color:var(--c-text-bright);border-radius:4px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:400;transition:background .1s;display:flex}.nav-item:hover{background:var(--c-bg-hover)}.nav-item.accent-text{color:var(--c-accent)}.nav-item.danger-text{color:var(--c-danger)}.collapse-toggle{border:none;border-bottom:1px solid var(--c-border-light);cursor:pointer;width:100%;color:var(--c-text-bright);font-size:13px;font-family:var(--ff-sans);background:0 0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.collapse-toggle.active{color:var(--c-accent)}.collapse-toggle:hover{background:var(--c-bg-hover)}.dropdown{background:var(--c-bg-card);border:1px solid var(--c-border-heavy);z-index:400;min-width:150px;box-shadow:var(--shadow-drop);border-radius:6px;margin-top:4px;position:absolute;overflow:hidden}.dropdown-item{cursor:pointer;color:var(--c-text-bright);padding:8px 14px;font-size:13px;transition:background .1s}.dropdown-item:hover{background:var(--c-bg-hover)}.dropdown-item.accent-text{color:var(--c-accent)}.dropdown-item.danger-text{color:var(--c-danger)}.dropdown-divider{border-top:1px solid var(--c-border-light)}.sep-v{background:var(--c-border);flex-shrink:0;width:1px;height:16px}.nav-divider{border-top:1px solid #ffffff1f;margin:8px 0}.contact-role{font-family:var(--ff-mono);letter-spacing:1px;color:var(--c-accent-dim);margin-bottom:4px;font-size:9px}.settings-label{font-family:var(--ff-mono);color:#ffffffb3;flex-shrink:0;font-size:11px}.io-compact-row{border-bottom:1px solid var(--c-border-light);background:0 0;border-left:3px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:background .12s;display:flex}.io-compact-row:hover{background:var(--c-bg-hover)}.io-compact-row.selected{background:#64b4ff1f;border-left-color:#4a9eff}.io-compact-row.selected:hover{background:#64b4ff2e}.rail-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;outline:1px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .12s;display:flex}.rail-btn:hover{background:var(--c-bg-hover)}.rail-btn.active{background:var(--c-accent-bg);outline:1px solid var(--c-accent-border)}@media (width<=767px){.btn{min-height:44px;padding:8px 14px;font-size:13px}.inp,.sel{min-height:44px;padding:8px 10px!important;font-size:16px!important}.modal{width:calc(100vw - 32px);max-height:85vh;overflow-y:auto;min-width:auto!important}.asset-row{min-height:44px;padding:10px 12px}.nav-item{min-height:44px;padding:14px 16px;font-size:15px}.io-compact-row{min-height:44px;padding:6px 10px}.rail-btn{width:44px;height:44px}.tag-chip{width:28px;height:28px}}@media (width>=768px) and (width<=1199px){.btn{min-height:40px}.nav-item{padding:12px 16px;font-size:14px}}@media (width<=1199px){.canvas-svg{touch-action:none}}