.ybc4ba_page{color:var(--color-ink);padding:34px 0 88px}.ybc4ba_container{width:min(1180px,100% - 64px);margin:0 auto}.ybc4ba_breadcrumb{color:var(--color-ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.ybc4ba_breadcrumb a:hover{color:var(--color-accent)}.ybc4ba_intro{max-width:820px;padding:42px 0 34px}.ybc4ba_eyebrow{color:#7053ba;font:500 11px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;display:block}.ybc4ba_intro h1{font:500 clamp(38px, 5vw, 62px)/1.08 var(--font-sans);letter-spacing:-.05em;margin:12px 0 18px}.ybc4ba_intro>p{color:var(--color-ink-soft);max-width:690px;font-size:18px;line-height:1.65}.ybc4ba_benefits{flex-wrap:wrap;gap:12px 24px;margin:22px 0 0;padding:0;font-size:13px;font-weight:500;list-style:none;display:flex}.ybc4ba_benefits li:before{content:"✓";color:#087e70;margin-right:7px}.ybc4ba_studio{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:30px;display:grid}.ybc4ba_workspace{background:#fff;border:1px solid #dbe2e5;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #14232e0a}.ybc4ba_workspaceTop{background:#faf9ff;border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:center;gap:16px;min-height:49px;padding:8px 22px;display:flex}.ybc4ba_local{color:#526571;font-size:12px}.ybc4ba_local>span{color:#087e70;margin-right:6px;font-size:10px}.ybc4ba_textButton{cursor:pointer;color:#5553d8;text-underline-offset:3px;background:0 0;border:none;padding:6px 0;font-size:12px;font-weight:500}.ybc4ba_textButton:hover{text-decoration:underline}.ybc4ba_textButton:disabled{color:#89939a;cursor:default;text-decoration:none}.ybc4ba_inputArea{padding:22px}.ybc4ba_inputHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ybc4ba_inputHeading>label{font-size:14px;font-weight:600}.ybc4ba_drop{background:#fcfbff;border:1px dashed #c7c4e9;border-radius:7px;align-items:center;gap:12px;margin-bottom:14px;padding:15px;display:flex;position:relative}.ybc4ba_drop>svg{color:#7053ba;flex-shrink:0;width:28px;height:30px}.ybc4ba_drop>div{flex:1;min-width:0}.ybc4ba_drop strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.ybc4ba_drop span{color:var(--color-ink-soft);margin-top:4px;font-size:11px;display:block}.ybc4ba_dragging{background:#f0edff;border-color:#5553d8}.ybc4ba_fileInput,.ybc4ba_srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ybc4ba_drop:focus-within{outline-offset:3px;outline:2px solid #5553d8}.ybc4ba_source{resize:vertical;color:#243540;width:100%;min-height:230px;max-height:600px;font:400 12px/1.7 var(--font-mono);tab-size:2;background:#fff;border:1px solid #dbe2e5;border-radius:7px;padding:16px;display:block}.ybc4ba_source::placeholder{color:#7f8a92}.ybc4ba_convertRow{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:18px;display:flex}.ybc4ba_format{gap:7px;min-width:175px;font-size:12px;font-weight:500;display:grid}.ybc4ba_format select{color:#14232e;font:400 13px/1.5 var(--font-sans);background:#fff;border:1px solid #d2dbe1;border-radius:6px;padding:9px 32px 9px 11px}.ybc4ba_primaryButton,.ybc4ba_secondaryButton{min-height:40px;font:500 13px/1.5 var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:14px;padding:10px 15px;transition:background .15s;display:inline-flex}.ybc4ba_primaryButton{color:#fff;background:#5553d8;border:1px solid #5553d8}.ybc4ba_primaryButton:hover{background:#4543b7}.ybc4ba_primaryButton:disabled{opacity:.45;cursor:default}.ybc4ba_secondaryButton{color:#334650;background:#fff;border:1px solid #d2dbe1}.ybc4ba_secondaryButton:hover{background:#f4f6f7}.ybc4ba_source:focus-visible,.ybc4ba_format select:focus-visible,.ybc4ba_primaryButton:focus-visible,.ybc4ba_secondaryButton:focus-visible,.ybc4ba_textButton:focus-visible,.ybc4ba_generated summary:focus-visible,.ybc4ba_page a:focus-visible{outline-offset:3px;outline:2px solid #5553d8}.ybc4ba_hint{color:var(--color-ink-soft);margin:13px 0 0;font-size:11px;line-height:1.65}.ybc4ba_error{color:#8a3025;overflow-wrap:anywhere;background:#fff7f5;border:1px solid #eccac6;border-radius:7px;margin-top:18px;padding:14px 16px;font-size:12px;line-height:1.65}.ybc4ba_error ul,.ybc4ba_warning ul{margin:7px 0 0;padding-left:18px}.ybc4ba_error li+li,.ybc4ba_warning li+li{margin-top:5px}.ybc4ba_error p{margin:7px 0 0}.ybc4ba_output{background:#fdfdff;border-top:1px solid #e2e5eb;padding:24px 22px 18px}.ybc4ba_resultHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.ybc4ba_resultHeading h2{font:500 21px/1.3 var(--font-sans);letter-spacing:-.025em;margin:5px 0}.ybc4ba_resultHeading p{color:#526571;margin:0;font-size:11px}.ybc4ba_actions{gap:8px;display:flex}.ybc4ba_warning{color:#735019;background:#fff9ed;border:1px solid #ecdab6;border-radius:7px;margin:20px 0 0;padding:13px 15px;font-size:12px;line-height:1.65}.ybc4ba_success{color:#087263;padding:12px 0 0;font-size:12px}.ybc4ba_preview{background:#fff;border:1px solid #e4e7eb;border-radius:7px;margin:17px 0 0;padding:0;list-style:none}.ybc4ba_preview li{gap:15px;padding:15px;display:flex}.ybc4ba_preview li+li{border-top:1px solid #edf0f2}.ybc4ba_preview li>div{min-width:0}.ybc4ba_cueNumber{color:#8a92a2;font:400 11px/1.7 var(--font-mono);min-width:14px}.ybc4ba_cueTime{color:#6f658b;font:400 10px/1.7 var(--font-mono);overflow-wrap:anywhere}.ybc4ba_preview p{color:#243540;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:14px;line-height:1.65}.ybc4ba_previewNote{color:#687780;margin-top:10px;font-size:11px;line-height:1.6}.ybc4ba_generated{margin-top:18px}.ybc4ba_generated summary{color:#5553d8;cursor:pointer;width:fit-content;padding:4px 0;font-size:12px}.ybc4ba_generated textarea{min-height:240px;margin-top:12px}.ybc4ba_status{color:#526571;margin:0;padding:0 22px;font-size:12px;line-height:1.65}.ybc4ba_status:not(:empty){padding-bottom:16px}.ybc4ba_aside{padding-top:4px}.ybc4ba_aside h2{margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.4}.ybc4ba_aside p{color:var(--color-ink-soft);margin:0;font-size:13px;line-height:1.75}.ybc4ba_aside>div+div{border-top:1px solid #dfe5e8;margin-top:28px;padding-top:27px}.ybc4ba_aside a{color:#5553d8;margin-top:13px;font-size:13px;font-weight:500;display:inline-block}.ybc4ba_reading{border-top:1px solid #dfe5e8;grid-template-columns:minmax(0,780px) 260px;gap:60px;margin-top:72px;padding-top:38px;display:grid}.ybc4ba_article>section+section{margin-top:44px}.ybc4ba_article h2{letter-spacing:-.025em;margin:0 0 18px;font-size:23px;font-weight:500;line-height:1.35}.ybc4ba_article p{color:#526571;font-size:14px;line-height:1.85}.ybc4ba_article a{color:#5553d8;text-underline-offset:3px;text-decoration:underline}.ybc4ba_questions{border-top:1px solid #dfe5e8}.ybc4ba_questions details{border-bottom:1px solid #dfe5e8;padding:18px 0}.ybc4ba_questions summary{cursor:pointer;font-size:14px;font-weight:500;line-height:1.6}.ybc4ba_questions p{margin:10px 0 0}.ybc4ba_guideNav{position:sticky;top:110px}.ybc4ba_guideNav strong{margin-bottom:12px;font-size:12px;display:block}.ybc4ba_guideNav a{color:#687780;padding:7px 0;font-size:12px;line-height:1.7;display:block}.ybc4ba_guideNav a:hover{color:#5553d8}@media (max-width:1000px){.ybc4ba_studio{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.ybc4ba_reading{grid-template-columns:minmax(0,1fr) 220px;gap:36px}}@media (max-width:800px){.ybc4ba_container{width:calc(100% - 40px)}.ybc4ba_studio{grid-template-columns:1fr}.ybc4ba_aside{grid-template-columns:1fr 1fr;gap:26px;padding-top:10px;display:grid}.ybc4ba_aside>div+div{border:0;margin:0;padding:0}.ybc4ba_reading{margin-top:48px;display:block}.ybc4ba_guideNav{display:none}}@media (max-width:480px){.ybc4ba_page{padding-top:24px;padding-bottom:56px}.ybc4ba_container{width:calc(100% - 32px)}.ybc4ba_intro{padding:29px 0 26px}.ybc4ba_intro h1{font-size:36px}.ybc4ba_intro>p{font-size:16px}.ybc4ba_benefits{gap:9px 16px;margin-top:18px;font-size:11px}.ybc4ba_workspaceTop{padding:7px 16px}.ybc4ba_inputArea{padding:17px 15px}.ybc4ba_inputHeading{gap:6px}.ybc4ba_inputHeading>label{font-size:13px}.ybc4ba_inputHeading .ybc4ba_textButton{font-size:11px}.ybc4ba_drop{flex-wrap:wrap;gap:10px;padding:12px}.ybc4ba_drop>svg{width:24px}.ybc4ba_drop>div{min-width:180px}.ybc4ba_drop .ybc4ba_secondaryButton{width:100%;min-height:38px}.ybc4ba_source{min-height:200px;padding:12px;font-size:11px}.ybc4ba_convertRow{flex-direction:column;align-items:stretch;gap:12px}.ybc4ba_format{gap:5px}.ybc4ba_convertRow .ybc4ba_primaryButton{min-height:44px}.ybc4ba_output{padding:20px 15px 16px}.ybc4ba_resultHeading{gap:16px}.ybc4ba_actions{width:100%}.ybc4ba_actions>button{flex:1}.ybc4ba_aside{grid-template-columns:1fr;gap:22px}.ybc4ba_aside>div+div{border-top:1px solid #dfe5e8;padding-top:22px}.ybc4ba_reading{margin-top:40px;padding-top:30px}.ybc4ba_article h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.ybc4ba_primaryButton,.ybc4ba_secondaryButton{transition:none}}