:root{--background:oklch(1.0000 0 0);--foreground:oklch(0.1450 0 0);--card:oklch(0.9736 0.0062 317.7530);--card-foreground:oklch(0.1450 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.1450 0 0);--primary:oklch(0.5713 0.1127 229.9061);--primary-foreground:oklch(1.0000 0 0);--secondary:oklch(0.9700 0 0);--secondary-foreground:oklch(0.2050 0 0);--muted:oklch(0.9700 0 0);--muted-foreground:oklch(0.5560 0 0);--accent:oklch(0.9349 0.0054 17.2540);--accent-foreground:oklch(0.2050 0 0);--destructive:oklch(0.5770 0.2450 27.3250);--destructive-foreground:oklch(1 0 0);--border:oklch(0.9220 0 0);--input:oklch(0.9220 0 0);--ring:oklch(0.7080 0 0);--chart-1:oklch(0.8100 0.1000 252);--chart-2:oklch(0.6200 0.1900 260);--chart-3:oklch(0.5500 0.2200 263);--chart-4:oklch(0.4900 0.2200 264);--chart-5:oklch(0.4200 0.1800 266);--sidebar:oklch(0.9850 0 0);--sidebar-foreground:oklch(0.1450 0 0);--sidebar-primary:oklch(0.2050 0 0);--sidebar-primary-foreground:oklch(0.9850 0 0);--sidebar-accent:oklch(0.9700 0 0);--sidebar-accent-foreground:oklch(0.2050 0 0);--sidebar-border:oklch(0.9220 0 0);--sidebar-ring:oklch(0.7080 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:0.625rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040;--tracking-normal:0em;--spacing:0.25rem;--app-header-height:70px;--app-footer-height:70px;--app-shell-gap:12px;--app-top-offset:calc(var(--app-header-height) + var(--app-shell-gap));--app-bottom-offset:calc(var(--app-footer-height) + var(--app-shell-gap))}.dark{--background:oklch(0.1450 0 0);--foreground:oklch(0.9850 0 0);--card:oklch(0.2050 0 0);--card-foreground:oklch(0.9850 0 0);--popover:oklch(0.2690 0 0);--popover-foreground:oklch(0.9850 0 0);--primary:oklch(0.9220 0 0);--primary-foreground:oklch(0.2050 0 0);--secondary:oklch(0.2690 0 0);--secondary-foreground:oklch(0.9850 0 0);--muted:oklch(0.2690 0 0);--muted-foreground:oklch(0.7080 0 0);--accent:oklch(0.3710 0 0);--accent-foreground:oklch(0.9850 0 0);--destructive:oklch(0.7040 0.1910 22.2160);--destructive-foreground:oklch(0.9850 0 0);--border:oklch(0.2750 0 0);--input:oklch(0.3250 0 0);--ring:oklch(0.5560 0 0);--chart-1:oklch(0.8100 0.1000 252);--chart-2:oklch(0.6200 0.1900 260);--chart-3:oklch(0.5500 0.2200 263);--chart-4:oklch(0.4900 0.2200 264);--chart-5:oklch(0.4200 0.1800 266);--sidebar:oklch(0.2050 0 0);--sidebar-foreground:oklch(0.9850 0 0);--sidebar-primary:oklch(0.4880 0.2430 264.3760);--sidebar-primary-foreground:oklch(0.9850 0 0);--sidebar-accent:oklch(0.2690 0 0);--sidebar-accent-foreground:oklch(0.9850 0 0);--sidebar-border:oklch(0.2750 0 0);--sidebar-ring:oklch(0.4390 0 0);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:0.625rem;--shadow-2xs:0 1px 3px 0px #0000000d;--shadow-xs:0 1px 3px 0px #0000000d;--shadow-sm:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow:0 1px 3px 0px #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 1px 3px 0px #0000001a,0 2px 4px -1px #0000001a;--shadow-lg:0 1px 3px 0px #0000001a,0 4px 6px -1px #0000001a;--shadow-xl:0 1px 3px 0px #0000001a,0 8px 10px -1px #0000001a;--shadow-2xl:0 1px 3px 0px #00000040}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--font-sans:var(--font-sans);--font-mono:var(--font-mono);--font-serif:var(--font-serif);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:var(--color-background);color:var(--color-foreground);display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-sans);justify-content:flex-start;margin:0;padding:0}#root,body,html{height:100%;width:100%}.app{align-items:center;background:linear-gradient(135deg,#ebf1f4,#f1e8ea);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;width:100%}.header-icon{height:50px;margin-right:10px;width:50px}.header-text{display:flex;flex:1 1;justify-content:center}.header{background-color:#ffffff6a;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;height:70px;height:var(--app-header-height);justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:10}.header,.header-left{align-items:center;display:flex}.header-brand-title{color:#fffffff2;font-size:18px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.header-logo-button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;padding:0}.login-button{background:linear-gradient(90deg,#f88,#88f);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:opacity .3s ease}.login-button:hover{opacity:.8}.back-button{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.back-button:hover{background:#ffffff4d}.header-content{color:#fff;font-size:24px;text-align:center}.header-auth-placeholder{height:40px;width:142px}.main-content{align-items:flex-start;flex:1 1;max-width:1200px;padding:82px 20px;padding:var(--app-top-offset) 20px var(--app-bottom-offset) 20px}.container,.main-content{box-sizing:border-box;display:flex;justify-content:center}.container{align-items:center;background-color:#fff;bottom:0;height:70px;height:var(--app-footer-height);padding:10px 20px;pointer-events:auto;position:fixed;width:100%;z-index:12000}.powered-by{color:#666;font-size:12px;position:absolute;right:20px;text-align:right}.powered-by-link{color:#666;text-decoration:none;transition:color .3s ease}.powered-by-link:hover{color:#333;text-decoration:underline}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;text-decoration:none}.toggle-button{background:linear-gradient(90deg,#f88,#88f);background-color:#6200ea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;height:50px;padding:10px 20px;position:relative;transition:all .3s ease;width:200px;z-index:12001}.toggle-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.toggle-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.browse-button{background:linear-gradient(90deg,#667eea,#764ba2)}.audio-canvas{background:#0000;border-radius:25px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}@media (max-width:768px){:root{--app-header-height:60px}.app{height:auto;min-height:100vh}.header{padding:0 15px}.header-icon{height:40px;margin-right:8px;width:40px}.header-brand-title{font-size:16px}.container{margin-top:80px;padding:10px}.main-content{padding-top:82px;padding-top:var(--app-top-offset)}.login-button{font-size:14px;padding:6px 12px}}@media (max-width:480px){:root{--app-header-height:55px}.header{padding:0 10px}.header-icon{height:35px;margin-right:6px;width:35px}.header-brand-title{font-size:14px}.header h1{font-size:20px}.container{margin-top:75px;padding:8px}.main-content{padding-top:82px;padding-top:var(--app-top-offset)}.login-button{font-size:12px;padding:4px 8px}}.main-content{margin-top:0;padding-bottom:82px;padding-bottom:var(--app-bottom-offset);padding-top:82px;padding-top:var(--app-top-offset);width:100%}.markdown-container{display:flex;flex-direction:column;margin-top:0;max-width:85%;padding:100px 20px;width:100%}.markdown-card{word-wrap:break-word;background-color:hsla(0,0%,100%,.685);border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:5px 0;padding:5px;text-indent:5px;width:100%}.login-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:70px 20px 20px}.login-card{background-color:#ffffffe6;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-card h2{color:#333;font-size:28px;margin-bottom:10px}.login-card p{color:#666;font-size:16px;margin-bottom:30px}.google-login-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:25px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}.google-login-button:hover{background:#f8f9fa;border-color:#bbb;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.google-icon{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);background-clip:text;-webkit-background-clip:text;font-size:18px;font-weight:700}.google-login-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.user-profile{align-items:center;cursor:pointer;display:flex;gap:10px}.user-avatar{border:2px solid #ffffff4d;border-radius:50%;height:32px;transition:border-color .3s ease;width:32px}.public-header-avatar{cursor:default}.user-avatar:hover{border-color:#fff9}.user-profile-dropdown{position:relative}.dropdown-menu{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:250px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{align-items:center;background:#f8f9fa;display:flex;gap:12px;padding:16px}.dropdown-avatar{border:2px solid #e9ecef;border-radius:50%;height:40px;width:40px}.dropdown-user-info{flex:1 1}.dropdown-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.dropdown-email{color:#666;font-size:12px}.dropdown-divider{background:#e9ecef;height:1px;margin:0}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item span{font-size:16px;text-align:center;width:20px}.logout-item{border-top:1px solid #e9ecef;color:#dc3545}.logout-item:hover{background-color:#fff5f5}.watermark-button{background:linear-gradient(90deg,#f88,#88f)!important;font-size:16px;font-weight:600;width:260px!important;z-index:3!important}.watermark-button:hover{opacity:.8}.authenticated-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:70px 20px 20px}.authenticated-content{background-color:#ffffffe6;border-radius:20px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;max-width:600px;padding:40px;text-align:center;width:100%}.authenticated-content h2{color:#333;font-size:28px;margin-bottom:20px}.authenticated-content p{color:#666;font-size:16px;margin-bottom:20px}.welcome-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin:30px 0}.welcome-button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:50px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:280px}.welcome-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.welcome-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.welcome-button.watermark-button{background:linear-gradient(90deg,#f88,#88f)}.welcome-button.browse-button{background:linear-gradient(90deg,#667eea,#764ba2)}.authenticated-workspace{--workspace-bottom-offset:var(--app-bottom-offset);align-items:flex-start;box-sizing:border-box;display:flex;gap:20px;height:100vh;max-width:1400px;overflow:hidden;padding:var(--app-top-offset) 20px var(--workspace-bottom-offset) 20px;width:100%}.authenticated-workspace.no-footer{--workspace-bottom-offset:var(--app-shell-gap)}.workspace-sidebar{height:calc(100vh - 82px - var(--workspace-bottom-offset));height:calc(100vh - var(--app-top-offset) - var(--workspace-bottom-offset));max-height:calc(100vh - 82px - var(--workspace-bottom-offset));max-height:calc(100vh - var(--app-top-offset) - var(--workspace-bottom-offset));max-width:420px;min-width:320px;overflow:hidden;position:-webkit-sticky;position:sticky;top:82px;top:var(--app-top-offset);width:380px}.workspace-sidebar-backdrop{background:#00000047;bottom:var(--workspace-bottom-offset);left:0;position:fixed;right:0;top:82px;top:var(--app-top-offset);z-index:10900}.workspace-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.workspace-main.disabled{filter:blur(1px);opacity:.6;pointer-events:none}.workspace-browse-button{align-self:center;margin-left:auto;margin-right:auto}.workspace-sidebar-toggle{min-width:240px;width:-webkit-fit-content;width:fit-content}.workspace-waveform-card{height:100%;max-height:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#5a6fd88c #0000;scrollbar-width:thin;width:100%}.workspace-waveform-card::-webkit-scrollbar{width:8px}.workspace-waveform-card::-webkit-scrollbar-track{background:#0000}.workspace-waveform-card::-webkit-scrollbar-thumb{background:#5a6fd88c;border-radius:999px}.workspace-waveform-card::-webkit-scrollbar-thumb:hover{background:#5a6fd8bf}.workspace-waveform-card .waveform-card{box-sizing:border-box;margin:0;min-height:100%;min-width:0}.waveform-cards-container.workspace-waveform-card{height:100%;margin:0;max-height:100%;max-width:100%;padding:0;width:100%}.workspace-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:720px;text-align:center;width:min(720px,100%)}.workspace-empty-state .watermark-button{margin-left:auto;margin-right:auto}.workspace-empty-state .welcome-button{width:min(416px,100%)!important}.workspace-empty-state .toggle-button{width:min(416px,100%);z-index:1}.workspace-empty-state .workspace-sidebar-toggle{min-width:0;width:min(416px,100%)}.workspace-empty-state .browse-button+.watermark-button{margin-top:16px}.waveform-cards-container{display:flex;flex-direction:column;margin-top:0;max-width:85%;padding:100px 20px;width:100%}.waveform-cards-container.disabled{filter:blur(1px);opacity:.6;pointer-events:none}.waveform-card{background:#fffffff2;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;margin:20px 0;padding:20px;position:relative;width:100%}.waveform-header{align-items:flex-start;margin-bottom:16px}.waveform-track-info{align-items:center;display:flex;gap:10px;min-width:0}.waveform-cover-wrapper{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:6px}.waveform-cover-button{background:#0000;border:none;border-radius:10px;cursor:pointer;padding:0}.waveform-cover-file-input{display:none}.waveform-cover-button:disabled{cursor:not-allowed;opacity:.75}.waveform-cover-button:focus-visible{outline:2px solid #7c87a0;outline-offset:2px}.waveform-cover-art{background:#c2c9d4;border:1px solid #b2bccb;border-radius:10px;display:block;height:58px;overflow:hidden;position:relative;width:58px}.waveform-cover-image{box-sizing:border-box;height:100%;object-fit:contain;opacity:.92;padding:10px;width:100%}.waveform-cover-image.is-custom-cover{object-fit:cover;opacity:1;padding:0}.waveform-cover-overlay{align-items:center;background:#0f172a52;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.waveform-cover-button:focus-visible .waveform-cover-overlay,.waveform-cover-button:hover .waveform-cover-overlay{opacity:1}.waveform-cover-button.is-playing .waveform-cover-overlay{opacity:1}.waveform-cover-button.is-editing .waveform-cover-overlay{background:#0f172a6b;opacity:1}.waveform-cover-play-icon{color:#fff;font-size:20px;line-height:1;transform:translateX(1px)}.waveform-cover-upload-label{color:#d1d5db;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;text-transform:none}.waveform-track-text{display:flex;flex-direction:column;gap:2px;min-width:0}.waveform-card.is-metadata-editing .file-info{flex:1 1 auto;max-width:none;min-width:0;width:100%}.waveform-card.is-metadata-editing .waveform-track-info{width:100%}.waveform-card.is-metadata-editing .waveform-track-text{flex:1 1 auto;min-width:0;width:100%}.waveform-card.is-metadata-editing .file-name-tooltip-wrapper{width:100%}.waveform-title-row{align-items:center;display:flex;gap:8px}.waveform-metadata-edit-button{align-items:center;background:#f0f3f8;border:1px solid #d2d8e3;border-radius:8px;color:#3c4452;cursor:pointer;display:inline-flex;font-size:13px;height:26px;justify-content:center;line-height:1;min-width:26px;transition:all .2s ease;width:26px}.waveform-card-edit-button-floating{position:absolute;right:14px;top:14px;z-index:5}.waveform-metadata-edit-button:hover:not(:disabled){background:#e8edf4;border-color:#bec7d6}.waveform-metadata-edit-button:disabled{cursor:not-allowed;opacity:.6}.waveform-metadata-edit-button.is-active{background:#4b5563;border-color:#4b5563;color:#fff}.waveform-cover-remove-button{background:#f3f5f9;border:1px solid #cfd6e2;border-radius:999px;color:#424c5c;cursor:pointer;font-size:11px;font-weight:600;height:24px;padding:0 9px;transition:all .2s ease}.waveform-cover-remove-button:hover:not(:disabled){background:#e9edf4;border-color:#bcc6d6}.waveform-cover-remove-button:disabled{cursor:not-allowed;opacity:.55}.waveform-description-panel{background:#f9fafc;border:1px solid #dde3ec;border-radius:10px;margin:6px 0 10px;padding:8px 12px 10px}.waveform-description-panel.is-editing{background:#f4f7fc}.waveform-description-label{color:#5d6675;display:inline-block;font-size:12px;font-weight:600;margin-bottom:6px}.waveform-description-input{background:#fff;border:1px solid #ccd4e2;border-radius:8px;box-sizing:border-box;color:#27303b;font-size:13px;height:34px;padding:0 10px;width:100%}.waveform-description-input:focus{border-color:#8ea2d4;box-shadow:0 0 0 2px #8ea2d429;outline:none}.waveform-description-text{color:#303949;font-size:13px;line-height:1.4;margin:0;word-break:break-word}.waveform-description-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.waveform-description-cancel,.waveform-description-save{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;height:30px;padding:0 12px}.waveform-description-save{background:#0f172a;color:#fff}.waveform-description-save:disabled{cursor:not-allowed;opacity:.55}.waveform-description-cancel{background:#eef2f7;border-color:#c8cfdb;color:#485364}.waveform-description-cancel:disabled{cursor:not-allowed;opacity:.55}.waveform-track-subtitle{color:#6b7280;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name{color:#333;font-weight:600;word-break:break-word}.waveform-title-input{background:#fff;border:1px solid #cdd5e1;border-radius:8px;box-sizing:border-box;color:#2f3744;font-size:15px;font-weight:600;height:32px;padding:0 10px;width:100%}.waveform-title-input:focus{border-color:#8ea2d4;box-shadow:0 0 0 2px #8ea2d429;outline:none}.waveform-visibility-row{align-items:center;display:inline-flex;gap:8px}.waveform-visibility-label,.waveform-visibility-text{color:#566070;font-size:12px}.waveform-visibility-text{white-space:nowrap}.waveform-visibility-toggle{align-items:center;background:#eef1f6;border:1px solid #c8d0dc;border-radius:999px;color:#8a94a4;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;line-height:1;min-width:72px;padding:0 10px;transition:all .2s ease}.waveform-visibility-toggle:hover:not(:disabled){background:#e5eaf2;border-color:#b5bfce}.waveform-visibility-toggle.is-on{background:#0fbb7a;border-color:#0a8f5f;color:#fff}.waveform-visibility-toggle:disabled{cursor:not-allowed;opacity:.55}.waveform-share-button{background:#eef3ff;border:1px solid #9cb6ff;border-radius:999px;color:#2f6bff;cursor:pointer;font-size:11px;font-weight:700;height:24px;min-width:24px;padding:0;transition:all .25s ease}.waveform-share-button:hover{background:#dfe8ff}.waveform-share-button.is-copied{background:#e8fff4;border-color:#66c79a;color:#1f7d53}.waveform-share-icon-button{align-items:center;display:inline-flex;justify-content:center;width:24px}.waveform-share-icon{margin-right:0}.waveform-share-feedback{color:#1f7d53;font-size:11px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.waveform-share-feedback.is-visible{opacity:1;transform:translateY(0)}.header-share-wrap{align-items:center;display:inline-flex;flex:0 0 auto;position:relative}.header-share-feedback.waveform-share-feedback{background:#0b0b0b;border:1px solid #2f2f2f;border-radius:7px;box-shadow:0 8px 18px #00000059;color:#fff!important;font-size:12px;font-weight:700;left:calc(100% + 8px);letter-spacing:.01em;line-height:1.2;mix-blend-mode:normal;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-shadow:0 1px 1px #000000a6;top:50%;transform:translate(2px,-50%);white-space:nowrap;z-index:30}.header-share-feedback.waveform-share-feedback:before{border-bottom:6px solid #0000;border-right:6px solid #0b0b0b;border-top:6px solid #0000;content:"";height:0;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:0}.header-share-feedback.waveform-share-feedback.is-visible{opacity:1;transform:translateY(-50%)}.file-metadata{flex-wrap:wrap}.file-metadata span{background:#f8f9fa;border-radius:6px;color:#666;font-size:14px;padding:4px 8px}.header-buttons{align-items:center}.header-download-button{align-items:center;background:#2f6bff;border-radius:10px;color:#fff;display:inline-flex;height:40px;justify-content:center;min-width:40px;padding:0;width:40px}.header-download-button:hover:not(:disabled){background:#2558d1}.header-download-button:disabled{cursor:not-allowed;opacity:.65}.cancel-button{align-items:center;background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s ease}.cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.remove-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-button:hover{transform:scale(1.1)}.waveform-back-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.waveform-back-button:hover{background:#4b556314}.waveform-back-button-floating{left:6px;position:absolute;top:6px;z-index:5}.waveform-container{border-radius:12px;box-sizing:border-box;margin:16px 0;padding:16px;transition:background-color .2s ease;width:100%}.waveform-container:hover{background:#e9ecef}.waveform-container.dragging{background:#dee2e6}.waveform-canvas{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:120px;max-width:100%}.waveform-main-row{align-items:center;display:flex;gap:12px;margin-top:16px}.waveform-card .waveform-main-row .waveform-container{flex:1 1 auto;margin:0;min-width:0}.encoding-position-panel{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:0 16px}.encoding-position-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.encoding-position-title{color:#223044;font-size:13px;font-weight:700}.encoding-position-summary{color:#526277;font-size:12px}.encoding-position-error,.encoding-position-hint{border-radius:8px;font-size:12px;padding:8px 10px}.encoding-position-hint{background:#f3f6fb;border:1px solid #dbe4f0;color:#4f627a}.encoding-position-error{background:#fff1f1;border:1px solid #ffd6d6;color:#b42318}.encoding-position-actions{display:flex;gap:8px}.encoding-position-action-button{background:#f8fafc;border:1px solid #d2dbe8;border-radius:999px;color:#324255;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px}.encoding-position-action-button:hover{background:#eef3f9}.encoding-position-list{background:#fff;border:1px solid #dbe4f0;border-radius:10px;max-height:none;overflow-y:auto}.encoding-position-item{grid-gap:8px;align-items:center;border-bottom:1px solid #eef3f8;display:grid;font-size:12px;gap:8px;grid-template-columns:auto auto 1fr auto;padding:7px 10px}.encoding-position-item:last-child{border-bottom:none}.encoding-position-item.is-selected{background:#f8fbff}.encoding-position-time{color:#1f2e43;font-weight:700;min-width:56px}.encoding-position-meta{color:#64758b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.encoding-position-remove-button{background:#fff;border:1px solid #d2dbe8;border-radius:8px;color:#3b4e65;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px}.encoding-position-remove-button:hover{background:#f1f5f9}.encoding-progress-overlay .progress-card{max-width:440px}.encoding-progress-card .progress-header{justify-content:center}.waveform-add-watermark-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px;padding:0 16px 12px}.waveform-card .waveform-actions{background:#0000;border:none;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-start;margin-left:0;margin-top:0;padding:0}.action-button{border-radius:25px;font-weight:600;transition:all .3s ease}.preview-button{background:linear-gradient(90deg,#28a745,#20c997)}.preview-button:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.preview-button:disabled{opacity:.5;transform:none}.download-button-wrapper,.preview-button-wrapper{display:inline-flex;position:relative}.preview-button,.watermark-button-small{justify-content:center;min-width:52px}.workspace-waveform-card .waveform-main-row .preview-button,.workspace-waveform-card .waveform-main-row .watermark-button-small{border-radius:10px;height:40px;min-width:40px;padding:0;width:40px}.preview-tooltip{background:#212529f2;border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:12px;left:50%;line-height:1;padding:8px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.watermark-button-small{background:linear-gradient(90deg,#f88,#88f)}.watermark-button-small:hover{opacity:.8;transform:translateY(-1px)}.waveform-add-watermark-button{background:linear-gradient(90deg,#f88,#88f);border-radius:10px;color:#fff;padding:10px 18px}.waveform-add-watermark-button:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.waveform-add-watermark-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.waveform-delete-button{background:#dc3545;border-radius:10px;color:#fff;padding:10px 18px}.waveform-delete-button:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.waveform-delete-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.waveform-card .waveform-scrollbar-container{margin-top:10px;padding:0 16px}.waveform-time-info{font-family:monospace}.waveform-scrollbar{background:#e9ecef;border:1px solid #dee2e6;border-radius:10px;height:20px;margin-bottom:8px}.waveform-scrollbar:hover{background:#dee2e6}.waveform-scrollbar-thumb{background:linear-gradient(90deg,#f88,#88f);border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 4px #0000001a;min-width:20px;top:0;transition:opacity .2s ease}.waveform-scrollbar-thumb:hover{opacity:.8}.waveform-scrollbar-thumb:active{opacity:.9}@media (max-width:700px){.waveform-main-row{align-items:stretch;flex-direction:column}}.progress-overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:9999}.progress-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.progress-card{animation:progressCardFadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;padding:0;position:relative;width:450px}@keyframes progressCardFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.progress-title{color:#333;font-size:18px;font-weight:600;margin:0}.progress-cancel-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:4px 8px;transition:all .2s ease;width:32px}.progress-cancel-button:hover{background-color:#f5f5f5;color:#333}.progress-cancel-button:active{background-color:#e0e0e0}.progress-content{padding:20px 24px 24px}.progress-filename{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.filename-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filename-value{color:#333;font-size:14px;font-weight:500;word-break:break-all}.progress-bar-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.progress-bar{background-color:#f0f0f0;flex:1 1;height:8px;overflow:hidden}.progress-bar,.progress-bar-fill{border-radius:4px;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.progress-bar-fill:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{color:#333;font-size:14px;font-weight:600;min-width:45px;text-align:right}.progress-details{color:#666;display:flex;flex-direction:column;font-size:13px;gap:8px}.chunk-info{color:#555;font-weight:500}.bytes-info{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.progress-status{color:#007bff;font-style:italic;font-weight:500}.watermarks-info{background-color:#e6f0ff;border-radius:4px;color:#06c;display:inline-block;font-weight:700;margin-top:8px;padding:4px 8px}@media (max-width:480px){.progress-card{margin:10px;width:95vw}.progress-content,.progress-header{padding-left:16px;padding-right:16px}.progress-title{font-size:16px}.filename-value{font-size:13px}}@media (prefers-color-scheme:dark){.progress-card{background:#2a2a2a;border-color:#444}.progress-title{color:#fff}.progress-header{border-bottom-color:#444}.progress-cancel-button{color:#ccc}.progress-cancel-button:hover{background-color:#3a3a3a;color:#fff}.filename-label{color:#999}.filename-value{color:#fff}.progress-bar{background-color:#444}.progress-percentage{color:#fff}.chunk-info{color:#ccc}.bytes-info{color:#999}.progress-status{color:#4da6ff}.watermarks-info{background-color:#1a3d66;color:#66b3ff}}.information-card{align-items:stretch;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%}.information-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.information-card-content{align-items:stretch;display:flex;gap:0;position:relative;width:100%;z-index:1}.information-card-content.desktop-layout{flex-direction:row}.information-card-content.desktop-layout.image-right{flex-direction:row-reverse}.information-card-content.mobile-layout{flex-direction:column;gap:0;text-align:center}.foreground-image-container{align-items:center;display:flex;flex:0 0 45%;justify-content:center;min-height:200px;padding:1px}.desktop-layout .foreground-image-container{flex:0 0 45%}.mobile-layout .foreground-image-container{border-radius:0;flex:none;margin:0;order:1;padding:20px;width:100%}.foreground-image{border-radius:18px;display:block;height:auto;margin:0 auto;max-height:160px;max-width:90%;object-fit:contain;transition:transform .3s ease;width:auto}.information-card:hover .foreground-image{transform:scale(1.02)}.mobile-layout .foreground-image{max-height:150px;max-width:80%}.information-text-container{word-wrap:break-word;align-items:flex-start;background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;overflow-wrap:break-word;padding:25px}.desktop-layout .information-text-container{text-align:left}.mobile-layout .information-text-container{align-items:center;flex:0 0 auto;order:2;padding:20px;text-align:center;width:100%}.information-title{color:#2c3e50;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 24px}.mobile-layout .information-title{font-size:20px;line-height:1.2;margin:0 0 12px}.information-text{word-wrap:break-word;color:#3c3c3c;font-size:18px;font-weight:300;line-height:1.6;margin:0;white-space:pre-wrap}.desktop-layout .information-text{font-size:18px}.mobile-layout .information-text{font-size:14px;line-height:1.4}@media (max-width:768px){.information-card{border-radius:16px;padding:0}.information-card-content{gap:0}}@media (max-width:480px){.information-card{border-radius:12px;padding:0}.information-text{font-size:14px}}@media (min-width:1440px){.information-text{font-size:22px}.information-card-content{gap:60px;max-width:1400px}}.information-banner{box-sizing:border-box;left:50%;margin:0 -50vw;min-height:400px;overflow:hidden;padding:60px 20px;right:50%;width:100vw}.information-banner,.information-banner-content{align-items:center;display:flex;justify-content:center;position:relative}.information-banner-content{gap:40px;max-width:1200px;width:100%}.banner-image-container{align-items:center;display:flex;flex:0 0 auto;justify-content:center;max-width:400px}.banner-image{border-radius:20px;box-shadow:0 10px 30px #0003;height:auto;max-height:300px;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.information-banner:hover .banner-image{transform:scale(1.02)}.banner-text-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:25px;justify-content:center;text-align:center}.banner-title-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 8px 25px #00000026;display:inline-block;margin-bottom:10px;max-width:90%;padding:16px 32px;text-align:center}.banner-title{word-wrap:break-word;color:#fff;font-size:32px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin:0;overflow-wrap:break-word;text-shadow:0 2px 4px #0000001a;white-space:normal}.banner-information{color:#fff;font-size:20px;font-weight:300;line-height:1.6;margin:0;max-width:600px;text-shadow:0 2px 4px #0003}@media (max-width:768px){.information-banner{min-height:300px;padding:40px 15px}.information-banner-content{flex-direction:column;gap:30px;text-align:center}.banner-image-container{max-width:300px;order:1}.banner-image{max-height:200px}.banner-text-container{align-items:center;gap:20px;order:2;text-align:center}.banner-title{font-size:24px}.banner-information{font-size:16px;max-width:100%}}@media (max-width:480px){.information-banner{min-height:250px;padding:30px 10px}.information-banner-content{gap:20px}.banner-image-container{max-width:250px}.banner-image{max-height:150px}.banner-title-box{border-radius:40px;padding:12px 24px}.banner-title{font-size:20px}.banner-information{font-size:14px;line-height:1.5}}@media (max-width:360px){.banner-title{font-size:18px}.banner-information{font-size:13px}}.waveform-card{display:flex;flex-direction:column;overflow:hidden}.waveform-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.file-info{flex:1 1}.file-name{cursor:pointer;font-size:18px;font-weight:700;margin:0 0 8px}.file-name:hover{color:#007bff}.filename-edit-container{align-items:center;display:flex;gap:8px}.filename-input{border:2px solid #007bff;border-radius:4px;font-size:18px;font-weight:700;outline:none;padding:6px 12px;width:300px}.cancel-filename-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.cancel-filename-btn:hover{background:#c82333}.file-metadata{color:#666;display:flex;font-size:14px;gap:16px}.watermark-indicator{align-items:center;color:#f44;display:inline-flex;font-weight:700;gap:4px;margin-left:8px}.watermark-indicator .emoji{font-size:16px}.watermark-indicator .loading-text{font-style:italic}.watermark-indicator .loading-text,.watermark-indicator .position-count{color:#666;font-size:12px;margin-left:4px}.header-buttons{display:flex;gap:8px}.cancel-button,.remove-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button:hover,.remove-button:hover{background:#5a6268}.remove-button{background:#dc3545}.remove-button:hover{background:#c82333}.waveform-container{background:#f8f9fa;flex:0 0 50px;padding:12px}.waveform-container.dragging{cursor:grabbing}.waveform-canvas{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:grab;height:50px;-webkit-user-select:none;user-select:none;width:100%}.waveform-canvas:active{cursor:grabbing}.waveform-scrollbar-container{background:#f8f9fa;padding:0 16px 16px}.waveform-time-info{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.waveform-scrollbar{background:#e0e0e0;border-radius:4px;cursor:pointer;height:8px;position:relative;width:100%}.waveform-scrollbar-thumb{background:#007bff;border-radius:4px;cursor:grab;height:100%;position:absolute;transition:background-color .2s}.waveform-scrollbar-thumb:hover{background:#0056b3}.waveform-scrollbar-thumb:active{cursor:grabbing}.waveform-actions{background:#fff;border-top:1px solid #e0e0e0;gap:12px;padding:16px}.action-button{align-items:center;display:flex;font-size:14px;gap:6px;padding:10px 20px}.preview-button{background:#28a745;color:#fff}.preview-button:hover:not(:disabled){background:#218838}.preview-button:disabled{background:#6c757d;cursor:not-allowed}.watermark-button-small{background:#007bff;color:#fff}.watermark-button-small:hover:not(:disabled){background:#0056b3}.watermark-button-small:disabled{background:#6c757d;cursor:not-allowed}.watermark-messages-container{background-color:#fff;border:1px solid #e1e5eb;border-radius:6px;box-shadow:none;display:flex;flex-direction:column;margin-top:10px;min-height:150px;overflow:hidden;padding:8px}.watermark-messages-header{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-bottom:10px;margin-top:0}.watermark-messages-header .emoji{font-size:16px}.watermark-messages-info{color:#666;display:flex;flex-shrink:0;font-size:14px;justify-content:space-between;margin-bottom:6px}.watermark-table-container{border-top:1px solid #e5e5e5;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding-top:4px}.watermark-table{background-color:#fff;border:1px solid #e5e8ee;border-collapse:collapse;border-radius:0;box-shadow:none;margin:0;overflow:hidden;table-layout:fixed;width:100%}.watermark-table thead tr{background-color:#f8f9fa}.watermark-table th{border-bottom:1px solid #e5e5e5;color:#444;font-size:14px;font-weight:700;padding:10px 8px;text-align:left}.watermark-table th.pos-column{width:126px}.watermark-table th.message-column{width:auto}.watermark-table tbody tr{border-bottom:1px solid #f0f0f0}.watermark-table tbody tr:last-child{border-bottom:none}.watermark-table td{padding:8px;text-align:left}.watermark-table tbody tr.watermark-row-active td{background:#eaf3ff}.watermark-table .pos-cell{width:290px}.watermark-table .message-cell{color:#333;font-size:13px;overflow:hidden;width:auto}.watermark-table .empty-message{color:#999;font-style:italic}.watermark-table tbody tr.watermark-row-active .row-toggle-button{background:#dce9ff;border-color:#b9cdf8}.message-truncate{display:block;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.message-hover-tooltip{background:#212529f5;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 8px 18px #0003;color:#fff;display:block;font-size:12px;left:0;line-height:1.3;max-width:min(520px,80vw);padding:8px 10px;pointer-events:none;position:absolute;white-space:normal;z-index:30}.row-toggle-button{align-items:center;background:#f6f8ff;border:1px solid #d9dde9;border-radius:8px;color:#394267;cursor:pointer;display:inline-flex;font-family:monospace;font-size:12px;font-weight:700;gap:6px;justify-content:flex-start;padding:6px 8px;width:100%}.row-actions{align-items:center;display:flex;gap:8px;position:relative;width:100%}.row-actions .row-toggle-button{flex:1 1 auto;min-width:0;width:auto}.row-decoding-count{color:#5b6473;flex:0 0 auto;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.row-share-wrap{align-items:center;display:inline-flex;flex:0 0 auto;position:relative}.row-share-button.waveform-share-button{background:#fff;border-color:#cfd5de;border-radius:999px;color:#3a4250;flex:0 0 auto;height:24px;min-width:24px;padding:0;width:24px}.row-share-button.waveform-share-button:hover:not(:disabled){background:#e1e6ed;border-color:#c2cad6}.row-share-button.waveform-share-button:disabled{cursor:not-allowed;opacity:.55}.row-share-button .shared-public-icon{background:#0000;border-radius:0;color:inherit;font-size:13px;height:auto;line-height:1;margin-right:0;width:auto}.row-share-feedback.waveform-share-feedback{background:#0b0b0b;border:1px solid #2f2f2f;border-radius:7px;box-shadow:0 8px 18px #00000059;color:#fff!important;font-size:12px;font-weight:700;left:calc(100% + 8px);letter-spacing:.01em;line-height:1.2;mix-blend-mode:normal;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-shadow:0 1px 1px #000000a6;top:50%;transform:translate(2px,-50%);white-space:nowrap;z-index:30}.row-share-feedback.waveform-share-feedback:before{border-bottom:6px solid #0000;border-right:6px solid #0b0b0b;border-top:6px solid #0000;content:"";height:0;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:0}.row-share-feedback.waveform-share-feedback.is-visible{opacity:1;transform:translateY(-50%)}.row-toggle-button:hover{background:#e8edff}.row-toggle-icon{font-size:11px;line-height:1;width:12px}.row-toggle-time{font-size:12px;letter-spacing:.01em;white-space:nowrap}.watermark-expanded-row td{background:#fafbff;padding-bottom:10px;padding-top:4px}.watermark-expanded-content{background:#fff;border:1px solid #e6e9f4;border-radius:8px;padding:8px 12px}.watermark-no-info{color:#888;padding:20px;text-align:center}.watermark-messages-footer{color:#888;flex-shrink:0;font-size:12px;margin-top:0;padding-top:10px;text-align:center}.key-message{background:#fbfbfc;border:1px solid #eef0f3;border-radius:8px;padding:6px 12px}.km-row{grid-gap:6px 12px;display:grid;gap:6px 12px;grid-template-columns:140px 1fr;padding:8px 0}.km-row+.km-row{border-top:1px solid #eef0f3}.km-key{color:#445;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.km-value{color:#222;font-size:13px}.km-links{margin:0;padding-left:16px}.km-links li{margin:2px 0}.km-links a{color:#0d6efd;text-decoration:none}.km-links a:hover{text-decoration:underline}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-dot{animation:pulse 1.5s infinite;background:#f44;border-radius:50%;height:8px;width:8px}.realtime-info{align-items:center;display:flex;font-size:14px;justify-content:space-between;width:100%}.status-indicator{align-items:center;color:#333;display:flex;font-weight:500;gap:8px}.progress-info{color:#666;font-size:13px}.user-profile-page{background:linear-gradient(135deg,#ebf1f4,#f1e8ea);flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden}.profile-header,.user-profile-page{align-items:center;display:flex;width:100%}.profile-header{background-color:#ffffff6a;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;height:70px;justify-content:space-between;padding:0 20px;position:fixed;top:0;z-index:10}.profile-header .back-button{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.profile-header .back-button:hover{background:#ffffff4d}.profile-header h1{flex:1 1;font-size:24px;font-weight:400;margin:0;text-align:center}.profile-container{background-color:#ffffffe6;border-radius:14px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;color:#333;margin:90px auto 20px;max-width:680px;padding:34px 32px;width:100%}.profile-avatar-section{border-bottom:1px solid #e0e0e0;margin-bottom:28px;padding-bottom:22px;text-align:center}.avatar-container{display:inline-block;margin-bottom:15px;position:relative}.profile-avatar{border:4px solid #667eea;border-radius:50%;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.profile-avatar.editable{cursor:pointer;filter:brightness(.8)}.profile-avatar.editable:hover{filter:brightness(.6);transform:scale(1.05)}.avatar-edit-overlay{color:#fff;font-size:12px;left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.avatar-container:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay span:first-child{display:block;font-size:24px;margin-bottom:5px}.avatar-edit-overlay span:last-child{font-weight:500;text-shadow:1px 1px 2px #000c}.profile-avatar-section h2{color:#333;font-size:24px;font-weight:500;margin:0}.profile-storage-summary{background:linear-gradient(180deg,#f4f7fff2,#eaeff9f2);border:1px solid #d7deea;border-radius:12px;display:inline-flex;flex-direction:column;gap:4px;margin-top:14px;min-width:220px;padding:10px 14px}.profile-storage-label{color:#66758c;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.profile-storage-value{color:#243147;font-size:14px;font-weight:600}.profile-form{display:flex;flex-direction:column;gap:14px;padding:0}.profile-form .form-group{grid-column-gap:14px;grid-row-gap:8px;align-items:center;column-gap:14px;display:grid;grid-template-columns:minmax(130px,170px) minmax(0,1fr);margin:0;row-gap:8px}.profile-form .form-group label{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0}.profile-form .form-group>input,.profile-form .social-link-input{background-color:#fff;border:1.5px solid #d0d6df;border-radius:10px;box-sizing:border-box;color:#333;font-size:15px;min-height:40px;padding:8px 12px;transition:all .25s ease;width:100%}.profile-form .form-group>input:disabled,.profile-form .social-link-input:disabled{background-color:#f5f6f8;border-color:#dde2ea;color:#666;cursor:not-allowed}.profile-form .form-group>input.editable,.profile-form .social-link-input.editable{background-color:#fff;border-color:#5e75eb}.profile-form .form-group>input.editable:focus,.profile-form .social-link-input.editable:focus{border-color:#4f68ea;box-shadow:0 0 0 3px #4f68ea24;outline:none}.watermark-message-field{word-wrap:break-word;background-color:#f8f9fa;border:1.5px solid #e1e5eb;border-radius:10px;box-sizing:border-box;color:#666;cursor:not-allowed;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.4;overflow-wrap:break-word;padding:10px 12px;resize:none;width:100%}.profile-form .social-links-group{align-items:flex-start}.profile-form .form-group-content{min-width:0}.social-links-content,.social-links-list{display:flex;flex-direction:column;gap:8px}.social-link-row{align-items:center;display:flex;gap:8px}.social-links-empty{align-items:center;color:#666;display:flex;font-size:14px;min-height:40px}.link-remove-button{background:#6c757d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:40px;padding:0 14px;transition:background-color .2s ease,transform .2s ease;white-space:nowrap}.link-remove-button:hover{background:#5a6268;transform:translateY(-1px)}.link-add-button{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:36px;padding:6px 14px;transition:transform .2s ease,box-shadow .2s ease}.link-add-button:hover{box-shadow:0 4px 12px #667eea40;transform:translateY(-1px)}.profile-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px;padding-top:20px}.profile-actions .cancel-button,.profile-actions .edit-button,.profile-actions .public-profile-button,.profile-actions .save-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:44px;justify-content:center;padding:10px 22px;transition:all .25s ease;width:170px}.profile-actions .edit-button{background:linear-gradient(90deg,#667eea,#764ba2)}.profile-actions .edit-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.profile-actions .save-button{background:linear-gradient(90deg,#28a745,#20c997)}.profile-actions .save-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.profile-actions .cancel-button{background:#6c757d;color:#fff}.profile-actions .cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.profile-actions .public-profile-button{background:#f4f6fa;border:1px solid #d7deea;color:#243147;width:210px}.profile-actions .public-profile-button:hover:not(:disabled){background:#e9edf5;transform:translateY(-1px)}.profile-actions .public-profile-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.profile-header{height:60px;padding:0 15px}.profile-header h1{font-size:20px}.profile-container{margin:80px 20px 20px;padding:28px 20px}.profile-form .form-group{gap:6px;grid-template-columns:1fr}.profile-form .form-group>input,.profile-form .social-link-input{font-size:14px;min-height:38px;padding:8px 11px}.social-link-row{align-items:stretch;flex-direction:column}.link-remove-button{min-height:38px;width:100%}.link-add-button{align-items:center;display:flex;justify-content:center;width:100%}.profile-actions{align-items:center;flex-direction:column}.profile-actions .cancel-button,.profile-actions .edit-button,.profile-actions .public-profile-button,.profile-actions .save-button{max-width:280px;width:100%}}@media (max-width:480px){.profile-header{height:55px;padding:0 10px}.profile-header h1{font-size:18px}.profile-container{margin:75px 15px 20px;padding:25px 15px}.profile-form .form-group>input,.profile-form .social-link-input{font-size:14px;padding:8px 10px}.profile-actions .cancel-button,.profile-actions .edit-button,.profile-actions .public-profile-button,.profile-actions .save-button{border-radius:10px;font-size:14px;height:42px}}.waveform-browser{background:#fff;border-radius:0;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.waveform-browser.waveform-browser-sidebar{border:1px solid #e7ebf0}.waveform-browser-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.waveform-browser-header h2{font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-button:hover{background:#ffffff4d}.waveform-browser-controls{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.search-container{flex:1 1;min-width:200px}.search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.sort-controls{align-items:center;display:flex;gap:8px}.sort-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.sort-order-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.sort-order-button:hover{background:#5a6fd8}.waveform-browser-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:0;scrollbar-width:none}.waveform-browser-content::-webkit-scrollbar{width:0}.waveform-browser-content:hover{scrollbar-width:thin}.waveform-browser-content:hover::-webkit-scrollbar{width:8px}.waveform-browser-content:hover::-webkit-scrollbar-track{background:#0000}.waveform-browser-content:hover::-webkit-scrollbar-thumb{background:#5a6fd88c;border-radius:999px}.waveform-browser-content:hover::-webkit-scrollbar-thumb:hover{background:#5a6fd8bf}.empty-container,.error-container,.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#e74c3c;font-weight:500;margin-bottom:16px}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#5a6fd8}.waveforms-list{padding:0}.waveforms-count{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:12px 24px}.waveform-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 20px;transition:background-color .2s}.waveform-item:hover{background:#f8f9fa}.waveform-item.selected{background:#e9efff;border-left:4px solid #5a6fd8;padding-left:16px}.waveform-item.selected:hover{background:#e9efff}.waveform-info{flex:1 1;min-width:0}.waveform-name-button{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;text-align:left;width:100%}.waveform-name-button:hover .waveform-name{color:#3656cf;text-decoration:underline}.waveform-name{color:#596170;display:block;font-size:16px;font-weight:400;margin:0;word-break:break-word}.waveform-item-side{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;margin-left:14px}.waveform-encoding-date{align-items:flex-end;display:flex;flex-direction:column;line-height:1.2}.encoding-label{color:#7d8694;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.encoding-value{color:#4f5562;font-size:12px;white-space:nowrap}.unprotected-lock-icon{display:inline-block;object-fit:contain}.shared-public-icon,.unprotected-lock-icon{height:17px;margin-right:6px;vertical-align:-2px;width:17px}.shared-public-icon{align-items:center;background:#eaf7ef;border-radius:999px;color:#1f9d55;display:inline-flex;font-size:11px;justify-content:center;line-height:1}.waveform-actions{border:none;display:flex;gap:8px;margin-left:16px}.waveform-item .waveform-actions{background:#0000;padding:0}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s;white-space:nowrap}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333;transform:translateY(-1px)}.delete-button.disabled{cursor:not-allowed;opacity:.7}.delete-button.disabled,.delete-button.disabled:hover{background:#6c757d;transform:none}.waveform-browser-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px 24px;text-align:right}.close-footer-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.close-footer-button:hover{background:#5a6268}@media (max-width:768px){.authenticated-workspace{flex-direction:column;gap:16px;padding:var(--app-top-offset) 12px var(--workspace-bottom-offset) 12px}.workspace-sidebar{height:auto;max-height:55vh;max-width:none;min-width:0;position:static;width:100%}.workspace-browse-button{align-self:center}.waveform-browser-controls{align-items:stretch;flex-direction:column}.sort-controls{justify-content:center}.waveform-item{align-items:stretch;flex-direction:column;gap:12px}.waveform-item-side{margin-left:0}.waveform-encoding-date,.waveform-item-side{align-items:flex-start}.waveform-actions{justify-content:center;margin-left:0}}.authenticated-workspace.compact-layout .workspace-sidebar{bottom:var(--workspace-bottom-offset);height:auto;left:0;max-height:none;max-width:none;min-width:0;position:fixed;top:82px;top:var(--app-top-offset);transform:translateX(-104%);transition:transform .22s ease;width:min(400px,88vw);z-index:11000}.authenticated-workspace.compact-layout .workspace-sidebar.is-open{transform:translateX(0)}.authenticated-workspace.compact-layout .workspace-empty-state.authenticated-content{padding:28px}@media (max-width:480px){.waveform-browser-header{padding:16px}.waveform-browser-controls,.waveform-item{padding:12px 16px}.waveforms-count{padding:8px 16px}.action-button{font-size:11px;padding:6px 10px}}.workspace-waveform-card .waveform-header{align-items:center;background:#f2f3f5;border:1px solid #e2e5eb;border-radius:14px;flex-wrap:nowrap;gap:7px;justify-content:flex-start;margin-bottom:12px;margin-top:40px;min-height:72px;padding:5px 9px}.workspace-waveform-card .file-info{display:block;flex:0 1 auto;max-width:240px;min-width:180px;overflow:visible;width:clamp(180px,23vw,240px)}.workspace-waveform-card .waveform-card.is-metadata-editing .file-info{flex:1 1 auto;max-width:none;min-width:0;width:100%}.workspace-waveform-card .waveform-visibility-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-waveform-card .waveform-visibility-text{overflow:hidden;text-overflow:ellipsis}.public-waveform-state{background:#fff;border:1px solid #d9e1ed;border-radius:14px;color:#3f4856;padding:24px}.public-waveform-state.error{border-color:#f0b7bd;color:#a23d48}.public-main-content{align-items:stretch;flex:0 0 auto;height:calc(100vh - 82px);height:calc(100vh - var(--app-top-offset));margin-bottom:0;margin-top:82px;margin-top:var(--app-top-offset);max-height:calc(100vh - 82px);max-height:calc(100vh - var(--app-top-offset));max-width:1400px;min-height:calc(100vh - 82px);min-height:calc(100vh - var(--app-top-offset));overflow:hidden;padding:0 20px;width:min(1400px,100%)}.public-profile-main-content{overflow-x:hidden;overflow-y:auto;padding-bottom:24px}.public-profile-page-shell{margin:0 auto;max-width:920px;padding:8px 0 24px;width:100%}.public-profile-card{background:#fffffff0;border:1px solid #d9e1ed;border-radius:18px;box-shadow:0 16px 40px #222f5414;color:#243147;padding:34px 36px}.public-profile-card-top{grid-gap:20px;align-items:center;border-bottom:1px solid #e7ecf3;display:grid;gap:20px;grid-template-columns:96px minmax(0,1fr);padding-bottom:24px}.public-profile-avatar{align-items:center;background:linear-gradient(145deg,#1b2c56,#5b7cff);border-radius:24px;box-shadow:inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:32px;font-weight:700;height:96px;justify-content:center;letter-spacing:.06em;overflow:hidden;width:96px}.public-profile-avatar-image{display:block;height:100%;object-fit:cover;width:100%}.public-profile-identity{min-width:0}.public-profile-kicker{color:#6a7892;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.public-profile-name{color:#1b2438;font-size:32px;line-height:1.05;margin:0;word-break:break-word}.public-profile-headline{color:#59667d;font-size:16px;line-height:1.6;margin:12px 0 0}.public-profile-section{margin-top:26px}.public-profile-section-label{align-items:center;color:#607089;display:flex;font-size:13px;font-weight:700;gap:12px;justify-content:space-between;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.public-profile-section-meta{color:#8a97ac;font-size:11px;font-weight:700;letter-spacing:.08em}.public-profile-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.public-profile-link-card{background:linear-gradient(180deg,#fff,#f5f8fc);border:1px solid #dce3ef;border-radius:14px;color:#23314b;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.public-profile-link-card:hover{border-color:#c2d0ea;box-shadow:0 10px 22px #344c7d14;transform:translateY(-1px)}.public-profile-link-label{color:#6c7c96;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.public-profile-link-url{color:#1f4eb8;font-size:15px;line-height:1.5;word-break:break-word}.public-profile-empty{background:#f8fafc;border:1px dashed #d7deea;border-radius:14px;color:#66758b;font-size:15px;padding:18px 20px}.public-profile-waveforms-list{display:flex;flex-direction:column;gap:10px}.public-waveform-workspace-card{height:100%;max-height:100%;max-width:1200px;overflow:hidden!important;padding:0;scrollbar-width:none;width:100%}.public-waveform-workspace-card::-webkit-scrollbar{height:0;width:0}.public-waveform-card{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.public-waveform-card.public-waveform-card-preview{border-color:#dce4ef;border-radius:14px;box-shadow:0 7px 16px rgba(37,55,96,.045);height:auto;margin:0;min-height:0;padding:10px 12px}.public-waveform-card.public-waveform-card-preview .waveform-header{align-items:center;border-bottom:none;gap:10px;margin-bottom:0;padding:0}.public-waveform-card.public-waveform-card-preview .waveform-track-info{gap:7px}.public-waveform-card.public-waveform-card-preview .file-info{min-width:150px}.public-waveform-card.public-waveform-card-preview .file-name{font-size:13px;line-height:1.15;margin:0}.public-waveform-card .waveform-main-row{align-items:center;flex:1 1;gap:10px;margin-top:0;min-width:0}.public-waveform-card.public-waveform-card-preview .waveform-main-row{gap:6px}.public-waveform-card.public-waveform-card-preview .waveform-cover-wrapper{gap:0}.public-waveform-card.public-waveform-card-preview .waveform-cover-art{border-radius:9px;height:50px;width:50px}.public-waveform-card .waveform-main-row .waveform-container{background:#e8eaee;border:1px solid #d9dee6;border-radius:10px;box-shadow:none;flex:1 1 auto;margin:0;min-width:0;padding:6px 8px;width:100%}.public-waveform-card .waveform-main-row .waveform-canvas{background:#0000;border:none;border-radius:6px;box-shadow:none;height:36px}.public-waveform-card.public-waveform-card-preview .waveform-main-row .waveform-container{border-radius:8px;padding:3px 5px}.public-waveform-card.public-waveform-card-preview .waveform-main-row .waveform-canvas{height:32px}.public-waveform-card.public-waveform-card-preview .waveform-duration-text{color:#6b7381;font-size:12px;font-weight:500;line-height:1;min-width:30px;text-align:right}.public-waveform-open-button{align-items:center;background:#eff3f8;border:1px solid #d5dce7;border-radius:10px;color:#2f3a4c;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;height:40px;justify-content:center;min-width:40px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:40px}.public-waveform-card.public-waveform-card-preview .public-waveform-open-button{border-radius:8px;font-size:13px;height:30px;min-width:30px;width:30px}.public-waveform-open-button:hover{background:#e5ebf3;border-color:#c6d0de;transform:translateY(-1px)}.public-waveform-card .watermark-messages-container{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.public-waveform-card .watermark-table-container{flex:1 1 auto;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.workspace-waveform-card .file-name{display:block;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-waveform-card .waveform-title-input{border-radius:7px;font-size:14px;height:30px}.workspace-waveform-card .file-name-tooltip-wrapper{display:block;min-width:0;position:relative;width:100%}.workspace-waveform-card .title-info-tooltip{background:#212529f5;border-radius:8px;box-shadow:0 8px 20px #0000002e;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:4px;left:0;line-height:1.35;max-width:min(360px,72vw);min-width:240px;padding:10px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);z-index:30}.workspace-waveform-card .file-metadata{flex-wrap:nowrap}.workspace-waveform-card .watermark-indicator{margin-left:0}.workspace-waveform-card .header-buttons{align-self:center;flex:0 0 auto}.workspace-waveform-card .waveform-main-row{align-items:center;flex:1 1;gap:10px;margin-top:0;min-width:0}.workspace-waveform-card .waveform-main-row .waveform-container{background:#e8eaee;border:1px solid #d9dee6;border-radius:10px;box-shadow:none;flex:1 1 auto;margin:0;min-width:0;padding:6px 8px;width:100%}.workspace-waveform-card .encoding-position-panel{margin-top:8px;padding:0 16px}.workspace-waveform-card .encoding-position-item{gap:6px;grid-template-columns:auto auto 1fr auto}.workspace-waveform-card .waveform-add-watermark-row{gap:10px;margin-top:10px;padding:0 16px 10px}.workspace-waveform-card .waveform-add-watermark-button,.workspace-waveform-card .waveform-delete-button{font-size:13px;min-height:40px;padding:8px 14px}.workspace-waveform-card .waveform-main-row .waveform-canvas{background:#0000;border:none;border-radius:6px;box-shadow:none;height:36px}.workspace-waveform-card .waveform-duration-text{color:#5f6674;font-size:15px;font-weight:500;line-height:1;min-width:44px;text-align:right}.workspace-waveform-card .header-download-button{background:#eceff3;border:1px solid #d4dae3;border-radius:10px;box-shadow:none;color:#323845;height:32px;min-width:32px;width:32px}.workspace-waveform-card .header-download-button:hover:not(:disabled){background:#e2e6ed}.workspace-waveform-card .waveform-track-info{gap:12px}.workspace-waveform-card .waveform-title-row{gap:6px}.workspace-waveform-card .waveform-metadata-edit-button{border-radius:7px;font-size:12px;height:24px;min-width:24px;width:24px}.workspace-waveform-card .waveform-card-edit-button-floating{right:10px;top:10px}.workspace-waveform-card .waveform-cover-wrapper{gap:4px}.workspace-waveform-card .waveform-cover-remove-button{font-size:10px;height:22px;padding:0 8px}.workspace-waveform-card .waveform-cover-art{background:#bcc5d1;border-radius:10px;height:48px;width:48px}.workspace-waveform-card .waveform-cover-image{padding:8px}.workspace-waveform-card .waveform-cover-image.is-custom-cover{object-fit:cover;padding:0}.workspace-waveform-card .waveform-track-subtitle{color:#707887}.workspace-waveform-card .waveform-description-panel{border-radius:9px;margin:6px 16px 8px;padding:8px 10px}.workspace-waveform-card .waveform-description-label{margin-bottom:5px}.workspace-waveform-card .waveform-description-input{font-size:12px;height:32px}.workspace-waveform-card .waveform-description-text{font-size:12px}.workspace-waveform-card .waveform-description-actions{gap:6px;margin-top:6px}.workspace-waveform-card .waveform-description-cancel,.workspace-waveform-card .waveform-description-save{font-size:11px;height:28px;padding:0 10px}.workspace-waveform-card .waveform-visibility-row{align-items:center;display:inline-flex;gap:6px;margin-top:6px;max-width:100%}.workspace-waveform-card .waveform-visibility-toggle{background:#8e95a1;border-color:#8e95a1;color:#fff;font-size:11px;height:24px;min-width:74px}.workspace-waveform-card .waveform-visibility-toggle:hover:not(:disabled){background:#7f8793;border-color:#7f8793}.workspace-waveform-card .waveform-visibility-toggle.is-on{background:#12151c;border-color:#12151c;color:#fff}.workspace-waveform-card .waveform-share-button{background:#eceff3;border-color:#cfd5de;border-radius:999px;color:#3a4250;height:24px;min-width:24px}.workspace-waveform-card .waveform-share-button:hover{background:#e1e6ed;border-color:#c2cad6}.workspace-waveform-card .waveform-share-button.is-copied{background:#dbe2eb;border-color:#bfc9d8;color:#2f3848}.workspace-waveform-card .waveform-share-icon-button .shared-public-icon{background:#0000;border-radius:0;color:inherit;font-size:13px;height:auto;line-height:1;margin-right:0;width:auto}.workspace-waveform-card .action-button{max-width:100%}.workspace-waveform-card .watermark-table-container{overflow-x:auto}.workspace-waveform-card .watermark-table{min-width:0}.realtime-waveform-card-wrapper{align-self:stretch;height:100%;max-height:100%;overflow:hidden}.realtime-waveform-card-wrapper.workspace-waveform-card{overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none}.realtime-waveform-card-wrapper.workspace-waveform-card::-webkit-scrollbar{height:0;width:0}.realtime-waveform-card{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.workspace-waveform-card .realtime-waveform-card .waveform-header{grid-column-gap:8px;grid-row-gap:0;align-items:center;column-gap:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:10px;margin-top:10px;min-height:82px;padding:8px 10px;row-gap:0}.workspace-waveform-card .realtime-waveform-card .file-info{max-width:none;min-width:0;overflow:hidden;width:auto}.workspace-waveform-card .realtime-waveform-card .waveform-track-text{min-width:0}.workspace-waveform-card .realtime-waveform-card .file-name{font-size:16px;line-height:1.1;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-waveform-card .realtime-waveform-card .waveform-main-row{gap:0;margin-top:0;min-width:0;width:100%}.workspace-waveform-card .realtime-waveform-card .waveform-main-row .waveform-container{min-height:50px;padding:6px 8px;width:100%}.workspace-waveform-card .realtime-waveform-card .waveform-main-row .waveform-canvas{height:40px}.realtime-waveform-card .realtime-track-info{width:100%}.realtime-status-pill{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:6px;justify-content:center;line-height:1;max-width:120px;min-width:72px;padding:3px 10px;width:50%}.realtime-status-pill.is-listening{background:#1ea35e}.realtime-status-pill.is-stopped{background:#7f8793}.realtime-status-pill .realtime-recording-dot{background:#fff;border-radius:50%;height:7px;margin:0;width:7px}.realtime-status-pill.is-stopped .realtime-recording-dot{animation:none;opacity:.75}.realtime-header-buttons{align-self:center;margin-left:0}.realtime-close-button{background:#eceff3;color:#3a4250}.realtime-close-button:hover:not(:disabled){background:#e1e5ec}.realtime-watermark-messages-container{display:flex;flex:1 1 auto;flex-direction:column;margin-top:8px;min-height:0;overflow:hidden}.realtime-watermark-table-container{flex:1 1 auto;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;resize:vertical;scrollbar-gutter:stable}.realtime-waveform-card .row-toggle-button{justify-content:center;min-width:84px;width:auto}.realtime-waveform-card .row-toggle-time{letter-spacing:.04em}.realtime-row-meta{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:3px}.realtime-row-detected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-row-hash{flex:0 0 auto;font-family:monospace}.realtime-waveform-card .km-value a{color:#0d6efd;text-decoration:none;word-break:break-all}.realtime-waveform-card .km-value a:hover{text-decoration:underline}.main-content.realtime-main-content{align-items:stretch;flex:0 0 auto;height:calc(100vh - 152px);height:calc(100vh - var(--app-top-offset) - var(--app-footer-height));margin-bottom:70px;margin-bottom:var(--app-footer-height);margin-top:82px;margin-top:var(--app-top-offset);max-height:calc(100vh - 152px);max-height:calc(100vh - var(--app-top-offset) - var(--app-footer-height));max-width:1200px;min-height:calc(100vh - 152px);min-height:calc(100vh - var(--app-top-offset) - var(--app-footer-height));overflow:hidden;padding:0 20px;width:min(1200px,100%)}@media (max-width:768px){.public-profile-main-content{padding:0 16px 20px}.public-profile-card{border-radius:16px;padding:24px 20px}.public-profile-card-top{gap:14px;grid-template-columns:1fr;text-align:center}.public-profile-avatar{border-radius:20px;font-size:28px;height:82px;margin:0 auto;width:82px}.public-profile-name{font-size:28px}.public-profile-headline{font-size:15px}.public-profile-links-grid{grid-template-columns:1fr}}.app.realtime-mode{overflow:hidden}@media (max-width:900px){.workspace-waveform-card .realtime-waveform-card .waveform-header{grid-template-columns:auto minmax(0,1fr) auto}.workspace-waveform-card .realtime-waveform-card .file-name{font-size:16px}}@media (max-width:1100px){.workspace-waveform-card .waveform-header{flex-wrap:nowrap;row-gap:0}.workspace-waveform-card .file-info{flex:0 1 auto;max-width:220px;min-width:170px;width:clamp(170px,22vw,220px)}.workspace-waveform-card .header-buttons{align-self:center;margin-left:0}.workspace-waveform-card .waveform-main-row{flex:1 1 auto;min-width:0;order:0;width:auto}.workspace-waveform-card .waveform-header{flex-wrap:nowrap;row-gap:0}.workspace-waveform-card .file-info{flex:0 0 auto;max-width:220px;min-width:170px;width:clamp(170px,22vw,220px)}.workspace-waveform-card .header-buttons{align-self:center;margin-left:0}.workspace-waveform-card .waveform-main-row{flex:1 1 auto;min-width:0;order:0;width:auto}}@media (max-width:700px){.authenticated-workspace{padding:var(--app-top-offset) 8px var(--workspace-bottom-offset) 8px}.workspace-waveform-card .waveform-card{padding:12px}.workspace-waveform-card .waveform-header{align-items:center;flex-wrap:nowrap;padding:6px 8px}.workspace-waveform-card .file-info{flex:0 1 auto;max-width:190px;min-width:128px;width:min(44vw,190px)}.workspace-waveform-card .file-name{white-space:nowrap;width:100%}.workspace-waveform-card .waveform-title-input{font-size:13px;height:28px}.workspace-waveform-card .file-metadata{flex-wrap:wrap;gap:8px}.workspace-waveform-card .file-metadata span{font-size:12px;padding:3px 6px}.workspace-waveform-card .waveform-container{padding:8px}.workspace-waveform-card .waveform-main-row{align-items:center;flex-direction:row;width:auto}.workspace-waveform-card .waveform-main-row .waveform-canvas{height:34px}.workspace-waveform-card .waveform-track-subtitle{display:none}.workspace-waveform-card .waveform-duration-text{font-size:13px;min-width:36px}.workspace-waveform-card .waveform-cover-art{height:44px;width:44px}.workspace-waveform-card .waveform-metadata-edit-button{height:22px;min-width:22px;width:22px}.workspace-waveform-card .waveform-card-edit-button-floating{right:8px;top:8px}.workspace-waveform-card .waveform-cover-remove-button{font-size:9px;height:20px}.workspace-waveform-card .waveform-description-panel{margin:6px 10px 8px;padding:7px 8px}.workspace-waveform-card .waveform-description-actions{justify-content:stretch}.workspace-waveform-card .waveform-description-cancel,.workspace-waveform-card .waveform-description-save{flex:1 1}.workspace-waveform-card .header-download-button{height:32px;min-width:32px;width:32px}.workspace-waveform-card .header-buttons{margin-left:0}.workspace-waveform-card .action-button{font-size:13px;padding:8px 12px}.workspace-waveform-card .encoding-position-panel{padding:0 10px}.workspace-waveform-card .encoding-position-actions{flex-wrap:wrap}.workspace-waveform-card .encoding-position-item{grid-template-columns:auto auto 1fr;row-gap:4px}.workspace-waveform-card .encoding-position-remove-button{grid-column:1/-1;justify-self:flex-end}.workspace-waveform-card .watermark-table{min-width:0}.workspace-waveform-card .watermark-table th.pos-column{width:111px}.workspace-waveform-card .watermark-table .pos-cell{width:245px}}.technology-showcase{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:center;margin:82px auto;margin:var(--app-top-offset) auto var(--app-bottom-offset);min-height:calc(100vh - 164px);min-height:calc(100vh - var(--app-top-offset) - var(--app-bottom-offset));padding:16px 24px;width:min(920px,100%)}.showcase-hero{padding:8px;text-align:center}.showcase-headline{color:#121620;font-size:clamp(24px,4.8vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.showcase-card-slogan{align-items:center;color:#fff;display:flex;font-size:clamp(22px,4.2vw,38px);font-weight:800;gap:4px;justify-content:center;letter-spacing:-.02em;line-height:1.12;margin:0 0 14px;text-shadow:0 2px 10px #00000047}.showcase-slogan-logo{flex:0 0 auto;height:auto;width:clamp(68px,10vw,112px)}.showcase-login-card{align-items:center;background-color:#f6f7fb;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e4e8f0;border-radius:18px;box-shadow:0 10px 24px #182a4b1a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:38px 30px;text-align:center;width:min(520px,100%)}.showcase-login-card h3{color:#fff;font-size:30px;line-height:1.08;margin:0;text-shadow:0 2px 10px #00000040}.showcase-login-card p{color:#fffffff2;font-size:16px;line-height:1.4;margin:12px 0 0;text-shadow:0 2px 8px #00000038}.showcase-google-wrapper{display:flex;justify-content:center;margin-top:20px;width:100%}@media (max-width:640px){.technology-showcase{gap:12px;margin:82px auto;margin:var(--app-top-offset) auto var(--app-bottom-offset);padding:12px}.showcase-hero{padding:4px}.showcase-login-card{border-radius:14px;min-height:260px;padding:26px 18px}.showcase-login-card h3{font-size:26px}}