:root{--csc-primary:#6366F1;--csc-primary-hover:#4F46E5;--csc-primary-light:rgba(99,102,241,.06);--csc-primary-border:rgba(99,102,241,.2);--csc-primary-glow:rgba(99,102,241,.18);--csc-bg:#FAFAF8;--csc-bg-dark:#09090B;--csc-surface:#18181B;--csc-surface-2:#27272A;--csc-text:#FAFAFA;--csc-muted:#A1A1AA;--csc-border:rgba(255,255,255,.07);--csc-card:rgba(255,255,255,.03);--csc-radius:14px}.csc-page{background:var(--csc-bg);min-height:100vh;font-family:'DM Sans',sans-serif}.csc-page .landing-hero{background:linear-gradient(155deg,#09090B 0%,#13111C 35%,#1a1735 60%,#0e0c1f 100%)}.csc-page .landing-hero::before{background:radial-gradient(ellipse 45% 55% at 60% 25%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 35% 40% at 25% 80%,rgba(79,70,229,.1),transparent)}.csc-page .landing-hero h1{font-family:'Sora',sans-serif}.csc-page .landing-hero h1 em{background:linear-gradient(135deg,#A5B4FC,#6366F1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.csc-page .landing-eyebrow{color:var(--csc-primary)}.csc-page .landing-cta-primary{background:var(--csc-primary);box-shadow:0 4px 14px var(--csc-primary-glow)}.csc-page .landing-cta-primary:hover{background:var(--csc-primary-hover)}.csc-page .landing-stat-val.indigo{color:var(--csc-primary)}.csc-page .feature-card:hover{border-color:var(--csc-primary-border)}.csc-page .landing-section-title{font-family:'Sora',sans-serif}.csc-page .landing-badge.ai{color:var(--csc-primary);background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.2)}.csc-page .faq-item summary::before{color:var(--csc-primary)}.csc-demo-card{background:var(--csc-bg-dark);border:1px solid rgba(99,102,241,.15);border-radius:20px;padding:28px;color:#fff;max-width:400px}.csc-demo-section{background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.12);border-radius:12px;padding:14px;margin-bottom:10px}.csc-demo-section-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--csc-primary);letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.csc-demo-section-text{font-size:13px;line-height:1.6;color:rgba(255,255,255,.75)}.csc-demo-timestamp{font-size:10px;color:rgba(255,255,255,.25);font-family:monospace}.csc-app{background:var(--csc-bg-dark);min-height:100vh;color:var(--csc-text);font-family:'DM Sans',sans-serif;display:flex;flex-direction:column}.csc-app h1,.csc-app h2,.csc-app h3,.csc-app h4{color:#fff;font-family:'Sora',sans-serif}.csc-app p{color:var(--csc-muted)}.csc-topbar{background:var(--csc-surface);border-bottom:1px solid var(--csc-border);padding:0 24px;display:flex;align-items:center;height:56px;gap:16px;position:sticky;top:0;z-index:50}.csc-topbar-back{font-size:13px;color:var(--csc-muted);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;transition:all .15s}.csc-topbar-back:hover{color:#fff;background:var(--csc-surface-2)}.csc-topbar-brand{font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;text-decoration:none}.csc-topbar-title{font-size:13px;color:var(--csc-muted);font-weight:500;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csc-topbar-actions{display:flex;gap:8px}.csc-topbar-btn{background:transparent;border:1px solid var(--csc-border);border-radius:8px;color:var(--csc-muted);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.csc-topbar-btn:hover{background:var(--csc-surface-2);color:#fff;border-color:rgba(255,255,255,.12)}.csc-topbar-btn.active{background:var(--csc-primary-light);border-color:var(--csc-primary-border);color:var(--csc-primary)}.csc-workspace{flex:1;display:flex;flex-direction:column;padding:24px 20px 100px;max-width:860px;margin:0 auto;width:100%}.csc-gen-form{background:var(--csc-surface);border:1px solid var(--csc-border);border-radius:var(--csc-radius);padding:28px;animation:cscFadeIn .35s ease}@keyframes cscFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.csc-form-title{font-size:20px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:10px;font-family:'Sora',sans-serif}.csc-form-group{margin-bottom:20px}.csc-form-label{font-size:13px;font-weight:600;color:var(--csc-muted);margin-bottom:8px;display:block}.csc-form-input,.csc-form-textarea{width:100%;background:var(--csc-bg-dark);border:1px solid var(--csc-border);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;font-family:'DM Sans',sans-serif;transition:all .2s;box-sizing:border-box}.csc-form-input:focus,.csc-form-textarea:focus{outline:none;border-color:var(--csc-primary);box-shadow:0 0 0 3px var(--csc-primary-light)}.csc-form-textarea{resize:vertical;min-height:80px}.csc-pills{display:flex;flex-wrap:wrap;gap:8px}.csc-pill{background:var(--csc-bg-dark);border:1px solid var(--csc-border);border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--csc-muted);cursor:pointer;transition:all .15s;user-select:none}.csc-pill:hover{border-color:rgba(255,255,255,.15);color:#fff}.csc-pill.active{background:var(--csc-primary);border-color:var(--csc-primary);color:#fff;box-shadow:0 2px 8px var(--csc-primary-glow)}.csc-generate-btn{background:var(--csc-primary);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;width:100%;margin-top:8px;transition:all .2s;position:relative;overflow:hidden;font-family:'DM Sans',sans-serif}.csc-generate-btn:hover{background:var(--csc-primary-hover);box-shadow:0 6px 20px var(--csc-primary-glow)}.csc-generate-btn:disabled{opacity:.5;cursor:not-allowed}.csc-generate-btn .csc-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cscSpin .8s linear infinite;margin-right:8px;vertical-align:middle}.csc-generate-btn.loading .csc-spinner{display:inline-block}@keyframes cscSpin{to{transform:rotate(360deg)}}.csc-script-header{background:var(--csc-surface);border:1px solid var(--csc-border);border-radius:var(--csc-radius);padding:18px 22px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.csc-script-meta{display:flex;gap:20px;flex-wrap:wrap}.csc-script-meta-item{font-size:13px;color:var(--csc-muted)}.csc-script-meta-item strong{color:var(--csc-primary);font-weight:700}.csc-script-actions{display:flex;gap:8px;flex-wrap:wrap}.csc-section{background:var(--csc-surface);border:1px solid var(--csc-border);border-radius:var(--csc-radius);margin-bottom:8px;animation:cscFadeIn .4s ease;transition:border-color .15s}.csc-section:hover{border-color:rgba(255,255,255,.1)}.csc-section-header{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none}.csc-section-toggle{width:22px;height:22px;background:var(--csc-primary-light);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--csc-primary);transition:transform .2s;flex-shrink:0}.csc-section.collapsed .csc-section-toggle{transform:rotate(-90deg)}.csc-section-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--csc-primary);background:var(--csc-primary-light);border-radius:6px;padding:3px 10px;flex-shrink:0}.csc-section-label{font-size:14px;font-weight:700;flex:1}.csc-section-timestamp{font-size:12px;color:var(--csc-muted);font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.csc-section-body{padding:0 18px 18px}.csc-section.collapsed .csc-section-body{display:none}.csc-section-text{font-size:14px;line-height:1.85;color:rgba(255,255,255,.88);white-space:pre-wrap;word-break:break-word;padding:16px;background:var(--csc-bg-dark);border-radius:10px;border:1px solid var(--csc-border)}.csc-section-text[contenteditable="true"]:focus{outline:none;border-color:var(--csc-primary-border);box-shadow:0 0 0 3px var(--csc-primary-light)}.csc-section-content{display:flex;gap:14px}.csc-section-content .csc-section-text{flex:1;min-width:0}.csc-section-notes{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.csc-note{font-size:12px;color:var(--csc-muted);padding:10px 12px;background:var(--csc-bg-dark);border-radius:8px;border-left:3px solid var(--csc-primary);line-height:1.5}.csc-note-icon{margin-right:4px}.csc-delivery-note{font-size:12px;color:rgba(255,255,255,.35);font-style:italic;margin-top:10px;padding-top:10px;border-top:1px solid var(--csc-border)}.csc-section-actions{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--csc-border)}.csc-section-btn{background:transparent;border:1px solid var(--csc-border);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--csc-muted);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.csc-section-btn:hover{background:var(--csc-primary-light);border-color:var(--csc-primary-border);color:#fff}.csc-teleprompter{position:fixed;inset:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column}.csc-tp-toolbar{background:var(--csc-surface);padding:12px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--csc-border)}.csc-tp-toolbar button{background:var(--csc-surface-2);border:1px solid var(--csc-border);border-radius:8px;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.csc-tp-toolbar button:hover{background:rgba(255,255,255,.1)}.csc-tp-speed{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--csc-muted)}.csc-tp-speed input[type="range"]{width:120px;accent-color:var(--csc-primary)}.csc-tp-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px}.csc-tp-scroll{font-size:32px;line-height:1.6;text-align:center;max-width:800px;transition:transform .1s linear}.csc-tp-scroll.mirror{transform:scaleX(-1)}.csc-tp-cue{display:inline-block;background:rgba(99,102,241,.25);border-radius:4px;padding:2px 8px;font-size:20px;color:var(--csc-primary);margin:4px 0}.csc-shimmer-card{background:var(--csc-surface);border:1px solid var(--csc-border);border-radius:var(--csc-radius);padding:24px;margin-top:16px;overflow:hidden;position:relative}.csc-shimmer-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.06),transparent);animation:cscShimmer 1.5s ease infinite}@keyframes cscShimmer{to{left:100%}}.csc-shimmer-line{height:14px;border-radius:6px;background:rgba(255,255,255,.05);margin-bottom:12px}.csc-shimmer-line:last-child{width:60%}.csc-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--csc-surface);backdrop-filter:blur(12px);border-top:1px solid var(--csc-border);display:flex;z-index:40}.csc-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;text-decoration:none;font-size:11px;font-weight:600;color:var(--csc-muted);transition:color .15s}.csc-bottom-nav a.active{color:var(--csc-primary)}.csc-bottom-nav a:hover{color:rgba(255,255,255,.7)}.csc-bnav-icon{font-size:20px}.csc-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--csc-surface);color:#fff;border:1px solid var(--csc-border);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;opacity:0;transition:all .3s;z-index:999;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.4)}.csc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.csc-word-bar{background:var(--csc-surface);border:1px solid var(--csc-border);border-radius:10px;padding:12px 18px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--csc-muted)}.csc-word-bar strong{color:rgba(255,255,255,.85)}@media (max-width:640px){.csc-gen-form{padding:20px}.csc-section-content{flex-direction:column}.csc-section-notes{width:100%;flex-direction:row;flex-wrap:wrap}.csc-note{flex:1;min-width:120px}.csc-topbar-title{display:none}.csc-form-title{font-size:18px}.csc-script-header{flex-direction:column;align-items:flex-start}.csc-tp-scroll{font-size:22px;padding:20px}.csc-workspace{padding:16px 12px 100px}}@media (min-width:768px){.csc-bottom-nav{display:none}.csc-workspace{padding-bottom:40px}}@media (max-width:768px){.csc-bottom-nav a{min-height:44px;justify-content:center;gap:4px;font-size:16px}.csc-tp-toolbar button{min-height:44px;font-size:16px}}