.auth-container{display:flex;align-items:center;flex-shrink:0;position:relative}.auth-login-btn{background:var(--surface2);border:1px solid var(--surface3);color:var(--text-dim);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;white-space:nowrap}.auth-login-btn:hover{border-color:var(--accent);color:var(--text)}.auth-user{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 8px;border-radius:6px;position:relative}.auth-user:hover{background:var(--surface2)}.auth-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.auth-email{font-size:12px;color:var(--text-dim);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-sub-badge{font-size:9px;font-weight:700;background:var(--accent);color:#fff;padding:1px 5px;border-radius:3px;letter-spacing:.5px}.auth-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--surface3);border-radius:8px;padding:10px;min-width:180px;z-index:1000;box-shadow:0 4px 16px #0006}.auth-dropdown.open{display:block}.auth-dropdown-email{font-size:12px;color:var(--text);margin-bottom:4px;word-break:break-all}.auth-dropdown-status{font-size:11px;color:var(--accent);margin-bottom:8px}.auth-dropdown-status.auth-free{color:var(--text-dim)}.auth-dropdown-btn{display:block;width:100%;padding:6px 10px;background:var(--surface2);border:1px solid var(--surface3);color:var(--text-dim);border-radius:5px;font-size:12px;cursor:pointer;text-align:center;margin-top:4px}.auth-dropdown-btn:hover{background:var(--surface3);color:var(--text)}.auth-upgrade-btn{background:var(--accent-dim)!important;border-color:var(--accent)!important;color:var(--accent)!important}.auth-upgrade-btn:hover{background:var(--accent)!important;color:#fff!important}.auth-modal-overlay{position:fixed;inset:0;background:#000c;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{background:var(--surface);border:1px solid var(--surface3);border-radius:12px;padding:28px 24px;max-width:360px;width:100%;position:relative}.auth-modal h3{color:var(--text);font-size:18px;margin-bottom:8px}.auth-modal-sub{color:var(--text-dim);font-size:13px;margin-bottom:16px;line-height:1.4}.auth-modal-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer}.auth-modal input[type=email]{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--surface3);border-radius:8px;color:var(--text);font-size:14px;outline:none;margin-bottom:12px}.auth-modal input[type=email]:focus{border-color:var(--accent)}.auth-send-btn{width:100%;padding:10px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.auth-send-btn:hover{opacity:.9}.auth-send-btn:disabled{opacity:.5;cursor:default}.auth-message{margin-top:10px;font-size:13px;text-align:center;min-height:18px}.auth-error{color:#e94560}.auth-success{color:#4caf50}.upgrade-price{font-size:28px;font-weight:700;color:var(--accent);text-align:center;margin:12px 0 4px}@media(max-width:400px){.auth-email{display:none}}:root{--accent: #0071e3;--accent-dim: rgba(0, 113, 227, .1);--shift-color: #5856d6;--shift-bg: rgba(88, 86, 214, .08);--bg: #f5f5f7;--surface: #ffffff;--surface2: #f0f0f2;--surface3: #e0e0e4;--text: #1d1d1f;--text-dim: #86868b;--text-muted: #aeaeb2;--knob-color: #bf5f00;--jack-color: #636366;--button-color: #34c759;--slider-color: #0071e3;--switch-color: #ff9500;--led-color: #ff3b30;--input-color: #30b0c7;--output-color: #ff3b30;--cv-color: #af52de;--gate-color: #ff9500;--audio-color: #34c759;--edit-accent: #5856d6}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}.top-bar{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 3px #0000000a}.top-bar .module-name{color:#1d1d1f}.top-bar .brand{color:#86868b}.toolbar{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.06)}.tb{background:#f0f0f2!important;color:#1d1d1f!important;border-radius:8px!important;border:none!important;font-weight:500;transition:all .2s}.tb:hover{background:#e8e8ec!important}.tb.active{background:#0071e3!important;color:#fff!important}.tb.shift-btn{background:#f0f0f5!important;border:1px solid #d1d1d6!important}.tb.shift-btn.active{background:linear-gradient(135deg,#5856d6,#af52de)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 2px 8px #5856d64d}.info-panel{background:#fff!important;border-color:#00000014!important;box-shadow:-2px 0 20px #0000000f}.info-panel.visible{background:#fff!important}.swipe-handle{background:#d1d1d6!important}.info-title{color:#1d1d1f!important;font-weight:700}.info-desc{color:#3a3a3c!important}.info-type-badge{font-weight:700;letter-spacing:.5px}.info-type-badge.knob{background:#bf5f0014!important;color:#bf5f00!important}.info-type-badge.jack{background:#6363661a!important;color:#636366!important}.info-type-badge.button{background:#34c7591a!important;color:#248a3d!important}.info-type-badge.slider{background:#0071e314!important;color:#0071e3!important}.info-type-badge.switch{background:#ff95001a!important;color:#c77800!important}.io-badge.input{background:#30b0c71a!important;color:#0a7e8c!important}.io-badge.output{background:#ff3b3014!important;color:#d70015!important}.io-badge.cv{background:#af52de14!important;color:#8944ab!important}.io-badge.gate{background:#ff95001a!important;color:#c77800!important}.io-badge.audio{background:#34c75914!important;color:#248a3d!important}.module-switcher-overlay{background:#f5f5f7f7!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.module-switcher-overlay h2{color:#1d1d1f!important}.picker-search{background:#fff!important;border:1px solid #d1d1d6!important;color:#1d1d1f!important;box-shadow:0 1px 4px #0000000a}.picker-search::placeholder{color:#aeaeb2!important}.picker-search:focus{border-color:#0071e3!important;box-shadow:0 0 0 3px #0071e326}.picker-tab{background:transparent!important;color:#86868b!important;border:1px solid #d1d1d6!important}.picker-tab.active{background:#0071e3!important;color:#fff!important;border-color:#0071e3!important}.module-switcher-grid a,.module-switcher-grid .mod-card{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#1d1d1f!important;box-shadow:0 1px 3px #0000000a}.module-switcher-grid a:hover,.module-switcher-grid .mod-card:hover{border-color:#0071e3!important;box-shadow:0 2px 8px #0071e31a}.mod-card .mod-brand{color:#86868b!important}.hotspot:hover{background:#c8aa001f!important}.hotspot.selected{background:#c8aa002e!important;box-shadow:0 0 18px #c8aa0080,0 0 40px #c8aa0040!important}.quick-ref{background:#0000004d!important;backdrop-filter:blur(10px)}.quick-ref-card{background:#fff!important;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(0,0,0,.06)}.quick-ref-card h2{color:#1d1d1f!important}.quick-ref-card .qr-brand{color:#86868b!important}.quick-ref-card .qr-stat{border-bottom-color:#0000000f!important;color:#1d1d1f}.quick-ref-card .qr-stat .label{color:#86868b!important}.quick-ref-close{background:#f0f0f2!important;color:#1d1d1f!important;border:none}.search-bar{background:#fff!important}.search-bar input{background:#f0f0f2!important;border:1px solid #d1d1d6!important;color:#1d1d1f!important}.search-bar input:focus{border-color:#0071e3!important}.search-result:hover{background:#f0f0f2!important}.sequences-panel{background:#fff!important;border-top:1px solid rgba(0,0,0,.08)!important}.seq-header{background:#fff!important;border-bottom-color:#0000000f!important}.seq-title{color:#1d1d1f!important}.seq-list-item{background:#f0f0f2!important;border-radius:12px!important}.seq-list-item:hover{background:#e8e8ec!important}.seq-list-item .seq-item-name{color:#1d1d1f!important}.seq-list-item .seq-item-cat{color:#0071e3!important}.seq-step{background:#f0f0f2!important;border-left-color:#d1d1d6!important}.seq-step.active{background:#0071e30f!important;border-left-color:#0071e3!important}.seq-step-num{background:#d1d1d6!important;color:#636366!important}.seq-step.active .seq-step-num{background:#0071e3!important;color:#fff!important}.seq-step-action{color:#1d1d1f!important}.seq-step-action .ctrl-ref{color:#0071e3!important}.seq-nav .seq-next{background:#0071e3!important;color:#fff!important}.seq-nav .seq-prev{background:#f0f0f2!important;color:#636366!important}.shift-info{background:#00000005!important;border-left-color:#d1d1d6!important;color:#86868b!important}.shift-info.active{background:#5856d60d!important;border-left-color:#5856d6!important;color:#3a3a3c!important}.shift-info.active .shift-label{color:#5856d6!important}.info-gotcha{background:#ff95000f!important;border-left-color:#ff9500!important;color:#8a6d3b!important}.info-gotcha .gotcha-label{color:#c77800!important}.info-io-notes{background:#30b0c70d!important;color:#3a3a3c!important}.related-chip{background:#f0f0f2!important;color:#0071e3!important}.related-chip:hover{background:#e8e8ec!important}.info-section-tag{background:#f0f0f2!important;color:#86868b!important}.loader h1{color:#1d1d1f!important}.loader .sub{color:#86868b!important}.drop-zone{border-color:#d1d1d6!important;background:#fff}.drop-zone.dragover{border-color:#0071e3!important;background:#0071e30a!important}.drop-zone p{color:#86868b!important}.demo-links a{background:#f0f0f2!important;color:#0071e3!important}.modes-modal{background:#0000004d!important;backdrop-filter:blur(10px)}.modes-card{background:#fff!important;box-shadow:0 8px 40px #0000001f}.modes-card h3{color:#1d1d1f!important}.section-toast{background:#0071e3!important;color:#fff!important;box-shadow:0 4px 12px #0071e34d}.toast{background:#1d1d1f!important;color:#fff!important;box-shadow:0 4px 12px #00000026}.fw-badge{background:#30b0c71a!important;color:#0a7e8c!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:3px}.info-close{background:#f0f0f2!important;color:#86868b!important}.edit-sidebar{background:#fff!important;border-left-color:#00000014!important}.edit-sidebar .panel-tab{background:#f0f0f2!important;color:#86868b!important}.edit-sidebar .panel-tab.active{background:#fff!important;color:#1d1d1f!important;border-bottom-color:#5856d6!important}.edit-sidebar .panel-section{border-bottom-color:#0000000f!important}.edit-sidebar .panel-section h3{color:#86868b!important}.edit-sidebar .field input,.edit-sidebar .field select,.edit-sidebar .field textarea{background:#f0f0f2!important;color:#1d1d1f!important;border:1px solid #d1d1d6!important}#siteGate{background:#f5f5f7!important}#siteGate div:first-child{color:#1d1d1f!important}