.youtube-player-container.svelte-wp8tyf{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.youtube-player.svelte-wp8tyf{width:100%;height:100%}.youtube-player-container iframe{width:100%;height:100%;border:none}.segment-indicator.svelte-1xwi6ex{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#f8fafc;border-radius:6px;margin-top:8px}.segment-indicator.has-order.svelte-1xwi6ex{padding-top:16px}.mini-timeline.svelte-1xwi6ex{position:relative;height:8px;background:#e2e8f0;border-radius:4px;overflow:visible}.mini-timeline.clickable.svelte-1xwi6ex{cursor:pointer}.mini-segment.svelte-1xwi6ex{position:absolute;top:0;height:100%;background:#3b82f6;border-radius:3px;border:none;padding:0;cursor:default}.mini-segment.clickable.svelte-1xwi6ex{cursor:pointer;transition:transform .15s,background .15s}.mini-segment.clickable.svelte-1xwi6ex:hover{background:#2563eb;transform:scaleY(1.3);z-index:1}.mini-segment.clickable.svelte-1xwi6ex:active{background:#1d4ed8}.order-badge.svelte-1xwi6ex{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#1e40af;color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid white;z-index:2;pointer-events:none}.segment-info.svelte-1xwi6ex{display:flex;align-items:center;gap:6px;font-size:12px}.segment-count.svelte-1xwi6ex{color:#1e40af;font-weight:500}.segment-duration.svelte-1xwi6ex{color:#64748b}.video-item.svelte-1nxalmg{max-width:550px}.video-wrapper.svelte-1nxalmg{aspect-ratio:16 / 9}.video-wrapper.svelte-1nxalmg iframe:where(.svelte-1nxalmg){width:100%;height:100%;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a}.mobile-thumbnail.svelte-1nxalmg{position:relative;width:100%;height:100%;padding:0;border:none;border-radius:8px;overflow:hidden;cursor:pointer;background:#000;box-shadow:0 4px 6px #0000001a}.mobile-thumbnail.svelte-1nxalmg img:where(.svelte-1nxalmg){width:100%;height:100%;object-fit:cover}.play-overlay.svelte-1nxalmg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9}.mobile-thumbnail.svelte-1nxalmg:hover .play-overlay:where(.svelte-1nxalmg),.mobile-thumbnail.svelte-1nxalmg:active .play-overlay:where(.svelte-1nxalmg){opacity:1}.mobile-segment-badge.svelte-1nxalmg{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#3b82f6e6;color:#fff;font-size:11px;font-weight:500;border-radius:4px}.segment-time-summary.svelte-1nxalmg{margin:6px 0 0;font-size:13px;color:#6b7280}.segment-notes-list.svelte-1nxalmg{display:flex;flex-direction:column;gap:4px;margin-top:8px}.segment-note.svelte-1nxalmg{display:flex;align-items:baseline;gap:8px;padding:4px 10px;background:#f9fafb;border-radius:4px;border-left:3px solid #2563eb}.segment-note-time.svelte-1nxalmg{font-size:11px;font-weight:500;color:#1e40af;white-space:nowrap}.segment-note-text.svelte-1nxalmg{font-size:13px;color:#4b5563;line-height:1.4}.video-controls.svelte-1nxalmg{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}.edit-segments-btn.svelte-1nxalmg{font-size:14px;color:#059669;cursor:pointer;background:none;border:none;padding:0}.edit-segments-btn.svelte-1nxalmg:hover{text-decoration:underline}.copy-move-btn.svelte-1nxalmg{font-size:14px;color:#2563eb;cursor:pointer;background:none;border:none;padding:0}.copy-move-btn.svelte-1nxalmg:hover{text-decoration:underline}.remove-btn.svelte-1nxalmg{font-size:14px;color:#dc2626;cursor:pointer;background:none;border:none;padding:0}.remove-btn.svelte-1nxalmg:hover{text-decoration:underline}header.svelte-zne36e{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.logo.svelte-zne36e{background:none;border:none;padding:0;cursor:pointer}.logo.svelte-zne36e h1:where(.svelte-zne36e){margin:0;font-size:24px;color:#333}.logo.svelte-zne36e:hover h1:where(.svelte-zne36e){color:#2563eb}.header-center.svelte-zne36e{display:flex;align-items:center;gap:10px}.auth-section.svelte-zne36e{display:flex;align-items:center}.loading.svelte-zne36e{color:#666;font-size:14px}.user-info.svelte-zne36e{display:flex;align-items:center;gap:12px}.sign-in-btn.svelte-zne36e{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.sign-in-btn.svelte-zne36e:hover{background:#1d4ed8}.sign-out-btn.svelte-zne36e{padding:8px 16px;font-size:14px;color:#666;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.sign-out-btn.svelte-zne36e:hover{background:#e5e7eb;color:#333}.confirm-backdrop.svelte-1eh8v5n{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.confirm-dialog.svelte-1eh8v5n{background:#fff;border-radius:12px;padding:24px;max-width:380px;width:100%;box-shadow:0 16px 40px #0003}.confirm-dialog.svelte-1eh8v5n h4:where(.svelte-1eh8v5n){margin:0 0 8px;font-size:16px;color:#111827}.confirm-dialog.svelte-1eh8v5n p:where(.svelte-1eh8v5n){margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.4}.confirm-actions.svelte-1eh8v5n{display:flex;justify-content:flex-end;gap:10px}.cancel-btn.svelte-1eh8v5n{padding:8px 16px;font-size:14px;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.cancel-btn.svelte-1eh8v5n:hover{background:#e5e7eb}.confirm-btn.svelte-1eh8v5n{padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:6px;cursor:pointer}.confirm-btn.svelte-1eh8v5n:hover{background:#b91c1c}.collections-container.svelte-1rx6qrs{max-width:900px}h2.svelte-1rx6qrs{margin:0 0 20px;font-size:20px;color:#333}.create-collection.svelte-1rx6qrs{display:flex;gap:10px;margin-bottom:24px;max-width:500px}.create-collection.svelte-1rx6qrs input:where(.svelte-1rx6qrs){flex:1;padding:12px 16px;font-size:14px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s}.create-collection.svelte-1rx6qrs input:where(.svelte-1rx6qrs):focus{border-color:#2563eb}.create-collection.svelte-1rx6qrs button:where(.svelte-1rx6qrs){padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.create-collection.svelte-1rx6qrs button:where(.svelte-1rx6qrs):hover:not(:disabled){background:#1d4ed8}.create-collection.svelte-1rx6qrs button:where(.svelte-1rx6qrs):disabled{background:#93c5fd;cursor:not-allowed}.error.svelte-1rx6qrs{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.loading.svelte-1rx6qrs,.empty.svelte-1rx6qrs{color:#666;font-size:15px}.collections-grid.svelte-1rx6qrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.collection-card.svelte-1rx6qrs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s;width:100%}.collection-card.svelte-1rx6qrs:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.card-header.svelte-1rx6qrs{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-header.svelte-1rx6qrs h3:where(.svelte-1rx6qrs){margin:0;font-size:16px;color:#333;word-break:break-word}.delete-btn.svelte-1rx6qrs{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.delete-btn.svelte-1rx6qrs:hover{color:#dc2626}.video-count.svelte-1rx6qrs{margin:0 0 4px;font-size:14px;color:#666}.date.svelte-1rx6qrs{margin:0;font-size:12px;color:#9ca3af}.modal-backdrop.svelte-xpdu2q{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-xpdu2q{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 40px #0003}.modal-header.svelte-xpdu2q{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header.svelte-xpdu2q h3:where(.svelte-xpdu2q){margin:0;font-size:18px;color:#333}.close-btn.svelte-xpdu2q{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.close-btn.svelte-xpdu2q:hover{color:#333}.modal-body.svelte-xpdu2q{padding:20px}.action-select.svelte-xpdu2q{display:flex;gap:20px;margin-bottom:20px}.action-select.svelte-xpdu2q label:where(.svelte-xpdu2q){display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.action-select.svelte-xpdu2q input[type=radio]:where(.svelte-xpdu2q){width:16px;height:16px;accent-color:#2563eb}.collection-select.svelte-xpdu2q{display:flex;flex-direction:column;gap:8px}.collection-select.svelte-xpdu2q label:where(.svelte-xpdu2q){font-size:14px;color:#666}.collection-select.svelte-xpdu2q select:where(.svelte-xpdu2q){padding:12px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;outline:none;background:#fff}.collection-select.svelte-xpdu2q select:where(.svelte-xpdu2q):focus{border-color:#2563eb}.no-collections.svelte-xpdu2q{font-size:14px;color:#666;margin:0;padding:12px;background:#f9fafb;border-radius:8px}.modal-footer.svelte-xpdu2q{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.cancel-btn.svelte-xpdu2q{padding:10px 20px;font-size:14px;color:#666;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer}.cancel-btn.svelte-xpdu2q:hover{background:#e5e7eb;color:#333}.submit-btn.svelte-xpdu2q{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.submit-btn.svelte-xpdu2q:hover:not(:disabled){background:#1d4ed8}.submit-btn.svelte-xpdu2q:disabled{background:#93c5fd;cursor:not-allowed}.multi-range-slider.svelte-1quoyvc{width:100%;padding:16px 0}.timeline.svelte-1quoyvc{position:relative;height:48px;background:#e5e7eb;border-radius:8px;cursor:pointer;overflow:visible}.segment.svelte-1quoyvc{position:absolute;top:4px;height:40px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;min-width:60px}.segment-body.svelte-1quoyvc{flex:1;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;overflow:hidden}.segment-body.clickable.svelte-1quoyvc{cursor:pointer}.segment-body.clickable.svelte-1quoyvc:hover{background:#ffffff1a}.segment-body.svelte-1quoyvc:active{cursor:grabbing}.segment-time.svelte-1quoyvc{font-size:11px;color:#fff;font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.handle.svelte-1quoyvc{position:absolute;top:0;width:12px;height:100%;background:#1d4ed8;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.handle.svelte-1quoyvc:after{content:"";width:2px;height:20px;background:#fff9;border-radius:1px}.handle-start.svelte-1quoyvc{left:0;border-radius:6px 0 0 6px}.handle-end.svelte-1quoyvc{right:0;border-radius:0 6px 6px 0}.handle.svelte-1quoyvc:hover{background:#1e40af}.remove-btn.svelte-1quoyvc{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003}.remove-btn.svelte-1quoyvc:hover{background:#dc2626}.timeline-labels.svelte-1quoyvc{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#6b7280}.controls.svelte-1quoyvc{display:flex;align-items:center;gap:16px;margin-top:16px}.add-btn.svelte-1quoyvc{padding:8px 16px;font-size:14px;font-weight:500;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer}.add-btn.svelte-1quoyvc:hover:not(:disabled){background:#dbeafe}.add-btn.svelte-1quoyvc:disabled{opacity:.5;cursor:not-allowed}.segment-count.svelte-1quoyvc{font-size:13px;color:#6b7280}.segment-notes.svelte-1quoyvc{display:flex;flex-direction:column;gap:10px;margin-top:16px}.segment-note-row.svelte-1quoyvc{display:flex;flex-direction:column;gap:4px}.segment-note-label.svelte-1quoyvc{font-size:12px;font-weight:500;color:#374151}.segment-note-input.svelte-1quoyvc{padding:8px 10px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px;outline:none}.segment-note-input.svelte-1quoyvc:focus{border-color:#2563eb}.segment-reorder.svelte-1rpx9jr{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.reorder-header.svelte-1rpx9jr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.reorder-title.svelte-1rpx9jr{font-size:14px;font-weight:600;color:#374151}.reset-btn.svelte-1rpx9jr{font-size:12px;color:#6b7280;background:none;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;cursor:pointer}.reset-btn.svelte-1rpx9jr:hover{color:#374151;border-color:#9ca3af}.reorder-list.svelte-1rpx9jr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.reorder-item.svelte-1rpx9jr{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.step-number.svelte-1rpx9jr{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#1e40af;color:#fff;font-size:11px;font-weight:700;border-radius:50%}.segment-info.svelte-1rpx9jr{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.segment-time.svelte-1rpx9jr{font-size:13px;font-weight:500;color:#1e40af;font-variant-numeric:tabular-nums}.segment-note.svelte-1rpx9jr{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reorder-buttons.svelte-1rpx9jr{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.move-btn.svelte-1rpx9jr{width:24px;height:18px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;font-size:9px;color:#374151;padding:0}.move-btn.svelte-1rpx9jr:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;color:#2563eb}.move-btn.svelte-1rpx9jr:disabled{opacity:.3;cursor:not-allowed}.modal-backdrop.svelte-s23yem{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal.svelte-s23yem{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header.svelte-s23yem{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.modal-header.svelte-s23yem h3:where(.svelte-s23yem){margin:0;font-size:18px;color:#333}.close-btn.svelte-s23yem{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.close-btn.svelte-s23yem:hover{color:#333}.modal-body.svelte-s23yem{padding:20px}.url-input-section.svelte-s23yem{margin-bottom:20px}.url-input-section.svelte-s23yem label:where(.svelte-s23yem){display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-row.svelte-s23yem{display:flex;gap:8px}.input-row.svelte-s23yem input:where(.svelte-s23yem){flex:1;padding:12px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;outline:none}.input-row.svelte-s23yem input:where(.svelte-s23yem):focus{border-color:#2563eb}.input-row.svelte-s23yem input.error:where(.svelte-s23yem){border-color:#ef4444}.load-btn.svelte-s23yem{padding:12px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.load-btn.svelte-s23yem:hover:not(:disabled){background:#1d4ed8}.load-btn.svelte-s23yem:disabled{background:#93c5fd;cursor:not-allowed}.error-msg.svelte-s23yem{display:block;margin-top:8px;font-size:13px;color:#ef4444}.warning-msg.svelte-s23yem{display:block;margin-top:8px;font-size:13px;color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 12px}.preview-section.svelte-s23yem{margin-top:20px}.preview-player.svelte-s23yem{border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.loading-text.svelte-s23yem{text-align:center;color:#6b7280;margin:16px 0}.duration-info.svelte-s23yem{display:flex;align-items:center;gap:8px;margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px}.duration-label.svelte-s23yem{font-size:14px;color:#6b7280}.duration-value.svelte-s23yem{font-size:14px;font-weight:600;color:#111827}.segments-section.svelte-s23yem{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.segments-section.svelte-s23yem h4:where(.svelte-s23yem){margin:0 0 8px;font-size:15px;color:#374151}.hint.svelte-s23yem{margin:0 0 16px;font-size:13px;color:#6b7280}.segments-summary.svelte-s23yem{display:flex;align-items:center;gap:16px;margin-top:16px;padding:12px;background:#eff6ff;border-radius:8px;font-size:14px}.segments-summary.svelte-s23yem strong:where(.svelte-s23yem){color:#1d4ed8}.total-duration.svelte-s23yem{color:#6b7280}.modal-footer.svelte-s23yem{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:#fff}.cancel-btn.svelte-s23yem{padding:10px 20px;font-size:14px;color:#666;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer}.cancel-btn.svelte-s23yem:hover{background:#e5e7eb;color:#333}.submit-btn.svelte-s23yem{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.submit-btn.svelte-s23yem:hover:not(:disabled){background:#1d4ed8}.submit-btn.svelte-s23yem:disabled{background:#93c5fd;cursor:not-allowed}@media(max-width:480px){.modal-backdrop.svelte-s23yem{padding:10px}.input-row.svelte-s23yem{flex-direction:column}.load-btn.svelte-s23yem{width:100%}}.toast-container.svelte-1q6vvua{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast.svelte-1q6vvua{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;line-height:1.4;color:#fff}.toast-success.svelte-1q6vvua{background:#059669}.toast-error.svelte-1q6vvua{background:#dc2626}.toast-info.svelte-1q6vvua{background:#2563eb}.toast-warning.svelte-1q6vvua{background:#d97706}.toast-msg.svelte-1q6vvua{flex:1}.toast-close.svelte-1q6vvua{background:none;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.toast-close.svelte-1q6vvua:hover{color:#fff}@media(max-width:480px){.toast-container.svelte-1q6vvua{left:16px;right:16px;max-width:none}}*{box-sizing:border-box}#app{width:100%}:global(body){font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header h1{margin:0;font-size:24px;color:#333}.new-btn{padding:8px 16px;font-size:14px;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer}.new-btn:hover{background:#dbeafe}.api-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.add-video{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px;max-width:600px}.add-video input{flex:1;min-width:300px;padding:12px 16px;font-size:14px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s}.add-video input:focus{border-color:#2563eb}.add-video input.error{border-color:#dc2626}.add-video button{padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer}.add-video button:hover:not(:disabled){background:#1d4ed8}.add-video button:disabled{background:#93c5fd;cursor:not-allowed}.error-msg{width:100%;color:#dc2626;font-size:13px}.generate-section{display:flex;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.expiry-select{display:flex;align-items:center;gap:8px}.expiry-select label{font-size:14px;color:#555}.expiry-select select{padding:6px 10px;font-size:13px;border:2px solid #ddd;border-radius:6px;outline:none;cursor:pointer}.generate-btn{padding:8px 18px;font-size:13px;font-weight:500;color:#fff;background:#16a34a;border:none;border-radius:8px;cursor:pointer}.generate-btn:hover:not(:disabled){background:#15803d}.generate-btn:disabled{background:#86efac;cursor:not-allowed}.share-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-bottom:24px}.share-url{display:flex;gap:8px}.share-url input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #ddd;border-radius:6px;background:#fff}.share-url button{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#16a34a;border:none;border-radius:6px;cursor:pointer}.share-url button:hover{background:#15803d}.list-meta{margin:12px 0 0;font-size:13px;color:#666}.loading-msg{color:#666;font-size:16px}.video-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(550px,100%),1fr));gap:75px 20px}.empty-msg{color:#666;font-size:16px}.add-video-section.svelte-1n46o8q{margin-bottom:24px}.add-video-btn.svelte-1n46o8q{padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.add-video-btn.svelte-1n46o8q:hover{background:#1d4ed8}.collection-header.svelte-1n46o8q{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.collection-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0;font-size:20px;color:#333}.icon-btn.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:6px;cursor:pointer;background:none}.edit-btn.svelte-1n46o8q{color:#6b7280}.edit-btn.svelte-1n46o8q:hover{color:#2563eb;background:#eff6ff}.save-icon-btn.svelte-1n46o8q{color:#059669}.save-icon-btn.svelte-1n46o8q:hover{background:#ecfdf5}.cancel-icon-btn.svelte-1n46o8q{color:#6b7280}.cancel-icon-btn.svelte-1n46o8q:hover{color:#dc2626;background:#fef2f2}.edit-name.svelte-1n46o8q{display:flex;gap:8px;align-items:center}.edit-name.svelte-1n46o8q input:where(.svelte-1n46o8q){padding:8px 12px;font-size:16px;border:2px solid #2563eb;border-radius:6px;outline:none}.edit-name.svelte-1n46o8q button:where(.svelte-1n46o8q){padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer}.edit-name.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{background:#1d4ed8}.header-share.svelte-1n46o8q{display:flex;align-items:center;gap:8px}.share-input.svelte-1n46o8q{padding:6px 10px;font-size:13px;border:1px solid #ddd;border-radius:6px;background:#fff;min-width:220px}.share-meta.svelte-1n46o8q{font-size:12px;color:#666;white-space:nowrap}