:root{--hybrid-bg: #FFFFFF;--hybrid-surface: rgba(0, 0, 0, .02);--hybrid-surface-hover: rgba(0, 0, 0, .04);--hybrid-surface-variant: rgba(0, 0, 0, .03);--hybrid-border: rgba(0, 0, 0, .06);--hybrid-border-hover: rgba(0, 0, 0, .15);--accent-blue: #000000;--accent-blue-container: rgba(0, 0, 0, .15);--accent-blue-hover: #333333;--accent-green: #000000;--accent-green-container: rgba(0, 230, 118, .12);--accent-purple: #000000;--accent-purple-container: rgba(0, 0, 0, .1);--accent-gold: #000000;--text-title: #000000;--text-body: #4A4A4A;--text-secondary: #555555;--success: #000000;--warning: #000000;--error: #000000;--font-display: "Uber Move", "UberMove", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Uber Move Text", "UberMoveText", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-code: "JetBrains Mono", monospace;--transition-default: all .4s cubic-bezier(.16, 1, .3, 1);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--hybrid-bg);background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.2px,transparent 1.2px);background-size:36px 36px;background-position:center center;color:var(--text-secondary);font-family:var(--font-body);height:100vh;width:100vw;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-20%;left:-10%;width:80vw;height:80vw;background:radial-gradient(circle,#0000000a,#090a0f00 60%);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:70vw;height:70vw;background:radial-gradient(circle,#00000008,#090a0f00 60%);z-index:-2;pointer-events:none}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:1rem 1rem 0}.glass-card{background:var(--hybrid-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--hybrid-border);border-radius:16px;box-shadow:var(--shadow-lg);transition:var(--transition-default);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000001a,#00000003);pointer-events:none}.glass-card:hover{border-color:var(--hybrid-border-hover)}.main-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;margin-bottom:1rem;flex-shrink:0;position:relative;background:none!important;box-shadow:none!important;border:none!important}.main-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;background:#ffffffe0;border:1px solid var(--hybrid-border);box-shadow:var(--shadow-lg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.20'/%3E%3C/svg%3E");backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);pointer-events:none;z-index:-1}.header-left{display:flex;align-items:center;gap:1rem}.brand-container{display:flex;align-items:center;gap:.75rem}.brand-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--text-title);display:flex;align-items:center;gap:.5rem}.brand-text .divider{color:var(--accent-blue);font-weight:300}.brand-text .sub-brand{color:var(--text-body);font-weight:500}.live-indicator{display:flex;align-items:center;justify-content:center;position:relative;width:8px;height:8px}.ping-dot{width:6px;height:6px;background-color:var(--error);border-radius:50%;box-shadow:0 0 6px var(--error)}.ping-wave{position:absolute;width:14px;height:14px;border:1.5px solid var(--error);border-radius:50%;opacity:0;animation:ping 2.5s infinite ease-out}@keyframes ping{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.version-badge{font-family:var(--font-code);font-size:.65rem;padding:.15rem .4rem;border-radius:6px;background:var(--hybrid-surface-variant);border:1px solid var(--hybrid-border);color:var(--text-body)}.header-right{display:flex;align-items:center;gap:1.25rem}.api-status-box{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.35rem .8rem;border-radius:20px;border:1px solid var(--hybrid-border)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--error)}.status-dot.connected{background-color:var(--success);box-shadow:0 0 6px var(--success)}.status-label{font-family:var(--font-code);font-size:.72rem;color:var(--text-body)}.icon-btn{background:none;border:none;color:var(--text-body);cursor:pointer;padding:.2rem;transition:var(--transition-default)}.icon-btn:hover{color:var(--text-title)}.time-budget-display{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.budget-label{color:var(--text-body);font-weight:500}.budget-value{color:var(--accent-gold);font-weight:600;font-size:.95rem;background:#ffb3000f;padding:.2rem .5rem;border-radius:6px;border:1px solid rgba(255,179,0,.15)}.workspace-viewport{flex-grow:1;overflow:hidden;padding-bottom:.5rem}.split-layout{display:grid;grid-template-columns:43fr 57fr;gap:1rem;height:100%}.config-pane,.prompter-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.control-card{padding:1.25rem 1.5rem;margin-bottom:1rem;flex-shrink:0}.card-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid var(--hybrid-border);padding-bottom:.6rem}.card-title-neon{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-title);letter-spacing:.02em}.card-title-neon i{color:var(--accent-blue);margin-right:.25rem}.card-subtitle-sub{font-size:.68rem;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.setting-slider-box{display:flex;flex-direction:column;gap:.5rem}.setting-slider-header{display:flex;justify-content:space-between;align-items:center}.slider-title{font-size:.72rem;font-weight:500;color:var(--text-body)}.slider-value{font-size:.85rem;color:var(--text-title);font-weight:600}.neon-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--hybrid-surface-variant);border:1px solid var(--hybrid-border);outline:none}.neon-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-blue);cursor:pointer;transition:transform .2s ease}.neon-slider-input::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--accent-blue-hover)}.neon-slider-input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-blue);border:none;cursor:pointer;transition:transform .2s ease}.neon-slider-input::-moz-range-thumb:hover{transform:scale(1.25);background:var(--accent-blue-hover)}.slider-footer{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted)}.section-title-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .25rem;flex-shrink:0;margin-bottom:.4rem}.bar-title{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--text-title);letter-spacing:.02em}.bar-subtitle{font-size:.65rem;color:var(--text-muted)}.wires-scroll-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.wires-scroll-list::-webkit-scrollbar,.teleprompter-viewport::-webkit-scrollbar{width:5px}.wires-scroll-list::-webkit-scrollbar-track,.teleprompter-viewport::-webkit-scrollbar-track{background:transparent}.wires-scroll-list::-webkit-scrollbar-thumb,.teleprompter-viewport::-webkit-scrollbar-thumb{background:var(--hybrid-border);border-radius:99px}.wires-scroll-list::-webkit-scrollbar-thumb:hover,.teleprompter-viewport::-webkit-scrollbar-thumb:hover{background:var(--hybrid-border-hover)}.wire-card{padding:1.15rem;border-left:2px solid var(--hybrid-border);background:var(--hybrid-surface);border-radius:12px}.wire-card.active{border-left-color:var(--accent-blue);background:#00000005}.wire-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.wire-num{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--text-body)}.wire-num i{color:var(--accent-blue);margin-right:.25rem}.wire-time-badge{font-family:var(--font-code);font-size:.72rem;background:var(--hybrid-surface-variant);padding:.15rem .4rem;border-radius:6px;border:1px solid var(--hybrid-border);color:var(--text-body)}.wire-card-grid{display:flex;flex-direction:column;gap:.5rem}.url-input-row{display:flex;gap:.5rem;align-items:center;width:100%}.url-input-row .icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;background:#00000008;border:1px solid var(--hybrid-border);border-radius:8px;color:var(--text-body);cursor:pointer;font-size:.78rem;transition:var(--transition-default)}.url-input-row .icon-btn:hover{background:#00000014;border-color:var(--hybrid-border-hover);color:var(--text-title)}.url-input-row .reset-btn:hover{color:var(--error);border-color:#ff3b304d;background:#ff3b300f}.url-input-row .paste-btn:hover{color:var(--accent-blue);border-color:#00000014;background:#0000000f}.url-input-row .neon-input{flex-grow:1}.neon-input,.neon-textarea,.neon-dropdown{width:100%;background:var(--hybrid-surface-variant);border:1px solid var(--hybrid-border);border-radius:8px;color:var(--text-title);font-family:var(--font-body);font-size:.8rem;padding:.45rem .75rem;outline:none;transition:var(--transition-default)}.neon-input:focus,.neon-textarea:focus,.neon-dropdown:focus{border-color:var(--accent-blue)}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.visibility-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;transition:var(--transition-default)}.visibility-btn:hover{color:var(--text-body)}.neon-textarea{min-height:55px;resize:vertical;font-size:.75rem}.collapsible-trigger-btn{background:none;border:none;color:var(--text-body);font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;align-self:flex-start;margin-top:.15rem;font-family:var(--font-body)}.collapsible-trigger-btn:hover{color:var(--text-title)}.collapsible-trigger-btn i{transition:transform .2s ease}.collapsible-trigger-btn.expanded i{transform:rotate(90deg)}.collapsed-content{display:none}.collapsed-content.show{display:block}.card-selectors-row{display:grid;grid-template-columns:1.2fr 1fr;gap:.75rem;margin-top:.25rem}.card-setting-box{display:flex;flex-direction:column;gap:.25rem}.card-setting-label{font-size:.68rem;color:var(--text-body);font-weight:500}.share-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--hybrid-surface-variant);border:1px solid var(--hybrid-border);outline:none;margin-top:.35rem}.share-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-gold);cursor:pointer}.share-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-gold);border:none;cursor:pointer}.prompter-card{flex-grow:1;display:flex;flex-direction:column;height:100%;border-color:var(--hybrid-border)}.prompter-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;border-bottom:1px solid var(--hybrid-border);flex-shrink:0}.prompter-title-box{display:flex;flex-direction:column;gap:.15rem}.prompter-label-neon{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-title);letter-spacing:.02em}.prompter-label-neon i{color:var(--accent-blue);margin-right:.25rem}.prompter-subtext{font-size:.68rem;color:var(--text-body)}.btn-primary-neon{background:var(--accent-blue);border:none;color:#fff;padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font-display);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition-default);box-shadow:0 4px 12px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.35)}.btn-primary-neon:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1.5px);box-shadow:0 8px 20px #00000014}.btn-primary-neon:disabled{background:var(--hybrid-surface-variant)!important;border:1px solid var(--hybrid-border)!important;color:var(--text-muted)!important;box-shadow:none!important;cursor:not-allowed}.alert-banner{background:#ff3b3014;border-bottom:1px solid var(--error);color:#ff8f8f;padding:.55rem 1.5rem;font-size:.75rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.prompter-viewport-container{flex-grow:1;position:relative;overflow:hidden;background:var(--hybrid-surface)}.teleprompter-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.teleprompter-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:2rem 2.5rem;z-index:2;scroll-behavior:smooth}.prompter-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-body);padding:2rem}.prompter-placeholder i{font-size:2.2rem;margin-bottom:1rem;color:var(--hybrid-border-hover)}.prompter-placeholder h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-title);margin-bottom:.5rem}.prompter-placeholder p{font-size:.8rem;max-width:340px;line-height:1.5}.prompter-text-content{font-family:var(--font-body);font-weight:500;line-height:1.7;color:var(--text-body);transition:var(--transition-default)}.font-scale-sm .prompter-text-content{font-size:1.1rem}.font-scale-base .prompter-text-content{font-size:1.45rem}.font-scale-lg .prompter-text-content{font-size:1.95rem}.font-scale-xl .prompter-text-content{font-size:2.5rem}.prompter-meta-tag{color:var(--accent-gold);font-family:var(--font-code);font-size:.72rem;border:1px solid rgba(255,179,0,.15);background:#ffb3000d;padding:.15rem .45rem;border-radius:6px;display:inline-block;margin-right:.4rem;vertical-align:middle;font-weight:500;letter-spacing:.02em}.prompter-sentence{transition:color .15s ease,background .15s ease;display:inline;padding:0 .15rem;border-radius:4px}.prompter-sentence.active{color:var(--text-title);background:var(--hybrid-surface-hover)}.prompter-word{display:inline-block;margin-right:.25rem;transition:color .1s ease}.prompter-word.spoken-active{color:var(--accent-blue)!important;text-shadow:0 0 10px rgba(0,0,0,.2)}.prompter-word.spoken-past{color:#00000014}.narrator-controls-panel{background:var(--hybrid-surface);border-top:1px solid var(--hybrid-border);padding:1.15rem 1.5rem;flex-shrink:0;display:flex;flex-direction:column;gap:1.15rem}.narrator-settings-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:1rem;align-items:end}.narrator-setting-box{display:flex;flex-direction:column;gap:.4rem}.narrator-setting-header{display:flex;justify-content:space-between;font-size:.68rem;font-weight:500;color:var(--text-body)}.control-label{font-size:.68rem;font-weight:500;color:var(--text-body);margin-bottom:.4rem;display:block}.control-value{color:var(--text-title);font-weight:600}.neon-dropdown{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a0a5b5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.prompter-scale-selector-box{display:flex;flex-direction:column}.scale-btn-group{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hybrid-border);border-radius:8px;background:var(--hybrid-surface-variant);overflow:hidden;padding:2px}.scale-btn{background:none;border:none;color:var(--text-body);font-family:var(--font-code);font-size:.7rem;font-weight:600;padding:.35rem 0;cursor:pointer;border-radius:6px;transition:var(--transition-default)}.scale-btn:hover{color:var(--text-title);background:#00000005}.scale-btn.active{color:#fff;background:var(--accent-blue);font-weight:700}.narration-actions-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.03);padding-top:.85rem}.narration-left-group{display:flex;align-items:center;gap:.75rem}.btn-narrate-neon{background:#ffb30014;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font-display);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition-default);text-shadow:0 1px 1px rgba(0,0,0,.15)}.btn-narrate-neon:hover{background:var(--accent-gold);color:#000;box-shadow:0 4px 12px #ffb30033}.btn-stop-neon{background:#ff3b300f;border:1px solid var(--error);color:var(--error);padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font-display);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition-default);text-shadow:0 1px 1px rgba(0,0,0,.15)}.btn-stop-neon:hover:not(:disabled){background:var(--error);color:#000}.btn-stop-neon:disabled{border-color:#ff3b3026;color:#ff3b3040;background:transparent;cursor:not-allowed}.visualizer-container{background:var(--hybrid-surface-variant);border:1px solid var(--hybrid-border);border-radius:8px;padding:2px 6px;height:32px;width:150px;display:flex;align-items:center;overflow:hidden}.btn-secondary-neon{background:#00000008;border:1px solid var(--hybrid-border);color:var(--text-body);padding:.5rem 1.25rem;border-radius:8px;font-family:var(--font-display);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-default);text-shadow:0 1px 1px rgba(0,0,0,.05)}.btn-secondary-neon:hover{background:#00000014;color:var(--text-title);border-color:var(--hybrid-border-hover)}.news-ticker-bar{display:flex;align-items:center;background:var(--hybrid-surface);border-top:1px solid var(--hybrid-border);height:30px;flex-shrink:0;margin:.5rem -1rem 0;padding:0 1.5rem;overflow:hidden}.ticker-label{background:var(--accent-blue-container);border:1px solid rgba(0,0,0,.2);color:var(--accent-blue);font-family:var(--font-display);font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;letter-spacing:.05em;margin-right:1.25rem;flex-shrink:0}.ticker-content-wrapper{overflow:hidden;white-space:nowrap;flex-grow:1}.ticker-scroll{display:inline-block;white-space:nowrap;padding-left:100%;animation:ticker-move 40s linear infinite}.ticker-scroll span{display:inline-block;font-family:var(--font-code);font-size:.72rem;color:var(--text-body);margin-right:3rem}@keyframes ticker-move{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-card{width:90%;max-width:440px;background:#fff;border:1px solid var(--hybrid-border-hover);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 50px #00000014;border-radius:20px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-family:var(--font-display);font-size:1.05rem;color:var(--text-title);font-weight:600}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;transition:var(--transition-default)}.modal-close-btn:hover{color:var(--text-title)}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-info-text{font-size:.75rem;color:var(--text-body);line-height:1.5}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.72rem;color:var(--text-body);font-weight:600}.modal-footer{display:flex;justify-content:flex-end}.hidden{display:none!important}.wires-scroll-list,.teleprompter-viewport{scrollbar-width:thin;scrollbar-color:var(--hybrid-border) transparent}@media (max-width: 900px){body{height:auto;overflow-y:auto;overflow-x:hidden}.app-container{height:auto;min-height:100dvh;padding-bottom:2rem}.main-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.header-left{justify-content:space-between}.header-right{justify-content:space-between;width:100%;margin-top:.5rem}.workspace-viewport{height:auto;overflow:visible}.split-layout{grid-template-columns:1fr;height:auto;gap:1.5rem}.config-pane,.prompter-pane{height:auto;overflow:visible}.control-card{margin-bottom:.5rem}.wires-scroll-list{max-height:400px;overscroll-behavior:contain}.prompter-card{height:auto;min-height:500px}.prompter-viewport-container{height:400px}.teleprompter-viewport{overscroll-behavior:contain}.narrator-settings-grid{grid-template-columns:1fr 1fr;gap:1rem}.narration-actions-bar{flex-direction:column;align-items:stretch;gap:1rem}.narration-left-group{flex-wrap:wrap;justify-content:center}.narration-right-group{display:flex;justify-content:center}.visualizer-container{width:100%;justify-content:center}}.back-portfolio-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#00000008;border:1px solid var(--hybrid-border);color:var(--text-secondary);text-decoration:none;transition:var(--transition-default);flex-shrink:0}.back-portfolio-btn:hover{background:#00000026;border-color:#00000014;color:var(--accent-blue);transform:translate(-3px);box-shadow:0 4px 15px #00000040}.back-portfolio-btn i{width:16px;height:16px;display:flex;align-items:center;justify-content:center}