@keyframes subEditFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sub-edit{animation:subEditFadeIn .5s ease-out}.sub-edit__hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.sub-edit__badge{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);color:var(--accent-soft);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-6)}.sub-edit__title{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,58px);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);color:var(--text-heading);margin:0 0 var(--space-6)}.sub-edit__subtitle{max-width:640px;margin:0 auto var(--space-6);font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-secondary)}.sub-edit__privacy{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:999px;background:var(--success-subtle);border:1px solid rgba(0,229,160,.2);color:var(--success);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.sub-edit__privacy-icon{font-size:var(--fs-base)}.sub-edit__tool-section{padding:0 0 var(--space-16)}.sub-edit__workspace{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.sub-edit__dropzone{display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-md);border:1px dashed var(--glass-border);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sub-edit__dropzone--dragging{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.sub-edit__dropzone-hint{margin:0;color:var(--text-secondary);font-size:var(--fs-sm);text-align:center}.sub-edit__paste-area{width:100%;min-height:320px;padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-heading);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:var(--fs-sm);line-height:1.6;resize:vertical;outline:none}.sub-edit__paste-area::placeholder{color:var(--text-muted);font-family:var(--font-family)}.sub-edit__upload-btn{align-self:center}.sub-edit__file-input{display:none}.sub-edit__error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--error-subtle);border:1px solid var(--error);color:var(--coral);font-size:var(--fs-sm);line-height:var(--lh-relaxed);animation:subEditFadeIn .3s ease-out}.sub-edit__error-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--error);color:var(--accent-on);font-size:var(--fs-xs);font-weight:var(--fw-bold);flex-shrink:0;margin-top:1px}.sub-edit__toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.sub-edit__option-group{display:flex;flex-direction:column;gap:var(--space-2)}.sub-edit__option-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.sub-edit__shift-row{display:flex;gap:var(--space-2)}.sub-edit__number-input{padding:8px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-heading);font-family:var(--font-family);font-size:var(--fs-base);outline:none;transition:border-color var(--transition-fast);width:100px}.sub-edit__number-input:focus{border-color:var(--accent)}.sub-edit__select{padding:8px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-heading);font-family:var(--font-family);font-size:var(--fs-base);outline:none;cursor:pointer;min-width:160px}.sub-edit__add-cue-btn{padding:8px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sub-edit__add-cue-btn:hover{background:var(--glass);color:var(--text-heading);border-color:var(--border-strong)}.sub-edit__export-actions{display:flex;gap:var(--space-2);margin-left:auto}.sub-edit__cue-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:560px;overflow-y:auto;padding-top:var(--space-4)}.sub-edit__cue-row{display:grid;grid-template-columns:32px 90px 20px 90px 1fr 32px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-secondary)}.sub-edit__cue-index{color:var(--text-muted);font-size:var(--fs-xs);text-align:center}.sub-edit__cue-arrow{color:var(--text-muted);text-align:center}.sub-edit__time-input{padding:6px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-tertiary);color:var(--text-heading);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:var(--fs-xs);outline:none;text-align:center}.sub-edit__time-input:focus{border-color:var(--accent)}.sub-edit__cue-text{padding:6px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--fs-sm);outline:none}.sub-edit__cue-text:focus{border-color:var(--accent)}.sub-edit__remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.sub-edit__remove-btn:hover{color:var(--coral);border-color:var(--error)}.sub-edit__section{padding:var(--space-16) 0}.sub-edit__section-title{font-family:var(--font-heading);font-size:clamp(24px,3vw,40px);font-weight:var(--fw-bold);color:var(--text-heading);margin:0 0 var(--space-4);text-align:center}.sub-edit__section-sub{max-width:600px;margin:0 auto var(--space-10);color:var(--text-secondary);font-size:var(--fs-lg);line-height:var(--lh-relaxed);text-align:center}.sub-edit__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-10)}.sub-edit__step{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.sub-edit__step-icon{font-size:var(--fs-xl);margin-bottom:var(--space-3)}.sub-edit__step-number{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-3)}.sub-edit__step-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-heading);margin:0 0 var(--space-3)}.sub-edit__step-desc{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary);margin:0}.sub-edit__benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.sub-edit__benefit{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-base);color:var(--text-primary);line-height:var(--lh-relaxed)}.sub-edit__benefit-icon{color:var(--success);font-weight:var(--fw-bold);flex-shrink:0;margin-top:2px}.sub-edit__faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.sub-edit__faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.sub-edit__faq-item--open{border-color:var(--border-accent)}.sub-edit__faq-heading{margin:0}.sub-edit__faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;color:var(--text-heading);font-family:var(--font-family);font-size:var(--fs-base);font-weight:var(--fw-medium);text-align:left;cursor:pointer;gap:var(--space-4);transition:background var(--transition-fast)}.sub-edit__faq-question:hover{background:var(--glass)}.sub-edit__faq-icon{color:var(--accent-soft);font-size:var(--fs-xl);flex-shrink:0;transition:transform var(--transition-fast)}.sub-edit__faq-item--open .sub-edit__faq-icon{transform:rotate(45deg)}.sub-edit__faq-answer{overflow:hidden;max-height:0;transition:max-height var(--transition-base)}.sub-edit__faq-item--open .sub-edit__faq-answer{max-height:400px}.sub-edit__faq-answer-inner{padding:0 var(--space-5) var(--space-4);color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-relaxed)}.sub-edit__cta{padding:var(--space-20) 0;text-align:center}.sub-edit__cta-title{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,44px);font-weight:var(--fw-bold);color:var(--text-heading);margin:0 0 var(--space-6)}.sub-edit__cta-sub{max-width:560px;margin:0 auto var(--space-10);font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-secondary)}.sub-edit__cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media(max-width:768px){.sub-edit__cue-row{grid-template-columns:24px 1fr 24px;grid-template-areas:"index text remove" "start arrow end"}.sub-edit__cue-index{grid-area:index}.sub-edit__cue-text{grid-area:text}.sub-edit__remove-btn{grid-area:remove}.sub-edit__time-input:first-of-type{grid-area:start}.sub-edit__cue-arrow{grid-area:arrow}.sub-edit__time-input:last-of-type{grid-area:end}.sub-edit__export-actions{margin-left:0}.sub-edit__steps,.sub-edit__benefits{grid-template-columns:1fr}}