.bsc-wrapper{--bsc-bg-primary:#0a0f1e;--bsc-bg-secondary:#111827;--bsc-bg-card:#1a2236;--bsc-bg-input:#0d1424;--bsc-border:#2a3a5c;--bsc-border-focus:#3b82f6;--bsc-text-primary:#e2e8f0;--bsc-text-secondary:#94a3b8;--bsc-text-muted:#64748b;--bsc-accent-blue:#3b82f6;--bsc-accent-cyan:#22d3ee;--bsc-accent-green:#10b981;--bsc-accent-amber:#f59e0b;--bsc-accent-red:#ef4444;--bsc-font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', 'Consolas', monospace;--bsc-font-sans:'Segoe UI', system-ui, -apple-system, sans-serif;--bsc-radius:8px;font-family:var(--bsc-font-sans);color:var(--bsc-text-primary);background:var(--bsc-bg-primary);line-height:1.6;max-width:900px;margin:0 auto;padding:2rem 1.25rem}.bsc-wrapper *,.bsc-wrapper *::before,.bsc-wrapper *::after{box-sizing:border-box}.bsc-header{text-align:center;margin-bottom:2rem}.bsc-header-icon{font-size:2.75rem;line-height:1;margin-bottom:.4rem}.bsc-title{font-size:1.9rem;font-weight:700;color:var(--bsc-text-primary);margin:0 0 .35rem;font-family:var(--bsc-font-sans);letter-spacing:-.02em}.bsc-subtitle{font-size:.85rem;color:var(--bsc-text-muted);font-family:var(--bsc-font-mono);margin:0;letter-spacing:.02em}.bsc-section{background:var(--bsc-bg-card);border:1px solid var(--bsc-border);border-radius:var(--bsc-radius);padding:1.5rem;margin-bottom:1.25rem}.bsc-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--bsc-border)}.bsc-section-icon{font-size:1.15rem;line-height:1}.bsc-section-title{font-size:1.05rem;font-weight:700;color:var(--bsc-text-primary);margin:0;font-family:var(--bsc-font-sans)}.bsc-input-row{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1.25rem;flex-wrap:wrap}.bsc-input-main{flex:2;min-width:120px}.bsc-input-unit{flex:2;min-width:180px}.bsc-input-actions{flex:0 0 auto}.bsc-input-group{display:flex;flex-direction:column}.bsc-input-group label{display:block;font-size:.72rem;font-weight:600;color:var(--bsc-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.bsc-label-invisible{visibility:hidden;font-size:.72rem;display:block;margin-bottom:.35rem}.bsc-input-group input,.bsc-input-group select{width:100%;padding:0 .85rem;height:44px;background:var(--bsc-bg-input);border:1px solid var(--bsc-border);border-radius:6px;color:var(--bsc-text-primary);font-family:var(--bsc-font-mono);font-size:.95rem;outline:none;transition:border-color 0.2s;appearance:none;-webkit-appearance:none}.bsc-input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}.bsc-input-group input:focus,.bsc-input-group select:focus{border-color:var(--bsc-border-focus)}.bsc-input-group input::placeholder{color:var(--bsc-text-muted)}.bsc-input-group select option,.bsc-input-group select optgroup{background:#1a2236;color:var(--bsc-text-primary)}.bsc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:44px;padding:0 1.25rem;background:var(--bsc-accent-blue);color:#fff;border:none;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background 0.2s,transform 0.1s;white-space:nowrap;font-family:inherit;min-width:44px}.bsc-btn:hover{background:#2563eb}.bsc-btn:active{transform:scale(.97)}.bsc-btn--secondary{background:#fff0;border:1px solid var(--bsc-border);color:var(--bsc-text-secondary)}.bsc-btn--secondary:hover{background:var(--bsc-bg-secondary);color:var(--bsc-text-primary);border-color:var(--bsc-text-muted)}.bsc-btn--clear{background:#fff0;border:1px solid var(--bsc-accent-red);color:var(--bsc-accent-red)}.bsc-btn--clear:hover{background:rgb(239 68 68 / .1);color:var(--bsc-accent-red)}.bsc-error-msg{color:var(--bsc-accent-red);font-size:.8rem;margin-top:-.75rem;margin-bottom:.9rem;display:none}.bsc-error-msg.bsc-visible{display:block}.bsc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.bsc-results-col{background:var(--bsc-bg-secondary);border:1px solid var(--bsc-border);border-radius:var(--bsc-radius);overflow:hidden}.bsc-results-col-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:rgb(0 0 0 / .25);border-bottom:1px solid var(--bsc-border)}.bsc-col-note{font-size:.68rem;color:var(--bsc-text-muted);font-family:var(--bsc-font-mono)}.bsc-badge{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;font-family:var(--bsc-font-mono);text-transform:uppercase;letter-spacing:.06em}.bsc-badge--blue{background:rgb(59 130 246 / .15);color:var(--bsc-accent-blue);border:1px solid rgb(59 130 246 / .3)}.bsc-badge--cyan{background:rgb(34 211 238 / .1);color:var(--bsc-accent-cyan);border:1px solid rgb(34 211 238 / .25)}.bsc-result-row{display:grid;grid-template-columns:3.5rem 1fr 2rem;align-items:center;min-height:40px;border-bottom:1px solid rgb(42 58 92 / .4);transition:background 0.12s;padding-left:.75rem}.bsc-result-row:last-child{border-bottom:none}.bsc-result-row:hover{background:rgb(255 255 255 / .03)}.bsc-result-row.bsc-active-unit{background:rgb(59 130 246 / .09);border-left:2px solid var(--bsc-accent-blue);padding-left:calc(0.75rem - 2px)}.bsc-row-spacer{pointer-events:none;opacity:0}.bsc-result-label{font-size:.72rem;font-weight:700;color:var(--bsc-text-secondary);font-family:var(--bsc-font-mono);text-transform:uppercase;letter-spacing:.04em}.bsc-result-value{font-size:.88rem;color:var(--bsc-text-primary);font-family:var(--bsc-font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.45rem .3rem;word-break:break-all}.bsc-result-value.bsc-placeholder{color:var(--bsc-text-muted)}.bsc-copy-btn{background:#fff0;border:none;cursor:pointer;padding:.4rem .3rem;font-size:.82rem;opacity:.35;transition:opacity 0.15s,transform 0.1s;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.bsc-copy-btn:hover{opacity:1}.bsc-copy-btn:active{transform:scale(.9)}.bsc-copy-all-row{display:flex;justify-content:flex-end;margin-top:.25rem}.bsc-tab-row{display:flex;gap:4px;margin-bottom:1.25rem;background:var(--bsc-bg-secondary);padding:4px;border-radius:var(--bsc-radius);border:1px solid var(--bsc-border)}.bsc-tab{flex:1;padding:.5rem 1rem;background:#fff0;border:none;border-radius:6px;color:var(--bsc-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:background 0.2s,color 0.2s;font-family:inherit;text-align:center;min-height:40px;white-space:nowrap}.bsc-tab:hover{background:rgb(255 255 255 / .04);color:var(--bsc-text-primary)}.bsc-tab.bsc-tab--active{background:var(--bsc-accent-blue);color:#fff}.bsc-tab.bsc-tab--active:hover{background:#2563eb}.bsc-tab-panel{animation:bscFadeIn 0.18s ease}.bsc-hidden{display:none}@keyframes bscFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bsc-duration-label{font-size:.72rem;font-weight:600;color:var(--bsc-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.bsc-duration-row{display:flex;align-items:flex-end;gap:.4rem;margin-bottom:1.25rem}.bsc-duration-row .bsc-input-group{flex:1}.bsc-duration-sep{font-size:1.3rem;color:var(--bsc-text-muted);padding-bottom:.55rem;font-weight:700;flex:0 0 auto;line-height:1}.bsc-bitrate-results{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.bsc-br-result-item{display:flex;justify-content:space-between;align-items:center;background:var(--bsc-bg-secondary);border:1px solid var(--bsc-border);border-radius:6px;padding:.5rem .5rem .5rem .75rem;gap:.4rem;transition:background 0.12s;min-height:44px}.bsc-br-result-item:hover{background:rgb(255 255 255 / .03)}.bsc-br-result-label{font-size:.72rem;font-weight:700;color:var(--bsc-text-secondary);font-family:var(--bsc-font-mono);text-transform:uppercase;flex-shrink:0;min-width:3rem}.bsc-br-result-value{font-size:.9rem;color:var(--bsc-text-primary);font-family:var(--bsc-font-mono);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.bsc-br-copy-btn{background:#fff0;border:none;cursor:pointer;padding:.3rem .25rem;font-size:.78rem;opacity:.35;transition:opacity 0.15s,transform 0.1s;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bsc-br-copy-btn:hover{opacity:1}.bsc-br-copy-btn:active{transform:scale(.9)}.bsc-footer{text-align:center;font-size:.78rem;color:var(--bsc-text-muted);margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--bsc-border)}.bsc-footer-link{color:var(--bsc-accent-blue);text-decoration:none}.bsc-footer-link:hover{text-decoration:underline}.bsc-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--bsc-accent-green);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-size:.85rem;font-weight:600;opacity:0;transition:transform 0.3s,opacity 0.3s;z-index:10000;pointer-events:none}.bsc-toast.bsc-show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:768px){.bsc-wrapper{padding:1.5rem 1rem}.bsc-results-grid{grid-template-columns:1fr}.bsc-row-spacer{display:none}.bsc-bitrate-results{grid-template-columns:1fr 1fr}}@media (max-width:640px){.bsc-wrapper{padding:1rem .75rem}.bsc-title{font-size:1.45rem}.bsc-section{padding:1.1rem 1rem}.bsc-input-row{flex-direction:column}.bsc-input-main,.bsc-input-unit,.bsc-input-actions{min-width:100%;width:100%}.bsc-btn--clear{width:100%}.bsc-copy-all-row{justify-content:stretch}.bsc-copy-all-row .bsc-btn{width:100%}.bsc-tab{font-size:.78rem;padding:.5rem .5rem}.bsc-bitrate-results{grid-template-columns:1fr}.bsc-duration-row{flex-wrap:wrap}}@media (max-width:400px){.bsc-wrapper{padding:.75rem .5rem}.bsc-section{padding:.9rem .75rem}.bsc-result-value{font-size:.8rem}}