.breakdown-view{max-width:1500px;margin:auto;padding:35px 38px 70px!important;color:var(--text)}
.breakdown-heading{margin-bottom:27px}.breakdown-heading h1{font-size:34px;font-weight:450;letter-spacing:.03em;line-height:1.5;margin:12px 0}.breakdown-heading h1 span{color:var(--accent)}.breakdown-heading>p,.breakdown-note{font-size:12px;line-height:1.85;color:var(--muted)}
.breakdown-panel{min-width:0;padding:25px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--panel) 95%,transparent)}.breakdown-panel h2{font-size:18px;font-weight:500;line-height:1.5;margin:0}.breakdown-panel label,.breakdown-library label{font-size:12px;line-height:1.8;color:var(--text)}
.breakdown-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:20px}.breakdown-tabs button{border:1px solid transparent;border-radius:9px;padding:10px 15px;color:var(--muted);font:13px var(--font);background:transparent;cursor:pointer}.breakdown-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
#media-upload-form{display:flex;gap:20px;align-items:center}.breakdown-file{flex:1;min-width:0;display:grid;gap:6px;grid-template-columns:35px 1fr;border:1px dashed var(--border);border-radius:12px;padding:17px 18px;background:color-mix(in srgb,var(--bg) 35%,transparent);cursor:pointer}.breakdown-file>span{grid-row:1/4;font-size:30px;color:var(--accent)}.breakdown-file small{font-size:10px;color:var(--muted)}.breakdown-file input{max-width:100%;font:12px var(--font);color:var(--muted)}.breakdown-file input::file-selector-button{font:11px var(--font);color:var(--text);border:1px solid var(--border);border-radius:5px;background:var(--panel);padding:6px 10px;margin-right:10px;cursor:pointer}
.breakdown-view textarea,.breakdown-view select,.breakdown-fields input{width:100%;min-width:0;box-sizing:border-box;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;font:13px/1.75 var(--font);margin-top:7px}.breakdown-view textarea{display:block;resize:vertical;min-height:85px}.breakdown-view textarea::placeholder,.breakdown-fields input::placeholder{color:var(--muted)}.breakdown-view .primary{min-height:43px;font-size:12px;gap:20px;white-space:nowrap}#media-url-form>.primary{margin-top:6px}
.breakdown-library{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:26px 0 18px}.breakdown-library label{flex:1;max-width:680px}.breakdown-library .text-button{padding:12px 0;white-space:nowrap}.breakdown-view .form-error{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.breakdown-view .form-error:empty,#media-submit-status:empty{display:none}.breakdown-empty{text-align:center;padding:45px 15px 30px}.breakdown-empty>span{font-size:45px;color:var(--accent);opacity:.6}.breakdown-empty h2{font-size:20px;font-weight:400;margin:16px 0 12px}.breakdown-empty p{font-size:12px;line-height:2;color:var(--muted)}
.breakdown-download{margin-top:15px}.breakdown-download>a{display:inline-flex;align-items:center;min-height:39px;font-size:12px}.breakdown-download>p{margin-top:8px;font-size:11px}
.breakdown-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.breakdown-page-actions small{font-size:11px;color:var(--muted);line-height:1.8}.breakdown-history-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.breakdown-history-actions .breakdown-delete{color:var(--danger)}.breakdown-undo{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:var(--accent-soft);margin-bottom:16px}.breakdown-undo p{font-size:12px;line-height:1.8;color:var(--text)}.breakdown-undo button{flex-shrink:0}.breakdown-versions .breakdown-history-actions{justify-content:flex-end}.breakdown-page-actions button{font-size:12px;min-height:39px}
.breakdown-confirm{width:min(460px,calc(100vw - 32px));padding:25px;border:1px solid var(--border);border-radius:18px;color:var(--text);background:var(--panel);box-shadow:0 24px 80px #0006}.breakdown-confirm::backdrop{background:#0008;backdrop-filter:blur(3px)}.breakdown-confirm h2{font-size:19px;margin:0 0 18px}.breakdown-confirm p{font-size:13px;line-height:1.9;margin:12px 0;overflow-wrap:anywhere}.breakdown-confirm .breakdown-confirm-name{padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg);white-space:pre-wrap}.breakdown-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}.breakdown-confirm .breakdown-note{font-size:11px;color:var(--muted)}
@media(max-width:550px){.breakdown-undo{align-items:stretch;flex-direction:column;gap:12px}.breakdown-undo button{align-self:flex-start}.breakdown-versions .breakdown-section-heading{align-items:stretch;flex-direction:column}.breakdown-history-actions{justify-content:flex-end}.breakdown-page-actions small{flex-basis:100%}}
.breakdown-overview{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);gap:25px;align-items:center}.breakdown-player{min-width:0;min-height:155px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg);overflow:hidden}.breakdown-player video{display:block;width:100%;max-height:330px;object-fit:contain;background:#101314}.breakdown-player audio{width:100%;min-width:0}.breakdown-player>p{font-size:12px;color:var(--muted);text-align:center;padding:18px}.breakdown-overview-copy{min-width:0}.breakdown-overview-copy h2{margin:9px 0;font-size:20px;overflow-wrap:anywhere}.breakdown-overview-copy>p{font-size:12px;line-height:1.8;color:var(--muted)}.breakdown-progress-title{font-size:13px;color:var(--accent);margin:17px 0 7px}.breakdown-progress-message{font-size:11px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere;margin:7px 0}.breakdown-progress-bar{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:12px}.breakdown-progress-bar progress{width:100%;height:6px;border:0;accent-color:var(--accent);border-radius:6px}.breakdown-progress-bar progress::-webkit-progress-bar{background:var(--border);border-radius:6px}.breakdown-progress-bar progress::-webkit-progress-value{background:var(--accent);border-radius:6px}#media-retry{margin-top:12px}
.breakdown-transcripts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.breakdown-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.breakdown-section-heading .eyebrow{font-size:10px;display:block;margin-bottom:9px}.breakdown-section-heading .text-button{flex-shrink:0;font-size:11px}.breakdown-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;max-height:450px;overflow:auto;scrollbar-width:thin;padding:12px 5px 12px 0;min-height:100px}.breakdown-transcripts details{border-top:1px solid var(--border);margin-top:12px;padding-top:14px;font-size:11px;color:var(--muted)}.breakdown-transcripts summary{cursor:pointer}.breakdown-segments{display:grid;gap:8px;max-height:240px;overflow:auto;margin-top:14px}.breakdown-segment{display:flex;align-items:baseline;gap:12px}.breakdown-segment button{font:11px var(--font);color:var(--accent);border:0;background:transparent;cursor:pointer;white-space:nowrap}.breakdown-segment span{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.breakdown-analysis,.breakdown-rewrite{margin-top:22px}.breakdown-dna{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.breakdown-dna-card{padding:17px;border:1px solid var(--border);border-radius:12px;min-width:0;background:color-mix(in srgb,var(--bg) 45%,transparent)}.breakdown-dna-card h3{font-size:11px;color:var(--accent);font-weight:500;margin:0 0 10px}.breakdown-dna-card p,.breakdown-dna-card li{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.breakdown-dna-card p{margin:0}.breakdown-dna-card ul{margin:0;padding-left:17px}.breakdown-dna-card:first-child,.breakdown-dna-card:nth-child(2){background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
#media-rewrite-form{margin-top:22px}.breakdown-rewrite fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.breakdown-rewrite legend{font-size:12px;margin-bottom:10px}.breakdown-choices{display:flex;flex-wrap:wrap;gap:8px}.breakdown-choices label{position:relative;cursor:pointer}.breakdown-choices input{position:absolute;opacity:0;width:1px;height:1px}.breakdown-choices span{display:block;padding:9px 14px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:12px}.breakdown-choices input:checked+span{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--accent-soft)}.breakdown-choices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.breakdown-fields{display:grid;grid-template-columns:.7fr 1fr 1.3fr;gap:14px;margin-bottom:18px}#media-rewrite-submit{margin-top:18px}.breakdown-versions{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.breakdown-versions select{max-width:680px}.breakdown-versions .breakdown-section-heading>label{flex:1}.breakdown-continue{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border);padding-top:20px;margin-top:16px}.breakdown-continue p{font-size:12px;line-height:1.9;color:var(--muted);max-width:600px;margin:0}.breakdown-view button:disabled{opacity:.5;cursor:default}.breakdown-view :is(button,a,textarea,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.breakdown-view{padding:28px 24px 50px!important}.breakdown-panel{padding:20px}.breakdown-dna{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.breakdown-transcripts,.breakdown-overview{grid-template-columns:1fr}.breakdown-player video{max-height:290px}.breakdown-fields{grid-template-columns:1fr 1fr}.breakdown-fields>label:last-child{grid-column:1/-1}#media-upload-form{align-items:stretch;flex-direction:column}.breakdown-continue{align-items:stretch;flex-direction:column;gap:14px}.breakdown-continue .primary{justify-content:space-between}.breakdown-rewrite>.breakdown-section-heading{flex-wrap:wrap}}
@media(max-width:550px){.breakdown-view{padding:20px 16px 45px!important}.breakdown-heading h1{font-size:26px}.breakdown-panel{padding:16px;border-radius:15px}.breakdown-dna,.breakdown-fields{grid-template-columns:1fr}.breakdown-heading h1 span{display:block}.breakdown-tabs{gap:4px}.breakdown-tabs button{padding:9px 10px;font-size:12px}.breakdown-view textarea,.breakdown-view select,.breakdown-fields input{font-size:16px}.breakdown-library{align-items:stretch;flex-direction:column;gap:8px}.breakdown-library .text-button{align-self:flex-end;padding:3px}.breakdown-choices{gap:6px}.breakdown-choices span{padding:8px 11px}.breakdown-section-heading{gap:9px}.breakdown-text{font-size:14px}.breakdown-file{padding:13px;grid-template-columns:24px 1fr}}
