:root{--bg:#0b0908;--surface:#ffffff08;--surface-2:#ffffff0d;--field:#00000059;--border:#ffffff14;--border-strong:#ffffff24;--orange:#fe7b08;--orange-soft:#fe7b0824;--orange-border:#fe7b0861;--green:#34d399;--text-hi:#ffffffeb;--text-mid:#ffffffa3;--text-low:#fff6;--text-faint:#ffffff3d;--r-panel:16px;--r-input:12px;--r-btn:8px;--shadow-panel:0 1px 0 #ffffff0a inset, 0 16px 40px #00000059}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text-hi);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--orange-border);outline-offset:2px;border-radius:4px}.root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bg-orb-orange{background:var(--orange);opacity:.1;filter:blur(140px);pointer-events:none;z-index:0;border-radius:50%;width:720px;height:560px;position:absolute;top:-220px;right:-160px}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 50% 40%,#000 0%,#0000 78%);mask-image:radial-gradient(90% 90% at 50% 40%,#000 0%,#0000 78%)}.navbar{z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-brand{color:var(--text-hi);letter-spacing:.01em;font-size:15px;font-weight:400}.navbar-brand strong{font-weight:700}.navbar-divider{color:var(--text-faint);margin:0 2px;font-size:14px}.navbar-tagline{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-version{color:var(--text-low);font-size:12px}.system-pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:flex}.system-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.system-text{color:var(--text-low);font-size:11px}.body-wrap{z-index:1;flex:1;display:flex;position:relative;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:72px;padding:24px 0 20px;display:flex}.sidebar-icon{cursor:pointer;opacity:.65;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .15s,background .15s;display:flex}.sidebar-icon:hover{opacity:1;background:var(--surface-2)}.sidebar-avatar{background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:border-color .15s;display:flex}.sidebar-avatar:hover{border-color:var(--orange-border)}.main-content{flex:1;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:32px;display:flex;overflow:hidden}.left-panel,.right-panel{border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--border);height:100%;box-shadow:var(--shadow-panel);flex-direction:column;min-width:0;padding:24px;display:flex;position:relative}.left-panel{flex:0 480px}.right-panel{flex:1 1 0}.panel-glow-line{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.tab-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:10.5px;font-weight:600;display:inline-block}.field-label{color:var(--text-mid);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}.panel-textarea{background:var(--field);border:1px solid var(--border);border-radius:var(--r-input);width:100%;color:var(--text-hi);resize:none;outline:none;flex-shrink:0;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.65;transition:border-color .15s}.panel-textarea::placeholder{color:var(--text-faint)}.panel-textarea:hover{border-color:var(--border-strong)}.panel-textarea:focus{border-color:var(--orange-border)}.generate-btn{border-radius:var(--r-input);color:#fff;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#ff8a1e 0%,#f06d00 100%);border:none;flex-shrink:0;width:100%;height:48px;margin-top:16px;font-family:inherit;font-size:13px;font-weight:700;transition:filter .15s,box-shadow .15s,transform .15s;box-shadow:0 8px 24px #fe7b0847}.generate-btn:disabled{opacity:.35;box-shadow:none}.generate-btn:not(:disabled):hover{filter:brightness(1.07);box-shadow:0 10px 28px #fe7b0866}.generate-btn:not(:disabled):active{transform:translateY(1px)}.chips-row{flex-shrink:0;gap:8px;margin-top:14px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:flex}.chip-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.chip-text{color:var(--text-low);white-space:nowrap;font-size:10px}.right-panel-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.header-tabs{align-items:center;gap:8px;min-width:0;display:flex}.copy-tab-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.copy-tab-btn:not(:disabled):hover{color:var(--text-hi);border-color:var(--border-strong);background:#ffffff17}.copy-tab-btn:disabled{opacity:.4}.copy-tab-btn.copied{color:var(--green);border-color:#34d39980}.alt-toggle{background:var(--orange-soft);border:1px solid var(--orange-border);color:var(--orange);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-family:inherit;font-size:10.5px;font-weight:700;transition:background .15s,filter .15s;display:flex}.alt-toggle:hover{filter:brightness(1.15)}.alt-toggle.open{background:#fe7b0838}.alt-count{background:var(--orange);color:#1a0d00;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:inline-flex}.alt-panel{background:var(--surface);border:1px solid var(--orange-border);border-radius:var(--r-input);flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:14px;padding:14px;display:flex}.alt-panel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.alt-panel-title{color:var(--text-low);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.alt-row{background:var(--field);border:1px solid var(--border);border-radius:var(--r-btn);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.alt-hook-text{color:var(--text-hi);font-size:13.5px;line-height:1.6}.alt-row-buttons{gap:8px;display:flex}.alt-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text-mid);letter-spacing:.03em;white-space:nowrap;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.alt-btn:hover{color:var(--text-hi);border-color:var(--border-strong);background:#ffffff17}.alt-btn.copied{color:var(--green);border-color:#34d39980}.alt-btn-primary{background:var(--orange-soft);border-color:var(--orange-border);color:var(--orange)}.alt-btn-primary:hover{color:#ffa14d;border-color:var(--orange-border);background:#fe7b083d}.separator{background:var(--border);flex-shrink:0;height:1px;margin-bottom:14px}.script-box{background:var(--field);border:1px solid var(--border);border-radius:var(--r-input);flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.script-box::-webkit-scrollbar{width:4px}.script-box::-webkit-scrollbar-track{background:0 0}.script-box::-webkit-scrollbar-thumb{background:#fe7b084d;border-radius:2px}.script-empty{justify-content:center;align-items:center;height:100%;display:flex}.script-empty-text{color:var(--text-faint);font-size:13px}.script-content{color:var(--text-hi);font-size:14.5px;line-height:1.85}.script-content p{margin:0}.status-separator{background:var(--border);flex-shrink:0;height:1px;margin-top:14px;margin-bottom:14px}.status-bar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.status-bar-left{align-items:center;gap:10px;display:flex}.check-circle{background:var(--orange-soft);border:1px solid var(--orange-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.status-bar-text{color:var(--text-mid);font-size:12px;line-height:1.4}.word-count-value{color:var(--orange);font-size:14px;font-weight:700}.word-count-label{color:var(--text-mid);font-size:12px}.error-box{border-radius:var(--r-btn);color:#f87171;background:#dc26261a;border:1px solid #dc262659;flex-shrink:0;margin-top:10px;padding:10px 14px;font-size:12px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}