:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-muted:#f0f3f7;--line:#d8dee8;--line-strong:#bac4d3;--text:#18202f;--muted:#647084;--blue:#2563eb;--blue-dark:#1d4ed8;--green:#0f766e;--amber:#b45309;--red:#dc2626;--shadow:0 16px 45px #18202f14}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.app-shell{grid-template-columns:minmax(290px,360px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:100vh;display:flex}.channel-form{border-bottom:1px solid var(--line);gap:14px;padding:18px;display:grid}.app-nav{gap:6px;display:grid}.app-nav a{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:0 10px;font-size:14px;font-weight:800;display:flex}.app-nav a:hover,.app-nav a.active{color:var(--blue);background:#eef4ff;border-color:#bfdbfe}.brand-row{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-row h1,.brand-row p,.now-playing h2,.now-playing p,.video-item strong,.video-item small{margin:0}.brand-row h1{font-size:20px;line-height:1.1}.brand-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:3px;font-size:13px;overflow:hidden}.input-label,.field-grid label,.time-grid label,.fine-time-grid label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:700;display:grid}.search-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.text-field,.field-grid input,.field-grid textarea,.profile-select select,.time-grid input,.fine-time-grid input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;align-items:center;min-height:42px;display:flex}.text-field:focus-within,.field-grid input:focus,.field-grid textarea:focus,.profile-select select:focus,.time-grid input:focus,.fine-time-grid input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb24}.with-icon{color:var(--muted);gap:8px;padding:0 11px}.with-icon input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0}.field-grid input,.field-grid textarea,.profile-select select,.time-grid input,.fine-time-grid input{color:var(--text);outline:none;width:100%;min-width:0;padding:0 12px}.field-grid textarea{resize:vertical;min-height:104px;padding-top:10px;padding-bottom:10px}.icon-button,.secondary-button,.save-button,.clear-button,.danger-button{border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:42px;height:42px}.primary,.save-button{background:var(--blue);color:#fff}.primary:hover,.save-button:hover{background:var(--blue-dark)}.list-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.list-meta span{background:var(--panel-muted);border-radius:999px;align-items:center;gap:5px;min-height:26px;padding:0 9px;display:inline-flex}.video-list{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow:auto}.empty-list{border:1px dashed var(--line-strong);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;min-height:130px;font-size:14px;display:flex}.video-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:92px minmax(0,1fr);gap:10px;width:100%;padding:8px;display:grid}.video-item:hover,.video-item.active{background:#eef4ff;border-color:#bfdbfe}.video-item img{aspect-ratio:16/9;background:var(--panel-muted);object-fit:cover;border-radius:6px;width:100%}.video-item span{gap:6px;min-width:0;display:grid}.video-item strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.28;display:-webkit-box;overflow:hidden}.video-item small{color:var(--muted);font-size:12px}.workspace{grid-template-rows:auto minmax(0,1fr);gap:18px;min-width:0;padding:18px;display:grid}.player-panel,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.player-frame{aspect-ratio:16/9;background:#111827;border-radius:8px 8px 0 0;width:100%;position:relative;overflow:hidden}.youtube-shell{position:relative}.youtube-shell,.youtube-shell>div,.youtube-shell>iframe{width:100%;height:100%;display:block}.clip-overlay{pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.clip-overlay-title,.clip-overlay-actions{color:#fff;pointer-events:auto;background:#111827d6;border:1px solid #ffffff2e;border-radius:8px;box-shadow:0 10px 28px #0000003d}.clip-overlay-title{gap:4px;min-width:150px;padding:9px 11px;display:grid}.clip-overlay-title span{color:#cbd5e1;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.clip-overlay-title strong{font-size:15px}.clip-overlay-actions{grid-template-columns:repeat(2,minmax(96px,1fr));gap:1px;display:grid;overflow:hidden}.clip-overlay-actions button{color:#fff;text-align:left;background:0 0;border:0;gap:3px;min-height:56px;padding:8px 12px;display:grid}.clip-overlay-actions button:hover{background:#ffffff1f}.clip-overlay-actions span{color:#cbd5e1;text-transform:uppercase;font-size:11px;font-weight:800}.clip-overlay-actions strong{font-size:16px}.player-empty{color:#d1d5db;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.now-playing{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.now-playing div:first-child{min-width:0}.now-playing p{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.now-playing h2{overflow-wrap:anywhere;margin-top:4px;font-size:20px;line-height:1.25}.time-pill{color:var(--green);background:#ecfdf5;border:1px solid #99f6e4;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.clip-workbar{border-top:1px solid var(--line);gap:14px;padding:0 16px 16px;display:grid}.clip-workbar-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.timeline-track{background:#e5e9f0;border:0;border-radius:999px;width:100%;height:28px;padding:0;display:block;position:relative;overflow:hidden}.timeline-track:disabled{cursor:not-allowed}.timeline-track:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb2e}.timeline-progress,.timeline-selection,.timeline-marker,.timeline-playhead{pointer-events:none;position:absolute}.timeline-progress{z-index:1;background:#bfdbfe;top:0;bottom:0;left:0}.timeline-selection{background:var(--blue);z-index:2;border-radius:999px;top:6px;bottom:6px}.timeline-marker{z-index:4;border:2px solid #fff;border-radius:999px;width:14px;height:14px;top:50%;transform:translate(-50%,-50%)}.timeline-marker.start{background:var(--green)}.timeline-marker.end{background:var(--amber)}.timeline-playhead{z-index:5;background:#111827;width:2px;top:3px;bottom:3px;transform:translate(-50%)}.editor-grid{grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);gap:18px;min-width:0;display:grid}.panel{align-content:start;gap:18px;padding:18px;display:grid}.panel-title{align-items:center;gap:9px;display:flex}.panel-title>span,.split-title>span,.panel-title-with-tabs>span{align-items:center;gap:9px;min-width:0;display:inline-flex}.panel-title h3{margin:0;font-size:18px}.split-title,.panel-title-with-tabs{justify-content:space-between}.split-title em{color:var(--blue);white-space:nowrap;background:#eef4ff;border-radius:999px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:800}.panel-tabs{background:var(--panel-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:inline-grid}.panel-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 11px;font-size:13px;font-weight:800}.panel-tabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #18202f1f}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-grid .full-width{grid-column:1/-1}.time-grid{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.fine-time-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:10px;display:grid}.secondary-button{background:var(--panel-muted);color:var(--text);align-self:end;gap:7px;min-height:42px;padding:0 12px}.secondary-button:hover{background:#e5e9f0}.link-button{text-decoration:none}.danger-button{color:var(--red);background:#fee2e2;align-self:end;gap:7px;min-height:42px;padding:0 12px}.danger-button:hover{background:#fecaca}.compact-button{min-height:36px}.clip-summary{color:var(--amber);background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:14px;font-weight:800;display:grid}.clip-summary span,.clip-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.save-button{gap:8px;min-width:104px;min-height:42px;padding:0 16px}.ratings-panel{gap:14px}.ratings-list{gap:13px;display:grid}.saved-clips{gap:12px;display:grid}.saved-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.saved-toolbar span{color:var(--muted);font-size:13px;font-weight:800}.saved-list{gap:10px;display:grid}.saved-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.saved-sidebar{min-height:100vh}.saved-workspace{align-content:start}.saved-page-panel{max-width:1120px}.saved-list-page{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.setup-callout{color:var(--amber);background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;gap:6px;padding:12px;display:grid}.setup-callout strong,.setup-callout p{margin:0}.setup-callout p{font-size:13px;line-height:1.4}.saved-clip{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:12px;display:grid}.saved-clip.active{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.saved-clip-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.saved-clip strong{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.25}.saved-clip small{color:var(--green);white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.saved-clip p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.35}.saved-description{background:var(--panel-muted);border-radius:8px;padding:9px}.saved-channel{font-weight:800;color:var(--green)!important}.saved-profile{font-weight:800;color:var(--blue)!important}.saved-clip-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.clip-detail-panel{gap:14px;display:grid}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.clip-detail{gap:18px;display:grid}.clip-video-link{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.clip-video-link:hover{border-color:#bfdbfe;box-shadow:0 0 0 3px #2563eb1a}.clip-video-link img{aspect-ratio:16/9;background:var(--panel-muted);object-fit:cover;border-radius:6px;width:100%}.clip-video-link span{gap:8px;min-width:0;display:grid}.clip-video-link strong{overflow-wrap:anywhere;font-size:20px;line-height:1.25}.clip-video-link small{color:var(--blue);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.clip-detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:18px;display:grid}.clip-detail-section{gap:12px;display:grid}.clip-detail-section h4{text-transform:uppercase;margin:0;font-size:14px}.detail-list{border:1px solid var(--line);border-radius:8px;margin:0;display:grid;overflow:hidden}.detail-list div{grid-template-columns:128px minmax(0,1fr);gap:8px;min-height:44px;padding:10px 12px;display:grid}.detail-list div+div{border-top:1px solid var(--line)}.detail-list dt,.detail-list dd{margin:0}.detail-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.detail-list dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.detail-rating-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.detail-rating{border-bottom:1px solid var(--line);border-right:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.detail-rating:nth-child(2n){border-right:0}.detail-rating:nth-last-child(-n+2){border-bottom:0}.detail-rating span{color:var(--muted);font-size:13px;font-weight:800}.detail-rating strong{background:var(--panel-muted);color:var(--text);text-align:center;border-radius:999px;min-width:42px;padding:5px 9px;font-size:12px}.detail-profile{border:1px solid var(--line);border-radius:8px;gap:7px;padding:12px;display:grid}.detail-profile span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.detail-profile strong{color:var(--blue);font-size:15px}.detail-profile p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.clip-detail-description{background:var(--panel-muted);overflow-wrap:anywhere;border-radius:8px;margin:0;padding:12px;line-height:1.55}.rating-row{gap:8px;display:grid}.rating-header{justify-content:space-between;align-items:center;display:flex}.rating-header label{color:var(--text);font-size:14px;font-weight:800}.rating-header output{background:var(--panel-muted);color:var(--muted);text-align:center;border-radius:999px;min-width:42px;padding:5px 9px;font-size:12px;font-weight:800}.rating-help{color:var(--muted);margin:-2px 0 0;font-size:13px;line-height:1.4}.rating-control{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:10px;display:grid}.rating-control input[type=range]{accent-color:var(--blue);width:100%}.rating-scale{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;display:flex}.profile-select{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:700;display:grid}.profile-select select{color:var(--text);outline:none;width:100%;min-width:0}.profile-select small{color:var(--muted);text-transform:none;font-size:13px;font-weight:600;line-height:1.4}.clear-button{color:var(--red);background:#fee2e2;width:32px;height:32px}.clear-button:hover{background:#fecaca}.status{border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.status.error{color:#991b1b;background:#fee2e2}.status.success{color:#166534;background:#dcfce7}.spin{animation:.8s linear infinite spin}.sr-only{width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;min-height:0}.saved-sidebar{min-height:0}.video-list{grid-auto-columns:minmax(260px,310px);grid-auto-flow:column;display:grid;overflow-x:auto}.video-item{grid-template-columns:96px minmax(0,1fr)}}@media (max-width:820px){.workspace{padding:12px}.editor-grid,.field-grid{grid-template-columns:1fr}.now-playing,.panel-title-with-tabs,.split-title{flex-direction:column;align-items:flex-start}.clip-overlay{flex-direction:column;align-items:stretch}.clip-overlay-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.fine-time-grid{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:540px){.channel-form{padding:14px}.search-row,.time-grid,.fine-time-grid,.clip-workbar-head{grid-template-columns:1fr}.icon-button,.secondary-button,.danger-button,.panel-tabs{width:100%}.saved-clip-head{grid-template-columns:1fr}.saved-toolbar,.saved-clip-actions,.detail-actions{flex-direction:column;align-items:stretch}.clip-video-link,.clip-detail-grid,.detail-list div,.detail-rating-grid{grid-template-columns:1fr}.detail-rating,.detail-rating:nth-child(2n),.detail-rating:nth-last-child(-n+2){border-bottom:1px solid var(--line);border-right:0}.detail-rating:last-child{border-bottom:0}.clip-overlay{top:8px;left:8px;right:8px}.clip-overlay-title{display:none}.clip-overlay-actions button{min-height:48px;padding:7px 10px}.clip-summary{grid-template-columns:1fr;padding:10px 12px}}