*{box-sizing:border-box}:root{--youtube-red:red;--youtube-red-dark:#c00;--ink:#171717;--muted:#606060;--surface:#fff;--background:#f7f7f7;--border:#e1e1e1;--blue:#315eea;--blue-soft:#eef2ff;--success:#087a45;--header-height:64px}html{background:var(--background)}body{color:var(--ink);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:var(--youtube-red-dark);font-weight:700}button,input,select{font:inherit}button,.primary-button,.action-button{background:var(--youtube-red);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:.75rem 1.1rem;font-weight:700;text-decoration:none}button:hover,.primary-button:hover,.action-button:hover{background:var(--youtube-red-dark)}button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--youtube-red);color:var(--youtube-red-dark);background:#fff}.secondary-button:hover{background:#fff5f5}.full-button{text-align:center;display:block}:focus-visible{outline-offset:2px;outline:3px solid #1a73e8}.site-header{min-height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:0 max(24px,50vw - 600px);display:flex}.site-header nav{align-items:center;gap:24px;display:flex}.brand{color:var(--ink);font-size:1.2rem;text-decoration:none}.brand-mark{background:var(--youtube-red);color:#fff;border-radius:5px;place-items:center;width:30px;height:22px;margin-right:6px;font-size:.8rem;display:inline-grid}main{max-width:1200px;margin:auto}.hero{text-align:center;padding:56px 24px 42px}.hero-entry{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));flex-direction:column;justify-content:safe center;align-items:center;display:flex}.eyebrow{color:var(--youtube-red-dark);letter-spacing:1px;font-size:.75rem;font-weight:800}h1{margin:8px 0 12px;font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.05}.lead{color:var(--muted);margin:0 auto 30px;font-size:1.15rem}.url-entry,.url-form{text-align:left;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--youtube-red);max-width:780px;margin:0 auto;padding:24px;box-shadow:0 12px 30px #0000000f}.url-entry-compact{max-width:780px}.hero-entry .url-entry{width:min(100%,980px);max-width:980px;padding:28px 30px}.hero-entry .url-entry label{margin-bottom:12px;font-size:1rem}.hero-entry .url-entry input{min-height:64px;font-size:1.05rem}.hero-entry .url-entry button{min-width:160px;min-height:64px;font-size:1rem}.url-entry label,.url-form label,.trim-source label{margin-bottom:7px;font-weight:700;display:block}.url-row,.source-row{gap:10px;display:flex}input{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #bbb;border-radius:4px;padding:.65rem .8rem}.url-row input{flex:1}.load-result{color:var(--success);text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;overflow:hidden}.load-result span{font-weight:700}.error{color:#a40000;border-left:3px solid var(--youtube-red);background:#fff0f0;padding:10px 12px}.trust-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:24px;margin:0;padding:24px 0 0;font-size:.9rem;list-style:none;display:flex}.trust-row li:before{content:"✓";color:var(--youtube-red);margin-right:6px;font-weight:800}.hero-proof{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1100px,100%);min-height:118px;margin:28px auto 0;display:grid}.hero-proof-item{align-content:center;justify-items:center;min-width:0;padding:18px 14px;display:grid}.hero-proof-item+.hero-proof-item{border-left:1px solid var(--border)}.hero-proof-value{color:var(--youtube-red);white-space:nowrap;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1}.hero-proof-label{max-width:100%;color:var(--muted);text-align:center;overflow-wrap:anywhere;margin-top:10px;font-size:.84rem;line-height:1.25}.seo-content{width:min(1120px,100%);margin:0 auto;padding:96px 24px 116px}.seo-intro{text-align:center;max-width:800px;margin:0 auto}.seo-intro h2{margin:18px 0 16px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.seo-answer{max-width:760px;color:var(--muted);margin:0 auto;font-size:1.12rem}.section-lead{max-width:760px;color:var(--muted);text-align:center;margin:-14px auto 30px}.seo-section{border-top:1px solid var(--border);margin-top:88px;padding-top:48px}.seo-section>h2,.seo-section>h3{text-align:center;max-width:760px;margin:0 auto 32px;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12}.fact-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1000px;margin:0 auto;display:grid}.fact-grid div{border:0;border-left:1px solid var(--border);background:0 0;align-content:center;min-width:0;min-height:132px;padding:24px 20px;display:grid}.fact-grid div:first-child{border-left:0}.fact-grid dt{color:var(--muted);text-align:center;font-size:.85rem}.fact-grid dd{color:var(--ink);text-align:center;margin:10px 0 0;font-size:1.25rem;font-weight:800}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1000px;margin:0 auto;padding:0;list-style:none;display:grid}.step-list li{border:0;border-left:1px solid var(--border);text-align:center;background:0 0;min-height:178px;padding:24px 32px}.step-list li:first-child{border-left:0}.step-index{color:var(--youtube-red);margin-bottom:24px;font-size:1.4rem;font-weight:800;display:block}.step-list strong{font-size:1.1rem;display:block}.step-list p{max-width:250px;color:var(--muted);margin:8px auto 0}.seo-feature-grid,.seo-use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;max-width:1000px;margin:0 auto;display:grid}.seo-feature-grid article,.seo-use-case-grid article{border-top:1px solid var(--border);min-height:170px;padding:24px 0}.seo-feature-grid h3,.seo-use-case-grid h3{margin:0 0 9px;font-size:1.08rem}.seo-feature-grid p,.seo-use-case-grid p{color:var(--muted);margin:0}.seo-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;max-width:1000px;margin:0 auto 28px;display:grid}.seo-compare article{border-top:2px solid var(--youtube-red);padding-top:22px}.seo-compare h3{margin:0 0 10px;font-size:1.15rem}.seo-compare p{color:var(--muted);margin:0}.seo-section>p:not(.section-lead){max-width:800px;margin-left:auto;margin-right:auto}.seo-format-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1000px;margin:0 auto 28px;display:grid}.seo-format-grid article{border-bottom:1px solid var(--border);border-left:1px solid var(--border);padding:22px 20px}.seo-format-grid article:nth-child(3n+1){border-left:0}.seo-format-grid h3{color:var(--youtube-red-dark);margin:0 0 6px;font-size:1.05rem}.seo-format-grid p{color:var(--muted);margin:0;font-size:.92rem}.seo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;max-width:1000px;margin:0 auto;display:grid}.seo-detail{border-top:1px solid var(--border);background:0 0;padding:26px 0}.seo-detail h3{margin:0 0 10px;font-size:1.15rem;line-height:1.25}.seo-detail p{color:var(--muted);margin:0}.sources{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;background:0 0;max-width:760px;margin:88px auto 0;padding:30px 0}.sources h2{margin:0 0 10px;font-size:1.45rem}.sources p{color:var(--muted);margin:0}.faq{border-top:1px solid var(--border);max-width:760px;margin:72px auto 0;padding-top:34px}.faq h2{margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.35rem)}details{border-top:1px solid var(--border);padding:17px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted)}footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:28px 24px;font-size:.9rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:10px;display:flex}.footer-nav a,.content-meta{color:var(--muted);font-size:.85rem}.info-page{max-width:780px;padding:54px 24px 80px}.info-page h1{font-size:clamp(2.2rem,6vw,4rem)}.info-content{margin-top:30px}.info-content h2{margin-top:38px;font-size:1.45rem}.info-content li{margin:8px 0}.info-back{margin-top:34px}.trim-page,.clips-page,.detail-page{padding:34px 24px 90px}.trim-source{max-width:1200px;margin:0 auto 20px}.trim-source form{background:var(--surface);border:1px solid var(--border);padding:18px}.source-row input{flex:1}.editor-shell{grid-template-columns:minmax(0,1.35fr) minmax(390px,.85fr);align-items:start;gap:28px;max-width:1200px;margin:0 auto;display:grid}.preview-column,.controls-panel,.empty-editor{background:var(--surface);border:1px solid var(--border)}.preview-column{padding:20px}.video-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.video-heading h1{overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(1.3rem,2.6vw,2.1rem)}.video-length{color:var(--muted);white-space:nowrap;padding-top:22px}.youtube-preview{aspect-ratio:16/9;background:#111;overflow:hidden}.youtube-frame{width:100%;height:100%}.preview-note{color:var(--muted);margin-bottom:0;font-size:.9rem}.controls-panel{padding:0 22px 22px}.trim-panel-heading{border-bottom:1px solid var(--border);background:#f4f4f4;justify-content:space-between;align-items:center;margin:0 -22px 24px;padding:14px 22px;display:flex}.trim-panel-heading span{color:var(--muted);font-size:.78rem;font-weight:800}.trim-panel-heading strong{color:var(--blue)}.panel-tabs{border-bottom:1px solid var(--border);align-items:center;gap:0;margin:0 -22px 24px;display:flex}.panel-tabs span,.panel-tabs button{min-width:120px;color:var(--blue);text-align:center;background:#f4f4f4;border-radius:0;padding:14px 18px;font-size:1.05rem}.panel-tabs .active{background:var(--blue);color:#fff}.panel-tabs button{cursor:pointer;border:0}.panel-tabs button:hover{background:var(--blue-soft)}.settings-mark{margin-left:auto;min-width:auto!important;color:var(--muted)!important;background:0 0!important;font-size:1.2rem!important}.recent-clips{gap:12px;display:grid}.recent-heading{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;display:flex}.recent-heading a{font-size:.8rem}.recent-clip{border:1px solid var(--border);background:#fafafa;gap:8px;padding:10px;display:grid}.recent-clip-link{min-width:0;color:var(--ink);gap:10px;text-decoration:none;display:flex}.recent-clip-link img{object-fit:cover;background:#ddd;flex:none;width:82px;height:48px}.recent-clip-copy{gap:2px;min-width:0;display:grid}.recent-clip-copy strong,.recent-clip-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-clip-copy strong{font-size:.85rem}.recent-clip-copy small{color:var(--muted);font-size:.75rem}.recent-actions{align-items:center;gap:8px;display:flex}.recent-actions .action-button{min-height:32px;padding:.35rem .6rem;font-size:.75rem}.recent-actions .share-actions{gap:6px}.recent-actions .share-actions button{min-height:32px;padding:.35rem .6rem;font-size:.75rem}.panel-loading,.recent-empty{color:var(--muted);text-align:center;gap:8px;padding:22px 8px;display:grid}.recent-empty strong{color:var(--ink)}.recent-empty a{font-size:.85rem}.control-grid,.time-grid-large{grid-template-columns:1fr 1fr;gap:16px;display:grid}.control-grid-single{grid-template-columns:1fr}.control-grid label,.time-grid label{color:var(--muted);margin-bottom:7px;font-size:.85rem;font-weight:700;display:block}.select-menu{position:relative}.select-trigger,.audio-only{border:1px solid var(--border);width:100%;min-height:58px;color:var(--ink);text-align:left;background:#fafafa;border-radius:4px;justify-content:space-between;align-items:center;padding:0 16px;font-weight:500;display:flex}.select-trigger:hover{color:var(--ink);background:#f0f0f0}.select-trigger.is-open{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.select-chevron{color:var(--muted);font-size:1.2rem}.select-options{z-index:10;border:1px solid var(--border);background:#fff;border-radius:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 8px 20px #00000024}.select-options button{width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:0;justify-content:space-between;padding:12px 16px;font-weight:500;display:flex}.select-options button:hover{background:var(--blue-soft);color:var(--ink)}.select-options .option-disabled{color:#888;cursor:pointer}.select-options .option-disabled:hover{color:var(--youtube-red-dark);background:#fff5f5}.select-options small{color:var(--youtube-red-dark);font-weight:700}.audio-only{color:var(--muted)}.time-grid-large{margin-top:22px}.range-area{margin-top:24px}.range-label{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.range-label strong{color:var(--ink)}.dual-range{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:38px;margin:12px 0 0;position:relative}.range-track{position:absolute;inset:0 9px}.range-track-bg{background:var(--border);border-radius:999px;height:4px;position:absolute;top:17px;left:0;right:0}.dual-range .range-fill{background:var(--blue);pointer-events:none;border-radius:999px;position:absolute;inset-block:0}.dual-range .range-thumb{z-index:1;background:var(--blue);width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:0 0 0 1px var(--blue);cursor:grab;border:5px solid #fff;border-radius:50%;padding:0;position:absolute;top:5px;transform:translate(-50%)}.dual-range .range-thumb.range-active{z-index:2}.dual-range .range-thumb:active{cursor:grabbing}.dual-range .range-thumb:focus-visible{box-shadow:0 0 0 4px var(--blue-soft), 0 0 0 1px var(--blue)}.range-area p{color:var(--muted);margin:4px 0 0;font-size:.85rem}.pro-notice{color:var(--youtube-red-dark);background:#fff5f5;border:1px solid #f2c5c5;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;margin-top:18px;padding:12px;display:grid}.pro-notice span{font-size:.9rem}.pro-notice button{color:var(--youtube-red-dark);background:0 0;padding:0}.control-actions{grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:24px;display:grid}.source-estimate{color:var(--muted);margin:8px 0 0;font-size:.82rem}.trim-progress,.trim-result{border-top:1px solid var(--border);gap:10px;margin-top:20px;padding-top:16px;display:grid}.trim-progress>div{color:var(--muted);justify-content:space-between;gap:12px;font-size:.88rem;display:flex}.trim-progress>div strong,.trim-result strong{color:var(--ink)}.trim-progress progress{width:100%;height:8px;accent-color:var(--blue)}.trim-progress .secondary-button,.trim-result .primary-button{justify-self:start}.primary-button,.secondary-button,.action-button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.empty-editor{text-align:center;max-width:780px;margin:80px auto;padding:32px}.empty-editor h1{font-size:2rem}.empty-editor .url-form{box-shadow:none;border-top:0;padding:16px 0 0}.clips-page,.detail-page{max-width:1200px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1,.detail-page h1{font-size:2.3rem}.page-heading p{color:var(--muted);margin-bottom:0}.clip-list{gap:12px;display:grid}.clip-row{background:var(--surface);border:1px solid var(--border);align-items:center;gap:18px;padding:16px;display:flex}.clip-row-main{min-width:0;color:var(--ink);flex:1;align-items:center;gap:16px;text-decoration:none;display:flex}.clip-row-main img{aspect-ratio:16/9;object-fit:cover;background:#ddd;width:150px}.clip-row-info{gap:3px;min-width:0;display:grid}.clip-row-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-row-info span{color:var(--muted);font-size:.9rem}.status{font-weight:700}.status-completed{color:var(--success)!important}.status-failed,.row-error{color:var(--youtube-red-dark)!important}.clip-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-button{min-height:38px;padding:.55rem .8rem;font-size:.9rem}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-actions button,.share-actions a{border:1px solid var(--border);min-height:38px;color:var(--ink);background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.share-actions button:hover,.share-actions a:hover{background:var(--blue-soft);color:var(--blue)}.share-actions-compact a{display:none}.empty-state,.loading-state{text-align:center;background:var(--surface);border:1px solid var(--border);padding:48px 24px}.empty-state h2{margin-top:0}.detail-page{padding-top:24px}.back-link{margin-bottom:18px;display:inline-block}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:28px;display:grid}.detail-media{min-width:0}.media-stage{background:#161616;place-items:center;min-height:420px;padding:20px;display:grid}.media-stage video{width:100%;max-height:620px;display:block}.media-stage audio{width:min(520px,100%)}.processing-state{color:#fff;text-align:center;gap:8px;display:grid}.processing-state span{color:#ccc}.detail-media h1{overflow-wrap:anywhere;margin-top:20px}.source-line{color:var(--muted)}.detail-sidebar{gap:16px;display:grid}.notice-card,.detail-card{background:#fffbea;border:1px solid #f0d47a;gap:8px;padding:20px;display:grid}.notice-card span{color:var(--muted);font-size:.9rem}.detail-actions{gap:10px;display:grid}.detail-actions .share-actions{grid-template-columns:repeat(2,1fr);display:grid}.detail-actions .share-actions button,.detail-actions .share-actions a{min-height:42px}.detail-card{background:var(--surface);border-color:var(--border)}.detail-card h2{margin:0;font-size:1.1rem}.detail-card dl{gap:10px;margin:0;display:grid}.detail-card dl div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding-bottom:8px;display:flex}.detail-card dt{color:var(--muted)}.detail-card dd{text-align:right;overflow-wrap:anywhere;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.editor-shell,.detail-grid{grid-template-columns:1fr}.controls-panel{padding-top:0}.media-stage{min-height:280px}}@media (max-width:720px){.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));min-height:196px}.hero-proof-item:nth-child(3),.hero-proof-item:nth-child(4){border-top:1px solid var(--border)}.hero-proof-item:nth-child(3){border-left:0}.seo-section{margin-top:64px;padding-top:32px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-grid div:nth-child(odd){border-left:0}.fact-grid div:nth-child(n+3){border-top:1px solid var(--border)}.step-list,.seo-detail-grid,.seo-feature-grid,.seo-use-case-grid,.seo-compare{grid-template-columns:1fr}.step-list li{border-left:0;border-top:1px solid var(--border);min-height:0}.step-list li:first-child{border-top:0}.seo-feature-grid article,.seo-use-case-grid article{min-height:0}.seo-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-format-grid article:nth-child(3n+1){border-left:1px solid var(--border)}.seo-format-grid article:nth-child(odd){border-left:0}}@media (max-width:640px){.site-header{padding:0 16px}.site-header nav{gap:12px}.hero{padding:32px 16px 40px}.hero-entry{justify-content:flex-start}.lead-break{display:none}.lead{max-width:34rem;font-size:1rem}.url-entry,.url-form{padding:18px}.hero-entry .url-entry{width:100%;padding:18px}.hero-entry .url-entry input,.hero-entry .url-entry button{min-height:58px}.url-row,.source-row,.page-heading{flex-direction:column;align-items:stretch}.url-row button{width:100%}.trust-row{justify-content:flex-start;gap:10px 18px}.trim-page,.clips-page,.detail-page{padding:24px 16px 60px}.control-grid,.time-grid-large,.control-actions{grid-template-columns:1fr}.clip-row{flex-direction:column;align-items:stretch}.clip-row-main{align-items:flex-start}.clip-row-main img{width:120px}.clip-row-actions{justify-content:flex-start}.pro-notice{grid-template-columns:1fr auto}.pro-notice span{grid-column:1/-1}.panel-tabs span,.panel-tabs button{min-width:96px}.info-page{padding:42px 16px 60px}.seo-content{padding:68px 16px 80px}.seo-intro h2{font-size:2rem}.seo-answer{font-size:1rem}.fact-grid div{min-height:116px;padding:18px 14px}.fact-grid dd{font-size:1rem}.step-list li,.seo-detail{padding:20px 0}.sources{padding:22px 0}}