.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.75rem 1.25rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.35rem;align-items:start}.editor-main-card{background:var(--surface-1);border:.5px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1.4rem;display:flex;flex-direction:column;gap:.95rem;animation:reveal-up .56s var(--ease-spring) backwards}.editor-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.editor-title{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;font-weight:700;display:flex;align-items:center;gap:.5rem}.editor-title .ui-icon{color:var(--accent)}.editor-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prompter-textarea{width:100%;height:440px;background:#000;color:#f1f5f9;border:.5px solid var(--hairline);border-radius:var(--radius-m);padding:1.25rem;font-size:1.1rem;line-height:1.7;resize:vertical;font-family:inherit;box-shadow:inset 0 2px 8px #00000080;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.prompter-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--fill-selected),inset 0 2px 8px #00000080}.editor-stats-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.7rem .9rem;background:var(--surface-2);border:.5px solid var(--hairline);border-radius:var(--radius-m)}.stats-group{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column}.stat-val{font-size:1.05rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--accent);line-height:1.2}.stat-lbl{font-size:.6875rem;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;color:var(--label-3);font-weight:550}.editor-settings-sidebar{display:flex;flex-direction:column;gap:.9rem}.settings-box{background:var(--surface-1);border:.5px solid var(--hairline);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:1.1rem 1.15rem;animation:reveal-up .56s var(--ease-spring) backwards}.settings-box-title{font-size:.9rem;font-weight:700;letter-spacing:-.008em;margin-bottom:.9rem;display:flex;align-items:center;gap:.45rem;color:var(--label-1);padding-bottom:.55rem;border-bottom:.5px solid var(--hairline)}.settings-box-title .ui-icon{color:var(--accent)}.setting-row{margin-bottom:1rem}.setting-row:last-child{margin-bottom:0}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.color-option-btn{height:38px;border-radius:var(--radius-s);background:#000;border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-weight:650;font-size:.72rem;letter-spacing:0;transition:transform var(--dur-press) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.color-option-btn:active{transform:scale(.94)}.color-option-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--fill-selected)}.color-white{color:#fff}.color-yellow{color:#ffd60a}.color-green{color:#30d158}.color-cyan{color:#64d2ff}.button-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.button-toggle-group .btn-toggle{border-radius:var(--radius-m);padding:.52rem .6rem;text-align:center;background:var(--fill-input)}.button-toggle-group .btn-toggle.active{background:var(--fill-selected);color:var(--accent);box-shadow:none}.shortcuts-legend{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .9rem;font-size:.8125rem;margin-top:.35rem}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--label-2)}.prompter-live-view{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column;overflow:hidden;user-select:none;--p-line: #64d2ff;--p-line-hi: #ffd60a}.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(100,210,255,.07) 15%,rgba(100,210,255,.13) 50%,rgba(100,210,255,.07) 85%,transparent 100%);border-top:1px dashed rgba(100,210,255,.45);border-bottom:1px dashed rgba(100,210,255,.45);transition:top .2s ease}.prompter-focus-guide.guide-yellow{background:linear-gradient(90deg,transparent 0%,rgba(255,214,10,.07) 15%,rgba(255,214,10,.13) 50%,rgba(255,214,10,.07) 85%,transparent 100%);border-top-color:#ffd60a73;border-bottom-color:#ffd60a73}.guide-arrow{color:var(--p-line);font-size:1.25rem;font-weight:700;opacity:.75}.prompter-focus-guide.guide-yellow .guide-arrow{color:var(--p-line-hi)}.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%}.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:#ffd60a}.text-color-green{color:#30d158}.text-color-cyan{color:#64d2ff}.prompter-progress-track{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff0f;z-index:30}.prompter-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#0a84ff,#64d2ff)}.prompter-hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:20;background:var(--material-hud);backdrop-filter:blur(var(--blur-med)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-med)) saturate(180%);border:.5px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:.5rem .9rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 12px 40px #000000bf;transition:opacity .26s var(--ease-standard),transform .26s var(--ease-spring)}.prompter-hud.hud-hidden{opacity:.12;transform:translate(-50%) translateY(46%);pointer-events:none}.prompter-hud:hover,.prompter-hud:focus-within{opacity:1!important;transform:translate(-50%) translateY(0)!important;pointer-events:auto}.hud-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c1c1eb3;border:.5px solid rgba(255,255,255,.12);color:#fff;transition:transform var(--dur-press) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.hud-btn:hover{background:#3a3a3c;border-color:var(--p-line);color:var(--p-line)}.hud-btn:active{transform:scale(.9)}.hud-btn.active{background:#0a84ff47;color:#64d2ff;border-color:#0a84ff99}.hud-btn.play-btn{width:46px;height:46px;background:#0a84ff;color:#fff;border-color:transparent;box-shadow:0 0 22px #0a84ff73}.hud-btn.play-btn:hover{background:#2b8bff;color:#fff;border-color:transparent}.hud-btn.play-btn.playing{background:#ff9f0a;box-shadow:0 0 22px #ff9f0a73}.hud-divider{width:.5px;height:24px;background:#ffffff29}.hud-speed-control{display:flex;align-items:center;gap:.35rem}.hud-label{font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:#64d2ff;min-width:58px;text-align:center}.hud-timer-badge{font-family:var(--font-mono);font-size:.8rem;color:#ebebf5b3;padding:.2rem .55rem;background:#1c1c1eb3;border-radius:var(--radius-s);border:.5px solid rgba(255,255,255,.1)}.prompter-exit-btn{position:absolute;top:1rem;right:1.25rem;z-index:25;background:#1c1c1e9e;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:.5px solid rgba(255,255,255,.14);color:#ebebf5b3;font-size:.8125rem;font-weight:550;padding:.4rem .85rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:.4rem;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-press) var(--ease-standard)}.prompter-exit-btn:hover{background:#3a3a3c;color:#fff}.prompter-exit-btn:active{transform:scale(.97)}.presets-menu{background:var(--surface-2);border:.5px solid var(--hairline);border-radius:var(--radius-full);font-size:.8125rem;font-weight:550;padding:.42rem .85rem;color:var(--label-1);cursor:pointer}@media(max-width:900px){.prompter-editor-view{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.prompter-hud.hud-hidden{opacity:.35;transform:translate(-50%)}}