.prompter-container{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 60px);background:var(--bg-base);position:relative}.prompter-editor-view{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:grid;grid-template-columns:1fr 340px;gap:1.5rem}.editor-main-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.editor-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.editor-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.prompter-textarea{width:100%;height:420px;background:#000;color:#f1f5f9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;font-size:1.15rem;line-height:1.7;resize:vertical;font-family:inherit;box-shadow:inset 0 2px 6px #0009}.prompter-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-glow),inset 0 2px 6px #0009}.editor-stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.stats-group{display:flex;align-items:center;gap:1.25rem}.stat-item{display:flex;flex-direction:column}.stat-val{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.stat-lbl{font-size:.7rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em}.editor-settings-sidebar{display:flex;flex-direction:column;gap:1.25rem}.settings-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem}.settings-box-title{font-size:.95rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem;color:var(--text-main);border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.setting-row{margin-bottom:1rem}.setting-row:last-child{margin-bottom:0}.setting-label{display:flex;justify-content:space-between;align-items:center;font-size:.825rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem}.setting-val-display{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.color-option-btn{height:36px;border-radius:var(--radius-md);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;transition:all var(--transition-fast)}.color-option-btn.active{border-color:#fff;box-shadow:0 0 10px #fff6}.color-white{background:#000;color:#fff;border-color:#333}.color-yellow{background:#000;color:#ffe066;border-color:#333}.color-green{background:#000;color:#51cf66;border-color:#333}.color-cyan{background:#000;color:#66d9e8;border-color:#333}.button-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.btn-toggle{font-size:.75rem;padding:.45rem .5rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);text-align:center}.btn-toggle.active{background:#06b6d426;border-color:var(--accent-cyan);color:var(--accent-cyan);font-weight:600}.prompter-live-view{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column;overflow:hidden;user-select:none}.prompter-focus-guide{position:absolute;left:0;right:0;top:35%;height:54px;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:linear-gradient(90deg,transparent 0%,rgba(6,182,212,.08) 15%,rgba(6,182,212,.14) 50%,rgba(6,182,212,.08) 85%,transparent 100%);border-top:1px dashed rgba(6,182,212,.4);border-bottom:1px dashed rgba(6,182,212,.4);transition:top .2s ease}.prompter-focus-guide.guide-yellow{background:linear-gradient(90deg,transparent 0%,rgba(255,224,102,.08) 15%,rgba(255,224,102,.14) 50%,rgba(255,224,102,.08) 85%,transparent 100%);border-top-color:#ffe06673;border-bottom-color:#ffe06673}.guide-arrow{color:var(--accent-cyan);font-size:1.25rem;font-weight:700;opacity:.8}.prompter-focus-guide.guide-yellow .guide-arrow{color:#ffe066}.prompter-vignette-top,.prompter-vignette-bottom{position:absolute;left:0;right:0;height:22vh;pointer-events:none;z-index:9}.prompter-vignette-top{top:0;background:linear-gradient(180deg,#000000 15%,rgba(0,0,0,.85) 50%,transparent 100%)}.prompter-vignette-bottom{bottom:0;background:linear-gradient(0deg,#000000 20%,rgba(0,0,0,.85) 50%,transparent 100%)}.prompter-viewport{flex:1;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position}.prompter-viewport::-webkit-scrollbar{display:none}.prompter-content{margin:0 auto;padding-top:35vh;padding-bottom:60vh;min-height:100%;transition:width .1s ease}.prompter-content.mirror-h{transform:scaleX(-1)}.prompter-content.mirror-v{transform:scaleY(-1)}.prompter-content.mirror-both{transform:scale(-1)}.prompter-text{white-space:pre-wrap;word-break:break-word;font-weight:600;line-height:1.6;letter-spacing:.01em;text-align:left}.text-color-white{color:#fff}.text-color-yellow{color:#ffe066}.text-color-green{color:#51cf66}.text-color-cyan{color:#66d9e8}.prompter-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:20;background:#12161eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-bright);border-radius:var(--radius-full);padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #000c;transition:opacity .3s ease,transform .3s ease}.prompter-hud.hud-hidden{opacity:.15;transform:translate(-50%) translateY(40%)}.prompter-hud:hover,.prompter-hud:focus-within{opacity:1!important;transform:translate(-50%) translateY(0)!important}.hud-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);transition:all var(--transition-fast)}.hud-btn:hover{background:var(--bg-hover);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.08)}.hud-btn.play-btn{width:46px;height:46px;background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;border-color:#06b6d4;box-shadow:0 0 16px var(--accent-cyan-glow)}.hud-btn.play-btn.playing{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#f59e0b;box-shadow:0 0 16px var(--accent-amber-glow)}.hud-divider{width:1px;height:24px;background:var(--border-subtle)}.hud-speed-control{display:flex;align-items:center;gap:.4rem}.hud-label{font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan);min-width:60px;text-align:center}.hud-timer-badge{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);padding:.2rem .5rem;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.prompter-progress-track{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff0d;z-index:30}.prompter-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#06b6d4,#10b981);transition:width .1s linear}.prompter-exit-btn{position:absolute;top:1rem;right:1.25rem;z-index:25;background:#141820b3;backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;padding:.4rem .8rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.prompter-exit-btn:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-bright)}.shortcuts-legend{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;font-size:.8rem;margin-top:.75rem}.shortcut-row{display:flex;align-items:center;justify-content:space-between}.kbd-key{font-family:var(--font-mono);font-size:.7rem;padding:.15rem .45rem;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:4px;color:var(--text-main)}@media(max-width:900px){.prompter-editor-view{grid-template-columns:1fr}}