@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;1,9..144,300&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--color-primary:#ff2d55;--color-primary-hover:#ff4d6d;--color-bg:#000;--color-surface:#1a1a1a;--color-surface-hover:#ffffff1a;--color-border:#ffffff1a;--color-text:#fff;--color-text-secondary:#aaa;--color-text-muted:#ffffff80;--color-accent-blue:#2196f3;--color-success:#4caf50;--color-error:#f44336;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:var(--color-bg);opacity:1;width:100%;height:100%;transition:opacity .2s,transform .2s;transform:translateY(0)}.app--studio{overflow:hidden}.app.app-view-exit{opacity:0;transform:translateY(8px)}.app.app-view-enter{opacity:0;animation:.2s forwards viewEnter;transform:translateY(-8px)}@keyframes viewEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.video-feed{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow-y:scroll}.video-feed::-webkit-scrollbar{display:none}.video-item{scroll-snap-align:start;scroll-snap-stop:always;background:var(--color-bg);justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.video-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-player{object-fit:contain;width:100dvw;max-width:100%;height:100dvh;max-height:100%}.video-placeholder{background:#111;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-placeholder.skeleton{background:linear-gradient(90deg,#111 25%,#222 50%,#111 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.video-placeholder.skeleton-overlay:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 25%,#ffffff08 50%,#0000 75%) 0 0/200% 100%;animation:1.5s infinite shimmer;position:absolute;inset:0}.video-placeholder-thumb{object-fit:contain;max-width:100%;max-height:100%}.video-overlay{cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-pause-icon{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .2s;display:flex}.play-pause-icon.visible{opacity:1}.play-pause-icon svg{fill:#fff;width:40px;height:40px}.video-controls{padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));z-index:20;opacity:1;background:linear-gradient(#0000,#000000b3);transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-controls.hidden{opacity:0;pointer-events:none}.progress-container{cursor:pointer;padding:8px 0;position:relative}.progress-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;height:4px;transition:height .2s;overflow:hidden}.progress-container:hover .progress-bar{height:6px}.progress-container{cursor:pointer;isolation:isolate;padding:8px 0;position:relative;overflow:visible}.preview-container{pointer-events:none;z-index:10;will-change:left;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;left:0;transform:translate(-50%)}.preview-thumbnail{background-repeat:no-repeat;border:2px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #00000080}.preview-time{color:#fff;background:#000c;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:600}.progress-bar:hover{height:5px}.progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.controls-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.control-btn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s,transform .2s;display:flex}.control-btn:hover{opacity:1;transform:scale(1.1)}.control-btn svg{fill:currentColor;width:24px;height:24px}.time-display{color:#fff;opacity:.9;font-size:13px}.volume-control{align-items:center;gap:4px;display:flex;position:relative}.volume-slider-container{align-items:center;width:0;transition:width .2s;display:flex;overflow:hidden}.volume-control:hover .volume-slider-container,.volume-slider-container:focus-within{width:70px}.volume-slider{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;width:60px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.fullscreen-btn{margin-left:auto}.video-feed:fullscreen{background:#000}.video-info{bottom:max(80px, calc(60px + env(safe-area-inset-bottom)));z-index:15;color:#fff;opacity:1;transition:opacity .3s;position:absolute;left:20px;right:80px}.video-info.hidden{opacity:0;pointer-events:none}.video-title{text-shadow:0 1px 3px #00000080;word-break:break-word;margin-bottom:4px;font-size:16px;font-weight:600}.video-source{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.side-actions{right:12px;bottom:max(120px, calc(100px + env(safe-area-inset-bottom)));z-index:15;opacity:1;flex-direction:column;gap:20px;transition:opacity .3s;display:flex;position:absolute}.side-actions.hidden{opacity:0;pointer-events:none}.action-btn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s,transform .2s;display:flex}.action-btn:hover{opacity:1;transform:scale(1.1)}.action-btn svg{fill:currentColor;width:32px;height:32px}.action-btn span{font-size:12px}.loading-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-more{justify-content:center;padding:40px;display:flex}.error-container{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;padding:20px;display:flex}.error-container h2{margin-bottom:8px;font-size:24px}.error-container p{opacity:.7;max-width:300px}.retry-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.retry-btn:hover{transform:scale(1.05)}.empty-container{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex}.empty-container h2{margin-bottom:8px;font-size:24px}.empty-container p{opacity:.7;max-width:400px;line-height:1.5}.video-loading{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-error{z-index:15;text-align:center;color:#fff;background:#000c;border-radius:8px;max-width:80%;padding:20px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-error p{margin-bottom:15px;font-size:16px}.video-error button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.video-error button:hover{background:var(--color-primary-hover)}.lp{--lp-accent:#d4a054;--lp-accent-dim:#d4a05426;--lp-accent-glow:#d4a05466;--lp-warm:#c27a3a;--lp-surface:#ffffff0a;--lp-border:#ffffff12;--lp-text:#e8e4de;--lp-text-dim:#fff6;--lp-font-display:"Fraunces", Georgia, serif;--lp-font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--lp-sidebar-w:260px;grid-template-columns:var(--lp-sidebar-w) 1fr;min-height:100vh;max-height:100vh;color:var(--lp-text);font-family:var(--lp-font-body);background:#0a0a09;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.lp-grain{pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:fixed;inset:0}.lp.lp--mounted .lp-nav-item,.lp.lp--mounted .lp-vidcard,.lp.lp--mounted .lp-plcard{animation:.6s cubic-bezier(.22,1,.36,1) both lpReveal}@keyframes lpReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-topbar{z-index:50;border-bottom:1px solid var(--lp-border);background:#0a0a09;grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.lp-topbar__left{align-items:center;gap:12px;display:flex}.lp-topbar__right{align-items:center;gap:8px;display:flex}.lp-hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.lp-hamburger svg{width:22px;height:22px;fill:var(--lp-text-dim)}.lp-hamburger:hover svg{fill:var(--lp-text)}.lp-logo{font-family:var(--lp-font-display);letter-spacing:-.02em;color:var(--lp-accent);-webkit-user-select:none;user-select:none;font-size:22px;font-weight:700}.lp-action-btn{border:1px solid var(--lp-border);background:var(--lp-surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.lp-action-btn svg{width:17px;height:17px;fill:var(--lp-text-dim);transition:fill .2s}.lp-action-btn:hover{background:#ffffff14;border-color:#ffffff26}.lp-action-btn:hover svg{fill:var(--lp-text)}.lp-action-btn--accent{background:var(--lp-accent-dim);border-color:#d4a05433}.lp-action-btn--accent svg{fill:var(--lp-accent)}.lp-action-btn--accent:hover{background:#d4a05440;border-color:#d4a05466}.lp-action-btn--studio{background:#60d0ad24;border-color:#60d0ad59}.lp-action-btn--studio svg{fill:#60d0ad}.lp-action-btn--studio:hover{background:#60d0ad42;border-color:#60d0ad8c}.lp-action-btn--edit-active{border-color:var(--color-primary);background:#ff2d5533}.lp-action-btn--edit-active svg{fill:var(--color-primary)}.lp-sortbar__pills{gap:2px;display:flex}.lp-sort{color:var(--lp-text-dim);font-family:var(--lp-font-body);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s}.lp-sort:hover{color:var(--lp-text);background:#ffffff0d}.lp-sort--active{color:var(--lp-text);background:#ffffff14}.lp-sidebar{border-right:1px solid var(--lp-border);background:#ffffff04;padding:16px 0;overflow:hidden auto}.lp-sidebar::-webkit-scrollbar{width:4px}.lp-sidebar::-webkit-scrollbar-track{background:0 0}.lp-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.lp-sidebar__nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.lp-sidebar__divider{background:var(--lp-border);height:1px;margin:12px 16px}.lp-sidebar__section{padding:0 10px}.lp-sidebar__header{justify-content:space-between;align-items:center;padding:4px 10px 8px;display:flex}.lp-sidebar__label{text-transform:uppercase;letter-spacing:.06em;color:var(--lp-text-dim);font-size:11px;font-weight:600}.lp-sidebar__add{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.lp-sidebar__add svg{width:18px;height:18px;fill:var(--lp-text-dim);transition:fill .2s}.lp-sidebar__add:hover{background:#ffffff0f}.lp-sidebar__add:hover svg{fill:var(--lp-text)}.lp-sidebar__create{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:8px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;display:flex}.lp-sidebar__create-input{min-width:0;color:var(--lp-text);font-family:var(--lp-font-body);background:0 0;border:none;outline:none;flex:1;padding:6px 4px;font-size:13px}.lp-sidebar__create-input::placeholder{color:var(--lp-text-dim)}.lp-sidebar__create-btn{background:var(--lp-accent);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex}.lp-sidebar__create-btn svg{fill:#0a0a09;width:16px;height:16px}.lp-sidebar__create-btn:hover{opacity:.85}.lp-sidebar__list{flex-direction:column;gap:2px;display:flex}.lp-nav-item{color:var(--lp-text-dim);font-family:var(--lp-font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.lp-nav-item svg{fill:currentColor;opacity:.7;flex-shrink:0;width:18px;height:18px}.lp-nav-item__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lp-nav-item__count{color:var(--lp-text-dim);opacity:.6;flex-shrink:0;margin-left:auto;font-size:11px}.lp-nav-item__delete{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:none}.lp-nav-item__delete svg{width:14px;height:14px;fill:var(--lp-text-dim)}.lp-nav-item__delete:hover{background:#dc3c3c33}.lp-nav-item__delete:hover svg{fill:#dc3c3c}.lp-nav-item:hover{color:var(--lp-text);background:#ffffff0a}.lp-nav-item:hover svg{opacity:1}.lp-nav-item:hover .lp-nav-item__delete{display:flex}.lp-nav-item:hover .lp-nav-item__count{display:none}.lp-nav-item--active{color:var(--lp-text);background:#ffffff12}.lp-nav-item--active svg{opacity:1;fill:var(--lp-accent)}.lp-main{padding:24px 28px 80px;overflow-y:auto}.lp-main::-webkit-scrollbar{width:6px}.lp-main::-webkit-scrollbar-track{background:0 0}.lp-main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.lp-main::-webkit-scrollbar-thumb:hover{background:#fff3}.lp-pill{border:1px solid var(--lp-border);background:var(--lp-surface);color:var(--lp-text);font-family:var(--lp-font-body);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.lp-pill svg{fill:currentColor;opacity:.7;width:14px;height:14px}.lp-pill--primary{background:linear-gradient(135deg, var(--lp-accent), var(--lp-warm));color:#0a0a09;border-color:#0000;font-weight:600}.lp-pill--primary svg{opacity:.8}.lp-pill--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4a0544d}.lp-pill--sm{margin-left:auto;padding:5px 14px;font-size:12px}.lp-pill--sm svg{width:12px;height:12px}.lp-col-slider{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.lp-col-slider__icon{width:16px;height:16px;fill:var(--lp-text-dim);flex-shrink:0}.lp-col-slider input[type=range]{appearance:none;background:var(--lp-border);cursor:pointer;touch-action:manipulation;border-radius:3px;outline:none;width:80px;height:6px}.lp-col-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lp-accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.lp-col-slider input[type=range]::-moz-range-thumb{background:var(--lp-accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.lp-col-slider__label{font-family:var(--lp-font-body);color:var(--lp-text-dim);text-align:center;min-width:28px;font-size:11px;font-weight:600}.lp-vidgrid{animation:.4s cubic-bezier(.22,1,.36,1) both lpReveal}.lp-vidgrid__head{border-bottom:1px solid var(--lp-border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.lp-vidgrid__title{font-family:var(--lp-font-display);color:var(--lp-text);margin:0;font-size:24px;font-weight:300}.lp-vidgrid__count{color:var(--lp-text-dim);font-size:13px}.lp-vidgrid__grid{position:relative}.lp-vidgrid__grid::-webkit-scrollbar{width:4px}.lp-vidgrid__grid::-webkit-scrollbar-track{background:0 0}.lp-vidgrid__grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lp-vidcard{cursor:pointer;text-align:left;width:100%;color:var(--lp-text);font-family:var(--lp-font-body);background:0 0;border:none;border-radius:4px;display:block;position:relative;overflow:hidden}.lp-vidcard:hover .lp-vidcard__thumb img{filter:brightness(1.1)}.lp-vidcard__thumb{background:#111;border-radius:4px;width:100%;position:relative;overflow:hidden}.lp-vidcard__thumb:not(:has(img)){aspect-ratio:16/9}.lp-vidcard__thumb img{width:100%;transition:filter .3s;display:block}.lp-vidcard__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lp-vidcard__placeholder svg{fill:#ffffff1f;width:28px;height:28px}.lp-vidcard__dur{color:#ffffffd9;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;bottom:6px;right:6px}.lp-vidcard__name{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b3);padding:20px 8px 6px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lp-vidcard--selected{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}.lp-vidcard__check{z-index:2;pointer-events:none;background:#0006;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;left:6px}.lp-vidcard__check--on{background:var(--color-primary);border-color:var(--color-primary)}.lp-vidcard__check svg{fill:#fff;width:14px;height:14px}.lp-plcard{cursor:pointer;text-align:left;width:100%;color:var(--lp-text);font-family:var(--lp-font-body);background:0 0;border:none;border-radius:4px;display:block;position:relative;overflow:hidden}.lp-plcard:hover .lp-plcard__thumb img{filter:brightness(1.1)}.lp-plcard__thumb{background:#111;border-radius:4px;width:100%;position:relative;overflow:hidden}.lp-plcard__thumb:not(:has(img)){aspect-ratio:16/9}.lp-plcard__thumb img{width:100%;transition:filter .3s;display:block}.lp-plcard__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lp-plcard__placeholder svg{fill:#ffffff1f;width:32px;height:32px}.lp-plcard__play{cursor:pointer;opacity:0;z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:6px;right:6px}.lp-plcard:hover .lp-plcard__play{opacity:1}.lp-plcard__play:hover{background:var(--color-primary)}.lp-plcard__play svg{fill:#fff;width:16px;height:16px}.lp-plcard__overlay{background:linear-gradient(#0000,#000c);border-radius:0 0 4px 4px;padding:24px 8px 6px;position:absolute;bottom:0;left:0;right:0}.lp-plcard__name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.lp-plcard__meta{color:#fff9;font-variant-numeric:tabular-nums;gap:8px;font-size:10px;font-weight:500;display:flex}.lp-plcard__name-input{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;outline:none;width:100%;margin-bottom:2px;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:600;display:block}.lp-plcard__name-input:focus{border-color:var(--color-primary);background:#fff3}.lp-vidcard__remove{z-index:2;cursor:pointer;background:#dc3232d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;left:6px}.lp-vidcard__remove svg{fill:#fff;width:14px;height:14px}.lp-vidcard__remove:hover{background:#dc3232;transform:scale(1.15)}.lp-selectbar{z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:10px 16px;animation:.2s ease-out lp-selectbar-in;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}@keyframes lp-selectbar-in{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lp-selectbar__count{color:#fffc;white-space:nowrap;font-size:13px;font-weight:600}.lp-selectbar__btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.lp-selectbar__btn:hover{background:#ffffff2e}.lp-selectbar__btn--primary{background:var(--color-primary)}.lp-selectbar__btn--primary:hover{background:var(--color-primary-hover)}.lp-selectbar__btn svg{fill:currentColor;width:16px;height:16px}.lp-playlist-modal{max-width:380px}.lp-playlist-modal__body{max-height:60vh;padding:12px 16px 16px;overflow-y:auto}.lp-playlist-modal__new{gap:8px;margin-bottom:12px;display:flex}.lp-playlist-modal__new input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#fff;background:#ffffff0f;outline:none;flex:1;padding:8px 12px;font-size:13px}.lp-playlist-modal__new input:focus{border-color:var(--color-primary)}.lp-playlist-modal__new button{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.lp-playlist-modal__new button:disabled{opacity:.5;cursor:not-allowed}.lp-playlist-modal__new button svg{fill:currentColor;width:16px;height:16px}.lp-playlist-modal__list{flex-direction:column;gap:2px;display:flex}.lp-playlist-modal__item{border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.lp-playlist-modal__item:hover{background:#ffffff14}.lp-playlist-modal__item:disabled{opacity:.5;cursor:not-allowed}.lp-playlist-modal__item svg{fill:#ffffff80;flex-shrink:0;width:20px;height:20px}.lp-playlist-modal__item span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lp-playlist-modal__count{color:#fff6;font-size:12px}.lp-loader{justify-content:center;align-items:center;gap:6px;padding:48px;display:flex}.lp-loader--sm{padding:20px}.lp-loader__dot{background:var(--lp-accent);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite lpPulse}.lp-loader__dot:nth-child(2){animation-delay:.15s}.lp-loader__dot:nth-child(3){animation-delay:.3s}@keyframes lpPulse{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.8;transform:scale(1.1)}}.lp-empty{text-align:center;color:var(--lp-text-dim);padding:32px;font-size:14px}.lp-sidebar-overlay{z-index:59;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.lp{grid-template-columns:1fr}.lp-hamburger{display:flex}.lp-sidebar{width:var(--lp-sidebar-w);z-index:60;border-right:1px solid var(--lp-border);background:#0a0a09;transition:transform .25s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.lp-sidebar--open{transform:translate(0)}.lp-sidebar--open~.lp-sidebar-overlay,.lp-sidebar-overlay{display:block}.lp-sidebar-overlay:not(.lp-sidebar--open~.lp-sidebar-overlay){display:none}.lp-main{padding:16px 16px 60px}.lp-topbar,.lp-topbar__right{flex-wrap:wrap}.lp-sortbar__pills{flex-wrap:wrap;flex-basis:100%;order:1;padding-top:8px}}.nav-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .3s!important}.back-btn{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,opacity .3s;display:flex;position:fixed;top:20px;right:20px}.back-btn:hover{background:#000000b3}.back-btn svg{fill:#fff;width:24px;height:24px}.menu-btn{z-index:100;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,opacity .3s;display:flex;position:fixed;top:20px;left:20px}.menu-btn:hover{background:#000000b3}.menu-btn svg{fill:#fff;width:24px;height:24px}.top-badges{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;top:20px;left:80px}.filter-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.filter-badge button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.filter-badge svg{fill:#fff;opacity:.7;width:16px;height:16px;transition:opacity .2s}.filter-badge button:hover svg{opacity:1}.sort-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .2s;display:flex}.sort-badge:hover{background:#fff3}.sort-badge svg{fill:#fff;opacity:.7;width:14px;height:14px}.sidebar-overlay{z-index:200;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{background:var(--color-surface);z-index:201;flex-direction:column;width:300px;max-width:85vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-overlay.open .sidebar{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h2{color:#fff;font-size:20px;font-weight:600}.close-btn,.sidebar-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.close-btn:hover,.sidebar-close:hover{opacity:1}.close-btn svg,.sidebar-close svg{fill:currentColor;width:24px;height:24px}.sidebar-nav{padding:0 0 8px}.section-header{justify-content:space-between;align-items:center;padding:12px 20px 8px;display:flex}.section-header h3{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:600}.section-header.clickable{cursor:pointer}.section-header.clickable:hover h3{color:#ffffffb3}.section-header .chevron{fill:currentColor;color:#ffffff80;width:20px;height:20px;transition:transform .2s}.section-header-actions{align-items:center;gap:4px;display:flex}.sort-options{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.sort-option{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:16px;padding:6px 12px;font-size:13px;transition:all .2s}.sort-option:hover{background:#ffffff1a;border-color:#ffffff4d}.sort-option.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.add-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.add-btn:hover{opacity:1}.add-btn svg{fill:currentColor;width:20px;height:20px}.create-form{padding:8px 20px 16px}.create-form input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:10px 12px;font-size:14px}.create-form input:focus{border-color:#fff6}.form-btns{justify-content:flex-end;gap:8px;display:flex}.form-btns button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:background .2s}.form-btns button:hover{background:#fff3}.form-btns button:last-child{background:var(--color-primary);color:#fff;font-weight:600}.form-btns button:last-child:hover{background:var(--color-primary-hover)}.settings-form{padding:12px 20px 16px}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:#fff;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.setting-control{align-items:center;gap:12px;display:flex}.setting-control input[type=range]{appearance:none;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}.setting-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s}.setting-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.setting-control input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.setting-control input[type=range]:disabled{opacity:.5}.setting-value{color:#fffc;text-align:right;min-width:50px;font-family:monospace;font-size:12px}.setting-description{color:#ffffff80;margin-top:4px;margin-bottom:0;font-size:11px}.video-list-section{flex-direction:column;flex:1;min-height:0;display:flex}.video-list-header{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;padding:12px 20px 8px;font-size:12px;font-weight:600}.video-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;max-height:40vh;overflow-y:auto}.video-list::-webkit-scrollbar{width:4px}.video-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.video-list-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 20px;transition:background .15s;display:flex}.video-list-item:hover{background:#ffffff14}.video-list-item.active{border-left-color:var(--color-primary);background:#ff2d551f}.video-list-pos{color:#ffffff59;text-align:right;font-variant-numeric:tabular-nums;min-width:20px;font-size:12px}.video-list-item.active .video-list-pos{color:var(--color-primary);font-weight:600}.video-list-thumb{object-fit:cover;background:#ffffff14;border-radius:4px;flex-shrink:0;width:48px;height:28px}.video-list-thumb.placeholder{justify-content:center;align-items:center;display:flex}.video-list-thumb.placeholder svg{fill:#ffffff4d;width:16px;height:16px}.video-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.video-list-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.video-list-item.active .video-list-name{color:#fff;font-weight:500}.video-list-duration{color:#fff6;font-variant-numeric:tabular-nums;font-size:11px}.playlist-list{padding:0}.delete-btn{color:#fff;cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;transition:opacity .2s;display:flex}.sidebar-item:hover .delete-btn{opacity:.5}.delete-btn:hover{opacity:1!important}.delete-btn svg{fill:currentColor;width:18px;height:18px}.sidebar-content{flex:1;padding:16px 0;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-section h3{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 20px;font-size:12px;font-weight:600}.sidebar-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:15px;transition:background .2s;display:flex}.sidebar-item:hover{background:#ffffff1a}.sidebar-item.active{background:#ffffff26}.sidebar-item svg{fill:currentColor;opacity:.8;width:22px;height:22px}.sidebar-item span{flex:1}.playlist-count{opacity:.5;font-size:13px}.playlist-thumb{background:#ffffff1a;border-radius:6px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.playlist-thumb.empty{justify-content:center;align-items:center;display:flex}.playlist-thumb.empty svg{fill:#ffffff80;width:20px;height:20px}.playlist-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.playlist-thumb img.active{opacity:1}.sidebar-item.playlist-item{padding:10px 20px}.sidebar-item.playlist-item>svg{display:none}.create-playlist-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:8px 20px;padding:10px 16px;font-size:14px;transition:background .2s,border-color .2s;display:flex}.create-playlist-btn:hover{background:#ffffff26;border-color:#ffffff80}.create-playlist-btn svg{fill:currentColor;width:18px;height:18px}.hint{color:#fff9;margin-bottom:12px;font-size:14px}.url-input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:150px;margin-bottom:20px;padding:16px;font-family:monospace;font-size:14px}.url-input:focus{border-color:#ffffff4d}.import-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:opacity .2s;display:flex}.import-btn:disabled{opacity:.5;cursor:not-allowed}.status-message{border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.status-message.success{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc714d}.status-message.error{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c4d}.spinner-small{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.modal-overlay{z-index:300;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000080}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:#fff;font-size:18px;font-weight:600}.modal-close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.modal-close-btn:hover{opacity:1}.modal-close-btn svg{fill:currentColor;width:20px;height:20px}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-loading{justify-content:center;padding:32px;display:flex}.empty-playlists{text-align:center;color:#fff9;padding:24px}.create-playlist-form{margin-bottom:16px}.create-playlist-form input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.create-playlist-form input:focus{border-color:#fff6}.form-actions{justify-content:flex-end;gap:8px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.btn-secondary:hover{background:#fff3}.btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.playlist-list-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:8px 0;display:grid}.playlist-grid-item{cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:background .2s,transform .2s;display:flex}.playlist-grid-item:hover{background:#ffffff1a;transform:translateY(-2px)}.playlist-icon{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.playlist-info{flex-direction:column;gap:4px;display:flex}.playlist-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.playlist-count{color:#ffffff80;font-size:12px}.modal-video-preview{background:#0000004d;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px;display:flex}.modal-video-preview .video-thumb{background-color:#000;border-radius:8px;width:120px}.modal-video-preview .video-meta{flex:1;overflow:hidden}.modal-video-preview .video-name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.admin-toggle{border-top:1px solid var(--color-border);margin-top:auto;padding-top:16px}.favorite-btn.active svg{fill:var(--color-primary);color:var(--color-primary)}.heart-animation{z-index:100;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.heart-animation svg{width:100px;height:100px;fill:var(--color-primary);animation:.6s ease-out forwards heartPop}@keyframes heartPop{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.seek-indicator{opacity:0;pointer-events:none;z-index:50;background:#0006;border-radius:50%;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.seek-indicator.left{left:15%}.seek-indicator.right{right:15%}.seek-indicator svg{fill:#fff;width:36px;height:36px}.seek-indicator span{color:#fff;font-size:12px;font-weight:600}.seek-indicator.visible{animation:.5s ease-out forwards seekPop}@keyframes seekPop{0%{opacity:0;transform:translateY(-50%)scale(.5)}30%{opacity:1;transform:translateY(-50%)scale(1.1)}to{opacity:0;transform:translateY(-50%)scale(1)}}.swipe-indicator{opacity:0;pointer-events:none;z-index:50;font-size:48px;position:absolute;top:50%;transform:translateY(-50%)}.swipe-indicator.left{left:20px}.swipe-indicator.right{right:20px}.swipe-indicator.visible{animation:.3s ease-out swipeShow}@keyframes swipeShow{0%{opacity:0;transform:translateY(-50%)scale(.5)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}to{opacity:0;transform:translateY(-50%)scale(1)}}.preview-btn{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:opacity .2s;display:flex}.preview-btn:hover{opacity:1}.preview-btn svg{fill:currentColor;width:18px;height:18px}.playlist-preview-modal .playlist-preview-content{width:800px;max-width:90vw;max-height:90vh}.video-preview-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.video-preview-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:0;transition:transform .2s,background .2s;overflow:hidden}.video-preview-item:hover{background:#ffffff1a;transform:scale(1.02)}.video-preview-thumb{aspect-ratio:16/9;background-color:#2a2a2a;width:100%;overflow:hidden}.video-preview-thumb img{object-fit:cover;width:100%;height:100%}.video-preview-placeholder{background:linear-gradient(135deg,#333 0%,#222 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-preview-placeholder svg{fill:#ffffff4d;width:40px;height:40px}.video-preview-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:8px 12px;font-size:12px;overflow:hidden}.video-transform-container{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .1s ease-out;display:flex;overflow:hidden}.pan-zoom-toggle.active{background:#ffffff40;border-radius:50%}.pan-zoom-toggle.active svg{fill:#4fc3f7}.zoom-controls{flex-direction:column;gap:8px;display:flex}.zoom-btn{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.zoom-btn:hover{background:#ffffff40}.zoom-btn svg{width:24px;height:24px}.joystick-container{z-index:25;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:140px;left:20px}.joystick-base{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.joystick-base:active{cursor:grabbing}.joystick-knob{pointer-events:none;background:#fffc;border-radius:50%;width:40px;height:40px;transition:transform 50ms ease-out;box-shadow:0 2px 8px #0000004d}.zoom-indicator{color:#fff;background:#0009;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}@media (width>=768px){.video-item{max-width:100%;margin:0}}.import-modal{background:var(--color-surface);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.import-modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.import-modal-header h2{color:#fff;font-size:18px;font-weight:600}.import-modal-header .close-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.import-modal-header .close-btn:hover{color:#fff}.import-modal-content{padding:20px}.import-mode-tabs{gap:8px;margin-bottom:20px;display:flex}.import-mode-tabs button{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .2s}.import-mode-tabs button.active{color:#fff;background:#333;border-color:#555}.import-mode-tabs button:disabled{opacity:.5;cursor:not-allowed}.import-dropzone{text-align:center;cursor:pointer;border:2px dashed #444;border-radius:12px;padding:40px 20px;transition:all .2s}.import-dropzone:hover,.import-dropzone.dragging{background:#fe2c551a;border-color:#fe2c55}.import-dropzone svg{color:#666;margin-bottom:12px}.import-dropzone p{color:#888;font-size:14px}.import-dropzone .hint{color:#666;margin-top:4px;font-size:12px}.import-preview{flex-direction:column;gap:16px;display:flex}.import-video-container{background:#000;border-radius:8px;overflow:hidden}.import-video-container video{object-fit:contain;width:100%;max-height:200px}.import-thumbnail-controls{flex-direction:column;gap:8px;display:flex}.import-label{color:#888;font-size:12px}.import-seek-container{align-items:center;gap:10px;display:flex}.import-seek-container span{color:#888;min-width:40px;font-size:12px}.import-seek-slider{appearance:none;cursor:pointer;background:#333;border-radius:2px;flex:1;height:4px}.import-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fe2c55;border-radius:50%;width:14px;height:14px}.import-capture-btn{color:#fff;cursor:pointer;background:#fe2c55;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.import-capture-btn:hover{background:#e91e4a}.import-thumbnail-preview{flex-direction:column;gap:8px;display:flex}.import-thumbnail-preview img{border:2px solid #333;border-radius:8px;max-width:160px}.import-change-file{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:8px;font-size:12px;transition:all .2s}.import-change-file:hover{color:#fff;border-color:#666}.import-options{border-top:1px solid #333;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.import-option{flex-direction:column;gap:6px;display:flex}.import-option label{color:#888;font-size:12px}.import-option select,.import-option input[type=text]{color:#fff;background:#222;border:1px solid #333;border-radius:8px;padding:10px 12px;font-size:14px}.import-option select:focus,.import-option input[type=text]:focus{border-color:#555;outline:none}.import-option select option{color:#fff;background:#222}.import-preview-status{margin-top:12px;font-size:13px}.import-generating{color:#2196f3}.import-ready{color:#4caf50}.import-regenerate-btn{color:#2196f3;cursor:pointer;background:#2196f333;border:1px solid #2196f34d;border-radius:6px;margin-left:8px;padding:8px 12px;font-size:12px;transition:background .2s}.import-regenerate-btn:hover:not(:disabled){background:#2196f34d}.import-regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.import-error{color:#ff6b6b;background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.import-progress{background:#222;border-radius:8px;height:32px;margin-top:12px;position:relative;overflow:hidden}.import-progress-bar{background:linear-gradient(90deg,#fe2c55,#ff6f91);height:100%;transition:width .3s;position:absolute;top:0;left:0}.import-progress-info{z-index:1;color:#fff;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.import-progress-details{opacity:.85;font-weight:400}.import-modal-footer{border-top:1px solid #333;gap:12px;padding:16px 20px;display:flex}.import-cancel-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.import-cancel-btn:hover:not(:disabled){color:#fff;border-color:#666}.import-submit-btn{color:#fff;cursor:pointer;background:#fe2c55;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.import-submit-btn:hover:not(:disabled){background:#e91e4a}.import-submit-btn:disabled{opacity:.5;cursor:not-allowed}.import-url-mode{flex-direction:column;gap:12px;display:flex}.import-url-progress{flex-direction:column;gap:8px;margin-top:8px;display:flex}.import-url-status{align-items:center;gap:12px;display:flex}.import-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.import-status-pending,.import-status-scraping{color:#ffc107;background:#ffc10733}.import-status-downloading{color:#2196f3;background:#2196f333}.import-status-complete{color:#4caf50;background:#4caf5033}.import-status-failed{color:#f44336;background:#f4433633}.import-status-cancelled{color:#9e9e9e;background:#9e9e9e33}.import-url-file-count{color:#ffffffb3;font-size:13px}.import-url-current-file{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.import-url-failed{color:#f44336;font-size:12px}.sidebar-import-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fe2c55,#ff6f91);border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.sidebar-import-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fe2c554d}.sidebar-import-btn svg{width:20px;height:20px}.modal.media-modal{background:var(--color-surface);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000080}.modal.media-modal.large{max-width:700px;max-height:90vh}.media-modal .modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-modal .modal-header h2{color:#fff;margin:0;font-size:18px;font-weight:600}.media-modal .modal-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.media-modal .modal-close:hover{opacity:1}.media-modal .modal-close svg{fill:currentColor;width:20px;height:20px}.media-modal .modal-content{max-width:100%;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:20px;overflow-y:auto}.media-modal .loading-state{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.media-message{color:#fff;text-align:center;background:#ffffff1a;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.media-section{background:#ffffff0d;border-radius:12px;margin-bottom:16px;padding:16px}.media-section h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.status-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.status-item{text-align:center;background:#0000004d;border-radius:8px;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.status-count{color:#fff;font-size:20px;font-weight:700}.status-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.status-item.ready .status-count{color:#4caf50}.status-item.pending .status-count{color:#ff9800}.status-item.generating .status-count{color:#2196f3}.status-item.failed .status-count{color:#f44336}.media-actions{gap:8px;display:flex}.media-actions .action-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,opacity .2s}.media-actions .action-btn:hover:not(:disabled){opacity:.9}.media-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.media-actions .action-btn.secondary{color:#fff;background:#ffffff26}.media-actions .action-btn.secondary:hover:not(:disabled){background:#ffffff40}.refresh-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;transition:background .2s;display:flex}.refresh-btn:hover:not(:disabled){background:#fff3}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{fill:currentColor;width:18px;height:18px}.media-tabs{border-bottom:1px solid #ffffff1a;padding:0 20px;display:flex}.media-tab{color:#fff9;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.media-tab:hover,.media-tab.active{color:#fff}.media-tab.active:after{content:"";background:#fff;height:2px;position:absolute;bottom:-1px;left:0;right:0}.media-toolbar{gap:8px;margin-bottom:16px;display:flex}.media-search{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px}.media-search:focus{border-color:#fff6}.media-search::placeholder{color:#fff6}.media-filter{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.media-filter option{color:#fff;background:#1a1a1a}.media-settings{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:16px}.setting-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setting-row label{color:#fff;min-width:120px;font-weight:500}.setting-row select{color:#fff;cursor:pointer;appearance:none;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #fff3;border-radius:6px;outline:none;padding:8px 32px 8px 12px;font-size:14px}.setting-row select:focus{border-color:#fff6}.setting-row select:disabled{opacity:.5;cursor:not-allowed}.setting-row select option{color:#fff;background:#1a1a1a;padding:8px}.setting-hint{color:#888;font-size:12px}.media-status-summary{background:#ffffff0d;border-radius:8px;gap:24px;margin-bottom:16px;padding:12px 16px;display:flex}.status-group{align-items:center;gap:8px;display:flex}.status-group-label{color:#fff9;font-size:13px}.status-count{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.status-count.ready{color:#4caf50;background:#4caf5033}.status-count.pending{color:#ff9800;background:#ff980033}.status-count.failed{color:#f44336;background:#f4433633}.status-count.none{color:#888;background:#6663}.refresh-icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:background .2s;display:flex}.refresh-icon-btn:hover{background:#fff3}.refresh-icon-btn svg{fill:currentColor;width:18px;height:18px}.video-media-list{flex-direction:column;gap:8px;max-height:calc(90vh - 200px);display:flex;overflow-y:auto}.video-media-item{background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.video-media-thumb{background:#0000004d;border-radius:6px;flex-shrink:0;width:80px;height:45px;overflow:hidden}.video-media-thumb img{object-fit:cover;width:100%;height:100%}.video-media-thumb .no-thumb{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-media-thumb .no-thumb svg{fill:#ffffff4d;width:24px;height:24px}.video-media-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.video-media-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.video-media-status{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.video-media-status .status-label{color:#ffffff80;font-size:11px}.status-badge{text-transform:uppercase;color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.video-media-error{color:#f44336;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.video-media-actions{flex-shrink:0;gap:6px;display:flex}.action-icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.action-icon-btn:hover:not(:disabled){background:#fff3}.action-icon-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon-btn.primary{background:#fff3}.action-icon-btn.primary:hover:not(:disabled){background:#ffffff4d}.action-icon-btn svg{fill:currentColor;width:16px;height:16px}.empty-list{text-align:center;color:#ffffff80;padding:40px 20px;font-size:14px}.media-message{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-message button{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.media-message button:hover{color:#fff}.local-progress-bar{background:#2196f31a;border-bottom:1px solid #2196f333;padding:12px 20px}.local-progress-info{color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.stop-btn{color:#f44336;cursor:pointer;background:#f4433633;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;transition:background .2s}.stop-btn:hover{background:#f443364d}.local-progress-track{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.local-progress-fill{background:#2196f3;border-radius:2px;height:100%;transition:width .3s}.local-progress-detail{color:#fff9;margin-top:6px;font-size:12px}.device-section{border:1px solid #2196f333;background:#2196f31a!important}.section-description{color:#fff9;margin:0 0 16px;font-size:13px}.device-btn{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex;background:#2196f3!important;border-radius:8px!important;flex-direction:row!important;padding:10px 16px!important;font-size:14px!important}.device-btn svg{fill:currentColor;width:18px;height:18px}.device-btn:hover:not(:disabled){background:#1976d2!important;transform:none!important}.device-btn:disabled{opacity:.5;cursor:not-allowed}.action-icon-btn.device{background:#2196f333}.action-icon-btn.device:hover:not(:disabled){background:#2196f34d}.video-media-item.processing{background:#2196f326;border:1px solid #2196f34d}.action-icon-btn.picker{background:#9c27b033}.action-icon-btn.picker:hover:not(:disabled){background:#9c27b04d}.thumbnail-picker-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.thumbnail-picker-modal{background:var(--color-surface);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.thumbnail-picker-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.thumbnail-picker-header h3{color:#fff;margin:0;font-size:18px}.thumbnail-picker-content{flex-direction:column;gap:20px;padding:20px;display:flex}.thumbnail-picker-video{background:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.thumbnail-picker-video video{max-width:100%;max-height:50vh}.thumbnail-picker-controls{flex-direction:column;gap:16px;display:flex}.thumbnail-picker-seek{align-items:center;gap:12px;display:flex}.thumbnail-picker-seek span{color:#888;text-align:center;min-width:50px;font-size:14px}.thumbnail-picker-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;flex:1;height:6px}.thumbnail-picker-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.thumbnail-picker-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px}.thumbnail-picker-actions{justify-content:flex-end;gap:12px;display:flex}.thumbnail-picker-capture{color:#fff;cursor:pointer;background:#9c27b0;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.thumbnail-picker-capture:hover:not(:disabled){background:#7b1fa2}.thumbnail-picker-capture:disabled{opacity:.5;cursor:not-allowed}.thumbnail-picker-cancel{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.thumbnail-picker-cancel:hover:not(:disabled){background:#fff3}.thumbnail-picker-cancel:disabled{opacity:.5;cursor:not-allowed}.thumbnail-picker-skip{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.thumbnail-picker-skip:hover:not(:disabled){background:#fff3}.thumbnail-picker-skip:disabled{opacity:.5;cursor:not-allowed}.video-media-checkbox{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.video-media-checkbox input{opacity:0;width:0;height:0;position:absolute}.video-media-checkbox .checkmark{border:2px solid #ffffff4d;border-radius:4px;width:18px;height:18px;transition:all .15s;position:relative}.video-media-checkbox input:checked+.checkmark{background:#9c27b0;border-color:#9c27b0}.video-media-checkbox input:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.video-media-checkbox:hover .checkmark{border-color:#fff9}.video-media-item.selected{background:#9c27b026;border:1px solid #9c27b04d}.video-media-select-all{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.select-all-label{color:#fff9;font-size:12px;font-weight:500}.batch-actions-bar{background:#9c27b01a;border:1px solid #9c27b033;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;display:flex}.batch-count{color:#fffc;margin-right:4px;font-size:13px;font-weight:600}.batch-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,opacity .2s}.batch-btn.picker{background:#9c27b04d}.batch-btn.picker:hover:not(:disabled){background:#9c27b080}.batch-btn.device{background:#2196f34d}.batch-btn.device:hover:not(:disabled){background:#2196f380}.batch-btn.clear{background:#ffffff1a;margin-left:auto}.batch-btn.clear:hover{background:#fff3}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.thumbnail-picker-header-info{align-items:center;gap:12px;display:flex}.thumbnail-picker-counter{color:#fff9;font-size:13px;font-weight:500}.thumbnail-picker-filename{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;font-size:13px;overflow:hidden}.thumbnail-picker-video-row{align-items:center;gap:8px;display:flex}.thumbnail-picker-video-row .thumbnail-picker-video{flex:1;min-width:0}.thumbnail-picker-nav{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.thumbnail-picker-nav:hover:not(:disabled){background:#fff3}.thumbnail-picker-nav:disabled{opacity:.3;cursor:not-allowed}.thumbnail-picker-nav svg{fill:currentColor;width:20px;height:20px}.thumbnail-picker-status-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.picker-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .2s}.picker-dot.active{background:#ffffffb3;transform:scale(1.3)}.picker-dot.captured{background:#4caf50}.picker-dot.active.captured{background:#4caf50;transform:scale(1.3)}@media (width<=600px){.modal.media-modal,.modal.media-modal.large{border-radius:0;max-width:100%;height:100%;max-height:100dvh}.media-toolbar{flex-wrap:wrap}.media-toolbar .media-search{flex-basis:100%;order:-1}.media-toolbar .device-btn{flex-basis:100%;justify-content:center}.media-status-summary{flex-direction:column;gap:8px}.video-media-item{flex-wrap:wrap}.video-media-info{flex-basis:calc(100% - 120px)}.video-media-actions{margin-left:auto}.batch-actions-bar{gap:6px}.batch-btn{padding:6px 10px;font-size:11px}.thumbnail-picker-video-row{gap:4px}.thumbnail-picker-nav{width:28px;height:28px}.thumbnail-picker-nav svg{width:16px;height:16px}.media-settings .setting-row{flex-direction:column;align-items:flex-start}.media-modal .modal-content{padding:12px}.media-modal .modal-header{padding:12px 16px}}.snippet-studio{background:var(--color-bg);height:100%;color:var(--color-text);grid-template-rows:40px 1fr auto;display:grid;overflow:hidden}.snippet-studio__header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;padding:0 12px;display:flex}.snippet-studio__header h2{margin:0;font-size:14px;font-weight:600}.snippet-studio__back{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.snippet-studio__back:hover{background:var(--color-surface-hover)}.snippet-studio__back svg{width:16px;height:16px;fill:var(--color-text)}.snippet-workspace{grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.snippet-bin{border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.snippet-bin__head{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.snippet-bin__head h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:600}.snippet-bin__head span{color:var(--color-text-muted);font-size:11px}.snippet-bin__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;display:grid;overflow-y:auto}.snippet-bin__item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:3px;transition:border-color .1s}.snippet-bin__item.is-active{border-color:var(--color-primary)}.snippet-bin__item:hover{border-color:var(--color-border)}.snippet-bin__thumb{aspect-ratio:16/9;background:var(--color-surface);border-radius:4px;width:100%;position:relative;overflow:hidden}.snippet-bin__thumb img{object-fit:cover;width:100%;height:100%}.snippet-bin__thumb-placeholder{background:var(--color-surface);width:100%;height:100%}.snippet-bin__dur{color:#fff;background:#000000bf;border-radius:3px;padding:1px 3px;font-size:9px;position:absolute;bottom:2px;right:2px}.snippet-bin__meta{flex-direction:column;min-width:0;padding:2px 1px 0;display:flex}.snippet-bin__meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.snippet-bin__actions{gap:3px;padding:2px 1px 0;display:flex}.snippet-bin__actions button{height:20px;padding:0 5px;font-size:11px}.snippet-editor-pane{grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:0;display:grid}.snippet-editor-toolbar{border-bottom:1px solid var(--color-border);gap:8px;padding:6px 10px;display:flex}.snippet-editor-toolbar label{flex:1;min-width:0}.snippet-editor-toolbar select,.snippet-editor-toolbar input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:28px;color:var(--color-text);padding:0 8px;font-size:12px}.snippet-stage{background:#000;min-height:0}.snippet-stage__player{object-fit:contain;background:#000;width:100%;height:100%;min-height:0}.snippet-controlbar{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:6px 10px;display:flex}.snippet-controlbar label{align-items:center;gap:4px;display:flex}.snippet-controlbar label span{color:var(--color-text-secondary);font-size:11px}.snippet-controlbar input[type=number]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:72px;height:28px;color:var(--color-text);padding:0 6px;font-size:12px}.snippet-timeline{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;min-width:0;max-width:100%;height:200px;display:flex}.snippet-timeline__head{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;min-width:0;min-height:32px;padding:4px 10px;display:flex;overflow:hidden}.snippet-timeline__info{align-items:center;gap:8px;display:flex}.snippet-timeline__info h3{margin:0;font-size:12px;font-weight:600}.snippet-timeline__info span{color:var(--color-text-muted);font-size:11px}.snippet-timeline__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.snippet-zoom{border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.snippet-zoom button{border:none;border-radius:0;width:26px;height:24px;padding:0;font-size:14px;line-height:1}.snippet-zoom__label{min-width:48px;color:var(--color-text-muted);text-align:center;border-left:1px solid var(--color-border)!important;border-right:1px solid var(--color-border)!important;width:auto!important;font-size:10px!important}.snippet-track-container{flex:1;min-height:0;position:relative;overflow:auto hidden}.snippet-ruler{border-bottom:1px solid var(--color-border);cursor:crosshair;-webkit-user-select:none;user-select:none;flex-shrink:0;height:24px;position:relative}.snippet-ruler__tick{background:#ffffff14;width:1px;position:absolute;top:0;bottom:0}.snippet-ruler__tick.is-major{background:#fff3}.snippet-ruler__tick span{color:var(--color-text-muted);white-space:nowrap;font-size:9px;position:absolute;top:2px;left:4px}.snippet-track{height:100%;min-height:80px;position:relative}.snippet-track__empty{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.snippet-track__clip{border-radius:var(--radius-sm);background:var(--color-surface);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.snippet-track__clip:hover{border-color:#ffffff4d}.snippet-track__clip:active{cursor:grabbing}.snippet-track__trim{cursor:ew-resize;z-index:2;opacity:0;width:6px;transition:opacity .1s,background .1s;position:absolute;top:0;bottom:0}.snippet-track__clip:hover .snippet-track__trim{opacity:1}.snippet-track__trim--left{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-primary);left:0}.snippet-track__trim--right{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-primary);right:0}.snippet-track__trim:hover{opacity:1;background:var(--color-primary-hover)}.snippet-track__clip-body{pointer-events:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.snippet-track__clip-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:40px;height:28px}.snippet-track__clip-label{flex-direction:column;min-width:0;display:flex}.snippet-track__clip-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.snippet-track__clip-label span{color:var(--color-text-muted);font-size:9px}.snippet-track__clip-remove{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;opacity:0;z-index:3;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex;position:absolute;top:2px;right:8px}.snippet-track__clip:hover .snippet-track__clip-remove{opacity:1}.snippet-track__clip-remove:hover{color:var(--color-error)}.snippet-playhead{z-index:5;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.snippet-playhead__head{background:var(--color-primary);clip-path:polygon(0 0,100% 0,50% 70%);width:9px;height:9px;position:absolute;top:-2px;left:-4px}.snippet-playhead__line{background:var(--color-primary);width:1px;position:absolute;top:0;bottom:0}.snippet-drop-indicator{background:var(--color-primary);z-index:4;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.snippet-studio button{border-radius:var(--radius-sm);border:1px solid var(--color-border);height:28px;color:var(--color-text);cursor:pointer;background:0 0;padding:0 10px;font-size:12px;transition:background .1s}.snippet-studio button:hover:not(:disabled){background:var(--color-surface-hover)}.snippet-studio .snippet-save{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:600}.snippet-studio .snippet-save:hover:not(:disabled){background:var(--color-primary-hover)}.snippet-studio button:disabled{opacity:.4;cursor:not-allowed}.snippet-studio .danger{color:#f88;border-color:#ff646466}.snippet-studio .danger:hover:not(:disabled){background:#ff646426}.render-box{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:6px;padding:6px 10px;display:flex}.render-box small{color:var(--color-text-muted);font-size:11px}.render-error{color:var(--color-error);margin:0;font-size:12px}.snippet-render-output{align-items:center;gap:10px;display:flex}.snippet-render-output video{border-radius:var(--radius-sm);background:#000;width:min(400px,100%)}.render-download{color:var(--color-primary);font-size:12px;font-weight:600;text-decoration:underline}.snippet-studio__empty{color:var(--color-text-secondary);padding:20px;font-size:13px}.snippet-studio__empty-sm{color:var(--color-text-muted);margin:0;padding:10px;font-size:12px}.snippet-mode-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:0;display:flex;overflow:hidden}.snippet-mode-toggle button{cursor:pointer;height:28px;color:var(--color-text);background:0 0;border:none;border-radius:0;padding:0 12px;font-size:12px;transition:background .1s}.snippet-mode-toggle button:hover:not(.is-active){background:var(--color-surface-hover)}.snippet-mode-toggle .is-active{background:var(--color-primary);color:#fff}.snippet-workspace--extract{grid-template-columns:minmax(0,1fr)}.snippet-track__source-bar{background:var(--color-surface);border-radius:var(--radius-sm);position:absolute;top:4px;bottom:4px}.snippet-track__io-region{background:var(--color-primary);opacity:.15;pointer-events:none;position:absolute;top:4px;bottom:4px}.snippet-track__io-marker{background:var(--color-primary);cursor:ew-resize;z-index:3;width:2px;margin-left:-1px;position:absolute;top:2px;bottom:2px}.snippet-track__io-marker:before{content:"";position:absolute;inset:0 -3px}.snippet-track__io-marker:hover{background:var(--color-primary-hover)}@media (width<=1200px){.app--studio{overflow-y:auto}.snippet-studio{grid-template-rows:40px auto auto;height:auto}.snippet-workspace{grid-template-columns:1fr}.snippet-bin{border-right:none;border-bottom:1px solid var(--color-border);max-height:300px}.snippet-timeline{height:auto;min-height:180px}}@media (width<=900px){.snippet-bin__list{grid-template-columns:repeat(2,minmax(0,1fr))}.snippet-editor-toolbar{flex-direction:column}.snippet-controlbar{flex-wrap:wrap}}