@keyframes subConvFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sub-conv{animation:subConvFadeIn .5s ease-out}.sub-conv__hero{padding:var(--space-24) 0 var(--space-12);text-align:center}.sub-conv__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-conv__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-conv__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-conv__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-conv__privacy-icon{font-size:var(--fs-base)}.sub-conv__tool-section{padding:0 0 var(--space-16)}.sub-conv__workspace{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.sub-conv__options{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4)}.sub-conv__option-group{display:flex;flex-direction:column;gap:var(--space-2);cursor:default}.sub-conv__option-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.sub-conv__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;transition:border-color var(--transition-fast);min-width:160px}.sub-conv__select:focus{border-color:var(--accent)}.sub-conv__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-conv__number-input:focus{border-color:var(--accent)}.sub-conv__options-arrow{color:var(--text-muted);font-size:var(--fs-xl);padding-bottom:var(--space-1);align-self:flex-end}.sub-conv__panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);min-height:400px}.sub-conv__panel{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-secondary);overflow:hidden;position:relative;transition:border-color var(--transition-fast)}.sub-conv__panel--dragging{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.sub-conv__panel-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border);background:var(--bg-tertiary);flex-shrink:0}.sub-conv__panel-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex:1}.sub-conv__detected-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--accent-subtle);border:1px solid var(--border-accent);color:var(--accent-soft);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.sub-conv__file-btn{padding:4px 12px;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-xs);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sub-conv__file-btn:hover{background:var(--glass);color:var(--text-heading);border-color:var(--border-strong)}.sub-conv__file-input{display:none}.sub-conv__panel-body{flex:1;display:flex;flex-direction:column;position:relative}.sub-conv__textarea{flex:1;width:100%;padding:var(--space-4);border:none;background:transparent;color:var(--text-heading);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:var(--fs-sm);line-height:1.6;resize:none;outline:none;min-height:360px}.sub-conv__textarea::placeholder{color:var(--text-muted);font-family:var(--font-family)}.sub-conv__textarea--output{color:var(--text-primary)}.sub-conv__drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent-soft);font-size:var(--fs-lg);font-weight:var(--fw-semibold);pointer-events:none;border-radius:inherit;animation:subConvFadeIn .2s ease-out}.sub-conv__panel-actions{display:flex;gap:var(--space-2)}.sub-conv__action-btn{padding:4px 14px;font-size:var(--fs-sm)}.sub-conv__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);margin:var(--space-4);animation:subConvFadeIn .3s ease-out}.sub-conv__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-conv__related{padding:var(--space-10) 0}.sub-conv__related-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-heading);margin:0 0 var(--space-6);text-align:center}.sub-conv__related-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.sub-conv__related-link{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-medium);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.sub-conv__related-link:hover{color:var(--accent-soft);border-color:var(--glass-border-hover);transform:translateY(-2px)}.sub-conv__section{padding:var(--space-16) 0}.sub-conv__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-conv__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-conv__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-10)}.sub-conv__step{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.sub-conv__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-conv__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-conv__step-desc{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-secondary);margin:0}.sub-conv__benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.sub-conv__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-conv__benefit-icon{color:var(--success);font-weight:var(--fw-bold);flex-shrink:0;margin-top:2px}.sub-conv__faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.sub-conv__faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.sub-conv__faq-item--open{border-color:var(--border-accent)}.sub-conv__faq-heading{margin:0}.sub-conv__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-conv__faq-question:hover{background:var(--glass)}.sub-conv__faq-icon{color:var(--accent-soft);font-size:var(--fs-xl);flex-shrink:0;transition:transform var(--transition-fast)}.sub-conv__faq-item--open .sub-conv__faq-icon{transform:rotate(45deg)}.sub-conv__faq-answer{overflow:hidden;max-height:0;transition:max-height var(--transition-base)}.sub-conv__faq-item--open .sub-conv__faq-answer{max-height:400px}.sub-conv__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-conv__cta{padding:var(--space-20) 0;text-align:center}.sub-conv__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-conv__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-conv__cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media(max-width:768px){.sub-conv__panels{grid-template-columns:1fr}.sub-conv__textarea{min-height:220px}.sub-conv__options{gap:var(--space-3)}.sub-conv__options-arrow{display:none}.sub-conv__steps,.sub-conv__benefits{grid-template-columns:1fr}}