body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-width:64px;--sidebar-width-open:210px;--navbar-height:65px;--ease-out:cubic-bezier(0.32,0.72,0,1);--ease-in:cubic-bezier(0.4,0,1,1);--dur-press:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:320ms;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:20px;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:14px;--fs-xl:16px;--fs-2xl:18px;--fs-3xl:20px;--fs-4xl:22px;--fs-5xl:26px;--fs-6xl:32px;--shadow-sm:0 1px 2px #0000003d,0 1px 3px #00000029;--shadow-md:0 2px 4px #0003,0 8px 20px #00000047;--shadow-lg:0 4px 10px #00000047,0 16px 40px #0006;--shadow-side:2px 0 4px #0000003d,8px 0 24px #0000005c;--success:#639922;--danger:#d85050;--danger-text:#d96666;--danger-text-hover:#f08080;--danger-border:#7a2d2d;--danger-border-soft:#4a2020;--danger-bg:#1a1414;--danger-bg-hover:#2a1616;--warning:#d8a130;--info:#4a8fd8;--on-accent:#fff;color-scheme:dark}:root,[data-theme=graphite]{--bg:#0a0a0a;--surface:#101010;--surface-alt:#131313;--surface-raised:#171717;--field:#1e1e1e;--field-hover:#262626;--border-soft:#1f1f1f;--border-faint:#242424;--border:#323232;--text:#f1f1f1;--text-muted:#a8a8a8;--text-faint:#5e5e5e;--accent:#fff;--accent-hover:#d8d8d8;--accent-soft:#1c1c1c;--on-accent:#0a0a0a}[data-theme=macchiato]{--bg:#0a0a0a;--surface:#101010;--surface-alt:#131313;--surface-raised:#171717;--field:#221c17;--field-hover:#2a231c;--border-soft:#241d18;--border-faint:#28211b;--border:#3a3027;--text:#f5f0ea;--text-muted:#b8ab9d;--text-faint:#6e6155;--accent:#c08457;--accent-hover:#a66e45;--accent-soft:#2b1e14}[data-theme=midnight]{--bg:#0a0a0a;--surface:#101010;--surface-alt:#131313;--surface-raised:#171717;--field:#191f2c;--field-hover:#202738;--border-soft:#1a2029;--border-faint:#1e2431;--border:#2d3445;--text:#eff3fa;--text-muted:#a5afc3;--text-faint:#5b647a;--accent:#7fa9ff;--accent-hover:#6690e8;--accent-soft:#131d33}[data-theme=aurum]{--bg:#0a0a0a;--surface:#101010;--surface-alt:#131313;--surface-raised:#171717;--field:#201d18;--field-hover:#28241e;--border-soft:#221f19;--border-faint:#26221c;--border:#3b342a;--text:#f7f2e8;--text-muted:#b7ad9a;--text-faint:#6d6454;--accent:#d4af6a;--accent-hover:#bd9857;--accent-soft:#2a2114;--on-accent:#17130b}[data-theme=jade]{--bg:#0a0a0a;--surface:#101010;--surface-alt:#131313;--surface-raised:#171717;--field:#17211b;--field-hover:#1e2a23;--border-soft:#18221c;--border-faint:#1c2620;--border:#2b3a32;--text:#eef5f0;--text-muted:#a4b5ab;--text-faint:#586962;--accent:#35bd8c;--accent-hover:#2ba277;--accent-soft:#0f2920}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background-color:#101010;background-color:var(--surface)}::-webkit-scrollbar-thumb{background-color:#323232;background-color:var(--border);border:2px solid #101010;border:2px solid var(--surface);border-radius:6px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e;background-color:var(--text-faint)}::-webkit-scrollbar-corner{background-color:#101010;background-color:var(--surface)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--bg);color:#f1f1f1;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1 1;min-height:0}.app-content{flex:1 1;min-width:0;overflow-y:auto}.profile-wrapper{position:relative}.profile-avatar{align-items:center;background-color:#fff;background-color:var(--accent);border:none;border-radius:50%;color:#0a0a0a;color:var(--on-accent);cursor:pointer;display:flex;font-size:12px;font-size:var(--fs-sm);font-weight:600;height:36px;justify-content:center;width:36px}.profile-avatar:hover{background-color:#d8d8d8;background-color:var(--accent-hover)}.profile-dropdown{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:#171717;background-color:var(--surface-raised);background-color:color-mix(in srgb,#171717 78%,#0000);background-color:color-mix(in srgb,var(--surface-raised) 78%,#0000);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0003,0 8px 20px #00000047;box-shadow:var(--shadow-md);min-width:140px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dropdown-item{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-size:13px;font-size:var(--fs-md);padding:8px 12px;text-align:left;width:100%}.dropdown-item:hover{background-color:#262626;background-color:var(--field-hover);color:#f1f1f1;color:var(--text)}.navbar{background-color:#101010;background-color:var(--surface);border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:14px 24px;position:relative;z-index:300}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:32px}.navbar-logo{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.5px}.logo-accent{color:#fff;color:var(--accent)}.navbar-right input{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);outline:none;padding:7px 14px;width:220px}.navbar-right input:focus{border-color:#fff;border-color:var(--accent)}.navbar-right{align-items:center;display:flex;gap:12px}.navbar-divider{background-color:#323232;background-color:var(--border);height:24px;width:1px}.channel-selector-wrapper{position:relative}.channel-selector-pill{align-items:center;background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-pill);color:#f1f1f1;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-size:var(--fs-md);gap:8px;padding:7px 14px}.channel-selector-pill:hover{border-color:#5e5e5e;border-color:var(--text-faint)}.channel-selector-dot{background-color:#fff;background-color:var(--accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.channel-selector-arrow{stroke:#a8a8a8;stroke:var(--text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;height:14px;width:14px}.channel-selector-dropdown{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:#171717;background-color:var(--surface-raised);background-color:color-mix(in srgb,#171717 78%,#0000);background-color:color-mix(in srgb,var(--surface-raised) 78%,#0000);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0003,0 8px 20px #00000047;box-shadow:var(--shadow-md);left:0;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:100}.channel-selector-item{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-size:var(--fs-md);gap:10px;padding:8px 12px;text-align:left;width:100%}.channel-selector-item:hover{background-color:#262626;background-color:var(--field-hover)}.channel-selector-item.active,.channel-selector-item:hover{color:#f1f1f1;color:var(--text)}.channel-check{color:#fff;color:var(--accent);font-size:12px;font-size:var(--fs-sm);margin-left:auto}.channel-selector-divider{background-color:#323232;background-color:var(--border);height:1px;margin:6px 0}.channel-selector-add{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--accent);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-size:var(--fs-md);gap:10px;padding:8px 12px;text-align:left;width:100%}.channel-selector-add:hover{background-color:#262626;background-color:var(--field-hover)}.channel-add-icon{align-items:center;display:flex;flex-shrink:0;font-size:14px;font-size:var(--fs-lg);justify-content:center;width:8px}.sidebar{flex-shrink:0;position:relative}.sidebar,.sidebar-inner{width:64px;width:var(--sidebar-width)}.sidebar-inner{background-color:#101010;background-color:var(--surface);border-right:1px solid #1f1f1f;border-right:1px solid var(--border-soft);bottom:0;display:flex;flex-direction:column;gap:4px;left:0;overflow:hidden;padding:12px 10px;position:absolute;top:0;transition:width .14s cubic-bezier(.32,.72,0,1);transition:width var(--dur-fast) var(--ease-out);z-index:10}.sidebar:hover .sidebar-inner{box-shadow:2px 0 4px #0000003d,8px 0 24px #0000005c;box-shadow:var(--shadow-side);width:210px;width:var(--sidebar-width-open)}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-size:var(--fs-lg);gap:14px;padding:10px;text-align:left;white-space:nowrap;width:100%}.sidebar-item:hover{color:#f1f1f1;color:var(--text)}.sidebar-item.active,.sidebar-item:hover{background-color:#1e1e1e;background-color:var(--field)}.sidebar-item.active{color:#fff;color:var(--accent)}.sidebar-item-bottom{margin-top:auto}.sidebar-icon{display:flex;flex-shrink:0}.sidebar-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.sidebar-label{opacity:0;transition:opacity .14s cubic-bezier(.32,.72,0,1);transition:opacity var(--dur-fast) var(--ease-out)}.sidebar:hover .sidebar-label{opacity:1}.beat-form{gap:16px}.beat-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.form-group input{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);outline:none;padding:9px 14px;width:100%}.form-group input:focus{border-color:#fff;border-color:var(--accent)}.copy-field textarea,.form-group textarea{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);flex-shrink:0;font-family:inherit;font-size:13px;font-size:var(--fs-md);height:170px;min-height:90px;outline:none;padding:10px 14px;resize:none;width:100%}.copy-field textarea:focus,.form-group textarea:focus{border-color:#fff;border-color:var(--accent)}.form-group textarea[name=description]{height:170px;min-height:170px}.form-group select{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;font-size:var(--fs-md);outline:none;padding:9px 14px;width:100%}.form-group select:focus{border-color:#fff;border-color:var(--accent)}.channel-display{align-items:center;background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);display:flex;font-size:13px;font-size:var(--fs-md);gap:10px;padding:9px 14px}.channel-display-dot{background-color:#fff;background-color:var(--accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.channel-display-hint{color:#5e5e5e;color:var(--text-faint)}.channel-display-hint,.link-btn{font-size:11px;font-size:var(--fs-xs)}.link-btn{align-self:flex-start;background:none;border:none;color:#fff;color:var(--accent);cursor:pointer;font-family:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:#d8d8d8;color:var(--accent-hover)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.channel-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.channel-toggle button{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-size:13px;font-size:var(--fs-md);padding:9px}.channel-toggle button.active{border-color:#fff;border-color:var(--accent);color:#fff;color:var(--accent);font-weight:500}.channel-toggle button:hover{background-color:#262626;background-color:var(--field-hover)}.btn-generate{background-color:#fff;background-color:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);color:#0a0a0a;color:var(--on-accent);cursor:pointer;font-size:14px;font-size:var(--fs-lg);font-weight:500;margin-top:8px;padding:12px;width:100%}.btn-generate:hover{background-color:#d8d8d8;background-color:var(--accent-hover)}.channel-option{display:flex;flex-direction:column;gap:6px}.channel-status{color:#5e5e5e;color:var(--text-faint);display:flex;font-size:11px;font-size:var(--fs-xs);justify-content:center}.channel-status.connected{color:#639922;color:var(--success);font-weight:500}.connect-btn{background:none;border:none;color:#fff;color:var(--accent);cursor:pointer;font-size:11px;font-size:var(--fs-xs);padding:0;text-decoration:underline}.connect-btn:hover{color:#d8d8d8;color:var(--accent-hover)}.file-upload{display:flex;flex-direction:column;gap:16px}.upload-zone{background-color:#171717;background-color:var(--surface-raised);border:1.5px dashed #323232;border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-xl);cursor:pointer;position:relative;transition:border-color .22s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-base) var(--ease-out)}.upload-zone:hover{border-color:#fff;border-color:var(--accent)}.upload-zone input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.upload-label{align-items:center;color:#a8a8a8;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-size:var(--fs-md);gap:6px;justify-content:center;padding:24px 16px;text-align:center}.upload-icon{display:block;font-size:26px;font-size:var(--fs-5xl);margin-bottom:4px}.upload-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.upload-filename{color:#fff;color:var(--accent);font-size:13px;font-size:var(--fs-md);font-weight:500}.thumbnail-zone .upload-label{aspect-ratio:1;padding:0}.thumbnail-preview{border-radius:10px;border-radius:var(--radius-lg);height:100%;object-fit:cover;width:100%}.catalog-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;padding:24px}.catalog-header{align-items:center;display:flex;justify-content:space-between}.catalog-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.catalog-header-right{align-items:center;display:flex;gap:16px}.catalog-count{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.catalog-empty{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1.5px dashed #323232;border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-xl);color:#a8a8a8;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;font-size:var(--fs-md);gap:8px;justify-content:center;padding:64px 24px}.catalog-empty-icon{color:#323232;color:var(--border);font-size:26px;font-size:var(--fs-5xl)}.catalog-empty-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.catalog-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.catalog-card{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:border-color .22s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-base) var(--ease-out)}.catalog-card:hover{border-color:#fff;border-color:var(--accent)}.catalog-thumbnail{align-items:center;aspect-ratio:16/9;background-color:#1e1e1e;background-color:var(--field);display:flex;justify-content:center}.catalog-thumbnail img{height:100%;object-fit:cover;width:100%}.catalog-thumbnail-icon{color:#323232;color:var(--border);font-size:26px;font-size:var(--fs-5xl)}.catalog-title-link{color:inherit;cursor:pointer;text-decoration:none}.catalog-title-link:hover{color:#fff;color:var(--accent);text-decoration:underline}.catalog-card.selected{border-color:#fff;border-color:var(--accent)}.catalog-card-body{display:flex;flex-direction:column;gap:8px;padding:14px}.catalog-card-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);font-weight:500;line-height:1.4}.catalog-card-date{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.catalog-card-footer{align-items:center;border-top:1px solid #323232;border-top:1px solid var(--border);display:flex;margin-top:auto;padding:10px 14px}.catalog-select-cell{align-items:center;align-self:stretch;cursor:pointer;display:flex;justify-content:center;margin:-12px -7px;padding:12px 7px}.catalog-checkbox{appearance:none;-webkit-appearance:none;background-color:initial;border:1.5px solid #323232;border:1.5px solid var(--border);border-radius:3px;border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;height:16px;position:relative;width:16px}.catalog-checkbox:hover{border-color:#5e5e5e;border-color:var(--text-faint)}.catalog-checkbox:checked{background-color:#fff;background-color:var(--accent);border-color:#fff;border-color:var(--accent)}.catalog-checkbox:checked:after{align-items:center;color:#0a0a0a;color:var(--on-accent);content:"✓";display:flex;font-size:11px;font-size:var(--fs-xs);inset:0;justify-content:center;position:absolute}.settings-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;padding:24px}.settings-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.3px}.settings-card{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);display:grid;grid-template-columns:200px 1fr;overflow:hidden}.settings-nav{border-right:1px solid #1f1f1f;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:2px;padding:16px 12px}.settings-nav-item{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-size:var(--fs-md);padding:9px 12px;text-align:left}.settings-nav-item:hover{color:#f1f1f1;color:var(--text)}.settings-nav-item.active,.settings-nav-item:hover{background-color:#1e1e1e;background-color:var(--field)}.settings-nav-item.active{color:#fff;color:var(--accent);font-weight:500}.settings-panel{display:flex;flex-direction:column;gap:16px;padding:24px}.settings-panel-title{font-size:16px;font-size:var(--fs-xl);font-weight:600}.settings-panel-sub{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm);margin-top:-12px}.settings-avatar-row{align-items:center;display:flex;gap:16px}.settings-avatar{background-color:#fff;background-color:var(--accent);border-radius:50%;color:#0a0a0a;color:var(--on-accent);font-size:18px;font-size:var(--fs-2xl);font-weight:600;height:64px;justify-content:center;width:64px}.settings-avatar,.settings-row{align-items:center;display:flex}.settings-row{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);gap:16px;justify-content:space-between;padding:14px 16px}.settings-row-text{display:flex;flex-direction:column;gap:4px}.settings-row-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.settings-row-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.settings-panel-sub.connected{color:#639922;color:var(--success);font-weight:500}.settings-row .settings-panel-sub{margin-top:0}.settings-inline-btn{align-self:flex-start}.settings-actions{display:flex;justify-content:flex-end;padding-top:4px}.settings-plan{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1px solid #fff;border:1px solid var(--accent);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:16px;justify-content:space-between;padding:20px}.settings-plan .settings-panel-sub{margin-top:0}.settings-plan-name{color:#fff;color:var(--accent);font-size:18px;font-size:var(--fs-2xl);font-weight:600}.settings-danger{align-items:center;background-color:#1a1414;background-color:var(--danger-bg);border:1px solid #4a2020;border:1px solid var(--danger-border-soft);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:16px;justify-content:space-between;margin-top:8px;padding:16px}.settings-danger-text{display:flex;flex-direction:column;gap:4px}.settings-danger-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.settings-danger .settings-panel-sub{margin-top:0}.auth-screen{align-items:center;background-color:#0a0a0a;background-color:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;max-width:380px;padding:32px;width:100%}.auth-logo{align-self:flex-start}.auth-title{font-size:18px;font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.3px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-submit{margin-top:4px;width:100%}.auth-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.auth-notice{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm);padding:10px 14px}.auth-mock-warning{border-top:1px solid #1f1f1f;border-top:1px solid var(--border-soft);color:#d8a130;color:var(--warning);font-size:11px;font-size:var(--fs-xs);line-height:1.5;padding-top:4px}.profile-identity{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding:8px 12px 10px}.profile-identity-name{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.profile-identity-email{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs);overflow-wrap:anywhere}.theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}.theme-card{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:12px;padding:12px;position:relative;text-align:left;transition:border-color .14s cubic-bezier(.32,.72,0,1),transform .14s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.theme-card:hover{border-color:#5e5e5e;border-color:var(--text-faint);transform:translateY(-2px)}.theme-card.active{border-color:#fff;border-color:var(--accent)}.theme-preview{align-items:flex-start;background-color:#0a0a0a;background-color:var(--bg);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:7px;height:88px;justify-content:flex-end;padding:14px}.theme-preview-bar{background-color:#f1f1f1;background-color:var(--text);border-radius:3px;border-radius:var(--radius-xs);height:7px;opacity:.82;width:74%}.theme-preview-bar.short{background-color:#a8a8a8;background-color:var(--text-muted);opacity:.55;width:46%}.theme-preview-pill{background-color:#fff;background-color:var(--accent);border-radius:6px;border-radius:var(--radius-sm);height:13px;margin-top:3px;width:48px}.theme-card-text{display:flex;flex-direction:column;gap:3px;padding:0 2px 2px}.theme-card-name{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.theme-card-hint{color:#5e5e5e;color:var(--text-faint)}.theme-card-check,.theme-card-hint{font-size:11px;font-size:var(--fs-xs)}.theme-card-check{align-items:center;background-color:#fff;background-color:var(--accent);border-radius:50%;color:#0a0a0a;color:var(--on-accent);display:flex;height:20px;justify-content:center;position:absolute;right:20px;top:20px;width:20px}.btn-danger{background-color:initial;border:1px solid #7a2d2d;border:1px solid var(--danger-border);border-radius:8px;border-radius:var(--radius-md);color:#d96666;color:var(--danger-text);cursor:pointer;font-size:13px;font-size:var(--fs-md);padding:9px 20px}.btn-danger:hover{background-color:#2a1616;background-color:var(--danger-bg-hover);color:#f08080;color:var(--danger-text-hover)}.support-page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:24px}.support-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.3px}.support-sub{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.faq-item{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);overflow:hidden}.faq-question{align-items:center;background:none;border:none;color:#f1f1f1;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-size:var(--fs-md);gap:16px;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.faq-question:hover{background-color:#1e1e1e;background-color:var(--field)}.faq-toggle{color:#fff;color:var(--accent);flex-shrink:0;font-size:16px;font-size:var(--fs-xl)}.faq-answer{color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);line-height:1.6;padding:0 16px 16px}.support-contact{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:16px;justify-content:space-between;margin-top:8px;padding:20px}.support-contact-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.notifications-page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:24px}.notifications-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.notifications-header-text{display:flex;flex-direction:column;gap:4px}.notifications-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.3px}.notifications-sub{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.notifications-actions{align-items:center;display:flex;gap:8px}.notifications-empty,.notifications-list{display:flex;flex-direction:column;gap:8px}.notifications-empty{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1.5px dashed #323232;border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-xl);color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);justify-content:center;padding:64px 24px}.notifications-empty-icon{color:#323232;color:var(--border);font-size:26px;font-size:var(--fs-5xl)}.notifications-empty-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.notification-item{align-items:flex-start;background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:border-color .22s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-base) var(--ease-out)}.notification-item:hover{border-color:#5e5e5e;border-color:var(--text-faint)}.notification-item.read{background-color:#131313;background-color:var(--surface-alt);border-color:#242424;border-color:var(--border-faint)}.notification-dot{background-color:#fff;background-color:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notification-dot.success{background-color:#639922;background-color:var(--success)}.notification-dot.warning{background-color:#d8a130;background-color:var(--warning)}.notification-dot.error{background-color:#d85050;background-color:var(--danger)}.notification-dot.info{background-color:#4a8fd8;background-color:var(--info)}.notification-item.read .notification-dot{background-color:#323232;background-color:var(--border)}.notification-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.notification-item-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);font-weight:500}.notification-body{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm);line-height:1.5}.notification-item.read .notification-body,.notification-item.read .notification-item-title,.notification-time{color:#5e5e5e;color:var(--text-faint)}.notification-time{flex-shrink:0;font-size:11px;font-size:var(--fs-xs);white-space:nowrap}.contact-page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;padding:24px}.contact-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.3px}.contact-sub{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.contact-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.contact-item{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:16px;justify-content:space-between;padding:16px}.contact-item-text{display:flex;flex-direction:column;gap:4px}.contact-item-label{color:#f1f1f1;color:var(--text)}.contact-email,.contact-item-label{font-size:13px;font-size:var(--fs-md)}.contact-email{color:#fff;color:var(--accent);flex-shrink:0;text-decoration:none}.contact-email:hover{color:#d8d8d8;color:var(--accent-hover);text-decoration:underline}.analytics-empty{align-items:center;display:flex;flex-direction:column;gap:8px;height:260px;justify-content:center;padding:24px;text-align:center}.analytics-empty-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.connect-panel{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1.5px dashed #323232;border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:10px;padding:56px 24px;text-align:center}.connect-panel-icon{color:#323232;color:var(--border);font-size:26px;font-size:var(--fs-5xl)}.connect-panel-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.connect-panel .btn-primary{margin-top:6px}.dashboard-identity{align-items:center;display:flex;gap:14px}.dashboard-refresh{margin-left:10px}.dashboard-avatar{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}img.latest-thumbnail{object-fit:cover}.tag-input-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.tag-input-count{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.tag-input-count.full{color:#fff;color:var(--accent)}.tag-input{align-content:flex-start;background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:6px;min-height:170px;padding:10px;position:relative}.tag-input:focus-within{border-color:#fff;border-color:var(--accent)}.tag-input.compact{min-height:44px}.tag-chip{align-items:center;background-color:#1c1c1c;background-color:var(--accent-soft);border-radius:12px;border-radius:var(--radius-xl);color:#fff;color:var(--accent);display:inline-flex;font-size:12px;font-size:var(--fs-sm);gap:8px;height:26px;padding:0 10px;white-space:nowrap}.tag-chip-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:10px;font-size:var(--fs-2xs);line-height:1;padding:0}.tag-chip-remove:hover,.tag-input input{color:#f1f1f1;color:var(--text)}.tag-input input{background:none;border:none;border-radius:0;flex:1 1;font-family:inherit;font-size:13px;font-size:var(--fs-md);height:26px;min-width:120px;outline:none;padding:0 4px;width:auto}.tag-input input:focus{border:none}.tag-input input:disabled{cursor:not-allowed}.tag-suggestions{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 10px #00000047,0 16px 40px #0006;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;left:0;max-height:180px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.tag-suggestions.up{bottom:calc(100% + 4px);top:auto}.tag-suggestion{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-size:var(--fs-md);padding:7px 10px;text-align:left}.tag-suggestion:hover{background-color:#262626;background-color:var(--field-hover);color:#f1f1f1;color:var(--text)}.upload-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:65px;top:var(--navbar-height);z-index:200}.upload-modal{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:780px}.upload-modal-header{justify-content:space-between}.upload-modal-header,.upload-progress{align-items:center;border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);display:flex;padding:16px 24px}.upload-progress{gap:4px}.upload-progress-step{align-items:center;color:#5e5e5e;color:var(--text-faint);display:flex;flex:1 1;font-size:12px;font-size:var(--fs-sm);gap:8px;white-space:nowrap}.upload-progress-step:last-child{flex:0 0 auto}.upload-step-index{align-items:center;border:1px solid #323232;border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-size:var(--fs-xs);height:22px;justify-content:center;width:22px}.upload-progress-step.active{color:#fff;color:var(--accent)}.upload-progress-step.active .upload-step-index{border-color:#fff;border-color:var(--accent);color:#fff;color:var(--accent)}.upload-progress-step.done{color:#a8a8a8;color:var(--text-muted)}.upload-progress-step.done .upload-step-index{background-color:#639922;background-color:var(--success);border-color:#639922;border-color:var(--success);color:#0a0a0a;color:var(--on-accent)}.upload-progress-line{background-color:#323232;background-color:var(--border);flex:1 1;height:1px}.upload-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.upload-footer{align-items:center;border-top:1px solid #1f1f1f;border-top:1px solid var(--border-soft);display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.upload-beatstars,.upload-media,.upload-metadata{display:flex;flex-direction:column;gap:20px}.upload-metadata .output-section{border-top:none;margin:0;max-width:none;padding:0}.media-top{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:240px 1fr}.media-top>.form-group:first-child .upload-zone{flex:1 1}.upload-media .thumbnail-zone .upload-label{aspect-ratio:auto;height:100%}.media-tracks{display:flex;flex-direction:column;gap:12px}.upload-media .upload-label{padding:12px}.upload-zone.compact .upload-label{align-items:center;flex-direction:row;gap:12px;justify-content:flex-start;padding:6px 14px;text-align:left}.upload-zone.compact .upload-icon{font-size:18px;font-size:var(--fs-2xl);margin-bottom:0}.upload-zone.compact .upload-text{align-items:flex-start}.upload-text{align-items:center;display:flex;flex-direction:column;gap:4px}.upload-error{background-color:#1a1414;background-color:var(--danger-bg);border:1px solid #7a2d2d;border:1px solid var(--danger-border);border-radius:8px;border-radius:var(--radius-md);color:#d96666;color:var(--danger-text);padding:10px 14px}.upload-error,.upload-success-text{font-size:12px;font-size:var(--fs-sm)}.upload-success-text{color:#639922;color:var(--success)}.upload-warning{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm);padding:10px 14px;text-align:center}.visibility-toggle{grid-template-columns:repeat(4,1fr)}.output-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.upload-placeholder{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1.5px dashed #323232;border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-xl);color:#a8a8a8;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;font-size:var(--fs-md);gap:6px;justify-content:center;padding:40px 24px;text-align:center}.thumb-crop{aspect-ratio:1/1;background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}.thumb-crop .reactEasyCrop_CropArea{border:1px solid #fff9;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 0 9999em #0000008c}.thumb-crop-badge{animation:fade-in .14s cubic-bezier(.32,.72,0,1);animation:fade-in var(--dur-fast) var(--ease-out);background-color:#000000a6;border-radius:20px;border-radius:var(--radius-pill);color:#fff;font-size:10px;font-size:var(--fs-2xs);letter-spacing:.4px;padding:3px 9px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:2}.thumb-crop-controls{align-items:center;display:flex;gap:12px;margin-top:10px}.thumb-crop-controls input[type=range]{accent-color:#fff;accent-color:var(--accent);cursor:pointer;flex:1 1;min-width:0}.thumb-crop-controls .btn-secondary{flex-shrink:0;font-size:12px;font-size:var(--fs-sm);padding:5px 14px}.upload-placeholder .btn-primary,.upload-placeholder .btn-secondary{margin:8px 0 4px}.upload-placeholder-icon{color:#323232;color:var(--border);font-size:22px;font-size:var(--fs-4xl)}.upload-placeholder-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.upload-status{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:10px;padding:32px 24px}.upload-status-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.spinner{animation:spin .8s linear infinite;border:2px solid #323232;border-top-color:#fff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:26px;width:26px}@keyframes spin{to{transform:rotate(1turn)}}.upload-success-icon{align-items:center;background-color:#639922;background-color:var(--success);border-radius:50%;color:#0a0a0a;color:var(--on-accent);display:flex;font-size:20px;font-size:var(--fs-3xl);height:40px;justify-content:center;width:40px}.upload-summary{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:8px;padding:16px}.upload-summary-row{color:#a8a8a8;color:var(--text-muted);display:flex;font-size:12px;font-size:var(--fs-sm);gap:16px;justify-content:space-between}.upload-summary-row span:first-child{color:#5e5e5e;color:var(--text-faint);flex-shrink:0}.upload-summary-row span:last-child{overflow-wrap:anywhere;text-align:right}.upload-preview-card{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;gap:16px;padding:16px}.upload-preview-art{align-items:center;background-color:#1e1e1e;background-color:var(--field);border-radius:10px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:96px;justify-content:center;overflow:hidden;width:96px}.upload-preview-art img{height:100%;object-fit:cover;width:100%}.upload-preview-body{display:flex;flex-direction:column;gap:6px;min-width:0}.upload-preview-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.upload-preview-meta{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.upload-youtube{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 260px}.upload-preview-panel,.upload-publish-panel{display:flex;flex-direction:column;gap:14px;min-width:0}.youtube-preview-thumb{align-items:center;aspect-ratio:16/9;background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden}.youtube-preview-thumb img{height:100%;object-fit:cover;width:100%}.youtube-preview-thumb video{background-color:#000;height:100%;object-fit:contain;width:100%}.progress-bar{background-color:#1e1e1e;background-color:var(--field);border-radius:3px;border-radius:var(--radius-xs);height:6px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#fff;background-color:var(--accent);height:100%;transition:width .22s cubic-bezier(.32,.72,0,1);transition:width var(--dur-base) var(--ease-out)}.upload-done{flex-direction:column;gap:16px;padding:24px 0}.upload-done,.upload-done-icon{align-items:center;display:flex}.upload-done-icon{background-color:#639922;background-color:var(--success);border-radius:50%;color:#0a0a0a;color:var(--on-accent);font-size:32px;font-size:var(--fs-6xl);height:64px;justify-content:center;width:64px}.upload-done-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600}.upload-done-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.upload-done-card{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:6px;padding:16px}.upload-confirm{align-items:center;background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:absolute;z-index:10}.upload-confirm-box{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:8px;max-width:340px;padding:20px}.upload-confirm-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:500}.upload-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal-overlay{align-items:flex-start;background-color:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 24px;position:fixed;z-index:50}.modal{background-color:#101010;background-color:var(--surface);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);max-width:1100px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:16px 24px}.modal-title{color:#f1f1f1;color:var(--text);font-weight:500}.modal-close,.modal-title{font-size:14px;font-size:var(--fs-lg)}.modal-close{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;padding:4px 10px}.modal-close:hover{background-color:#1e1e1e;background-color:var(--field);color:#f1f1f1;color:var(--text)}.main-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.main-layout,.output-section{margin:0 auto;max-width:1100px;padding:24px}.output-section{border-top:1px solid #1f1f1f;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:20px}.output-header{align-items:center;display:flex;justify-content:space-between}.output-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.output-titles{display:flex;flex-direction:column;gap:8px}.output-titles label{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm);margin-bottom:4px}.title-option{align-items:center;background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-size:var(--fs-md);gap:12px;padding:10px 14px;transition:border-color .22s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-base) var(--ease-out)}.title-option:hover{border-color:#5e5e5e;border-color:var(--text-faint)}.title-option.active{border-color:#fff;border-color:var(--accent);color:#f1f1f1;color:var(--text)}.title-dot{color:#fff;color:var(--accent);flex-shrink:0;font-size:12px;font-size:var(--fs-sm)}.title-option-input{background:none;border:none;color:inherit;cursor:text;flex:1 1;font-family:inherit;font-size:inherit;min-width:0;padding:0}.title-option-input:focus{outline:none}.output-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.output-actions{display:flex;gap:10px;justify-content:flex-end}.btn-secondary{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-size:13px;font-size:var(--fs-md);padding:9px 20px}.btn-secondary:hover{background-color:#262626;background-color:var(--field-hover);color:#f1f1f1;color:var(--text)}.btn-primary{background-color:#fff;background-color:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);color:#0a0a0a;color:var(--on-accent);cursor:pointer;font-size:13px;font-size:var(--fs-md);font-weight:500;padding:9px 20px}.btn-primary:hover{background-color:#d8d8d8;background-color:var(--accent-hover)}.dashboard-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;padding:28px}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-greeting{font-size:22px;font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.3px}.dashboard-sub{color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);margin-top:4px}.stat-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.stat-card{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:6px;padding:18px 20px}.stat-card-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.stat-card-value{color:#f1f1f1;color:var(--text);font-size:26px;font-size:var(--fs-5xl);font-weight:600;letter-spacing:-.5px}.audience-value,.beat-views,.catalog-bulk-count,.catalog-count,.catalog-numeric,.catalog-playlist-count,.chart-headline,.chart-total,.content-numeric,.demo-key,.health-value,.metric-cell-value,.share-value,.stat-card-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-skeleton,.value-skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#1e1e1e,#262626 50%,#1e1e1e);background:linear-gradient(90deg,var(--field) 0,var(--field-hover) 50%,var(--field) 100%);background-size:200% 100%;border-radius:3px;border-radius:var(--radius-xs);display:block;height:1em;width:3.5ch}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card-sub{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.dashboard-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.dashboard-panel{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);padding:20px}.panel-title{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm);letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.latest-upload-placeholder{align-items:flex-start;display:flex;gap:14px}.latest-thumbnail{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);flex-shrink:0;height:60px;width:100px}.latest-info{display:flex;flex-direction:column;gap:8px}.latest-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.latest-stats{color:#5e5e5e;color:var(--text-faint);display:flex;font-size:12px;font-size:var(--fs-sm);gap:16px}.top-beats-list{display:flex;flex-direction:column;gap:10px}.top-beat-item{align-items:center;border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--field);display:flex;font-size:13px;font-size:var(--fs-md);gap:12px;padding:8px 0}.beat-rank{color:#fff;color:var(--accent);font-size:11px;font-size:var(--fs-xs);font-weight:600;width:24px}.beat-title{color:#a8a8a8;color:var(--text-muted);flex:1 1}.beat-views{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.channel-health{width:100%}.health-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.health-stat{display:flex;flex-direction:column;gap:6px}.health-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.health-value{color:#f1f1f1;color:var(--text);font-size:20px;font-size:var(--fs-3xl);font-weight:600}.analytics-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;padding:28px}.analytics-header{align-items:flex-start;display:flex;justify-content:space-between}.analytics-title{font-size:22px;font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.3px}.analytics-sub{color:#5e5e5e;color:var(--text-faint);font-size:13px;font-size:var(--fs-md);margin-top:4px}.period-selector{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:4px;padding:4px}.period-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--fs-sm);padding:6px 14px}.period-btn.active{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border)}.period-btn.active,.period-btn:hover:not(.active){color:#f1f1f1;color:var(--text)}.analytics-chart-panel{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;padding:20px}.metric-tabs{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);display:flex;gap:0;padding-bottom:0}.metric-tab{background:none;border:none;border-bottom:2px solid #0000;color:#5e5e5e;color:var(--text-faint);cursor:pointer;font-family:inherit;font-size:13px;font-size:var(--fs-md);margin-bottom:-1px;padding:8px 16px}.metric-tab:hover{color:#a8a8a8;color:var(--text-muted)}.metric-tab.active{border-bottom-color:#fff;border-bottom-color:var(--accent);color:#fff;color:var(--accent)}.chart-headline{align-items:baseline;display:flex;gap:12px}.chart-total{font-size:32px;font-size:var(--fs-6xl);font-weight:600;letter-spacing:-.5px}.chart-period{color:#5e5e5e;color:var(--text-faint);font-size:13px;font-size:var(--fs-md)}.analytics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.analytics-panel{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);padding:20px}.analytics-beat-item{align-items:center;border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--field);display:flex;gap:12px;padding:10px 0}.analytics-beat-item:last-child{border-bottom:none}.beat-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.beat-bpm{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.audience-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.audience-stat{display:flex;flex-direction:column;gap:4px}.audience-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.audience-value{color:#f1f1f1;color:var(--text);font-size:20px;font-size:var(--fs-3xl);font-weight:600}.audience-trend{font-size:11px;font-size:var(--fs-xs)}.audience-trend.positive{color:#639922;color:var(--success)}.audience-trend.neutral{color:#5e5e5e;color:var(--text-faint)}.platform-split{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.platform-card{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);padding:20px}.platform-stats{display:flex;gap:28px}.platform-stat{display:flex;flex-direction:column;gap:4px}.platform-label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.platform-value{color:#f1f1f1;color:var(--text);font-size:22px;font-size:var(--fs-4xl);font-weight:600}.layout-toggle{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--radius-lg);display:flex;gap:4px;padding:4px}.layout-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--fs-sm);padding:6px 14px}.layout-btn.active{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border)}.layout-btn.active,.layout-btn:hover:not(.active){color:#f1f1f1;color:var(--text)}.analytics-tabs{align-self:flex-start}.analytics-headline{color:#f1f1f1;color:var(--text);font-size:22px;font-size:var(--fs-4xl);font-weight:600;text-align:center}.analytics-overview{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 300px}.analytics-overview-main,.analytics-overview-rail{display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width:1100px){.analytics-overview{grid-template-columns:minmax(0,1fr)}}.metric-card-row{border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.metric-cell{background-color:initial;border:none;border-right:1px solid #1f1f1f;border-right:1px solid var(--border-soft);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:16px;text-align:center;transition:background-color .14s cubic-bezier(.32,.72,0,1);transition:background-color var(--dur-fast) var(--ease-out)}.metric-cell:last-child{border-right:none}.metric-cell:hover{background-color:#131313;background-color:var(--surface-alt)}.metric-cell.active{background-color:#1e1e1e;background-color:var(--field)}.metric-cell-label{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm)}.metric-cell-value{color:#f1f1f1;color:var(--text);font-size:26px;font-size:var(--fs-5xl);font-weight:600}.metric-cell-compare{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs);font-style:italic;min-height:15px}.analytics-chart-panel .recharts-area-curve{stroke:#fff;stroke:var(--accent)}.analytics-chart-panel .recharts-area-area{fill:#fff;fill:var(--accent);opacity:.16}.analytics-chart-panel .bar-gained{fill:#639922;fill:var(--success)}.analytics-chart-panel .bar-lost{fill:#d85050;fill:var(--danger)}.content-table{display:flex;flex-direction:column}.content-table-head,.content-table-row{grid-gap:12px;align-items:center;border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--field);display:grid;gap:12px;grid-template-columns:24px minmax(0,1fr) 150px 80px;padding:10px 0}.content-table-head{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;padding-top:0;text-transform:uppercase}.content-table-head>:first-child{grid-column:2}.content-table-row:last-child{border-bottom:none}.content-rank{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.content-identity{align-items:center;display:flex;gap:12px;min-width:0}.content-thumb{border-radius:3px;border-radius:var(--radius-xs);flex-shrink:0;height:34px;object-fit:cover;width:60px}.content-identity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.content-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-date{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.content-numeric{color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);text-align:right}.content-secondary{color:#5e5e5e;color:var(--text-faint)}.latest-content{display:flex;flex-direction:column;gap:6px}.latest-content-thumb{border-radius:8px;border-radius:var(--radius-md);margin-bottom:6px;width:100%}.latest-content-stats{display:flex;gap:20px;margin-top:10px}.demo-track{display:flex;overflow:hidden}.demo-fill{height:100%;transition:width .22s cubic-bezier(.32,.72,0,1);transition:width var(--dur-base) var(--ease-out)}.demo-fill.male{background-color:#fff;background-color:var(--accent)}.demo-fill.female{background-color:#4a8fd8;background-color:var(--info)}.demo-legend{align-items:center;color:#5e5e5e;color:var(--text-faint);display:flex;font-size:11px;font-size:var(--fs-xs);gap:6px;margin-top:6px}.demo-key{border-radius:3px;border-radius:var(--radius-xs);height:9px;width:9px}.demo-key.male{background-color:#fff;background-color:var(--accent)}.demo-key.female{background-color:#4a8fd8;background-color:var(--info);margin-left:10px}.render-progress{align-items:center;display:flex;flex-direction:column;gap:6px;max-width:320px;width:100%}.render-progress-track{background-color:#1e1e1e;background-color:var(--field);height:6px;overflow:hidden;width:100%}.render-progress-fill,.render-progress-track{border-radius:3px;border-radius:var(--radius-xs)}.render-progress-fill{background-color:#fff;background-color:var(--accent);height:100%;transition:width .22s cubic-bezier(.32,.72,0,1);transition:width var(--dur-base) var(--ease-out)}.catalog-bulk-bar{align-items:center;animation:rise-in .22s cubic-bezier(.32,.72,0,1);animation:rise-in var(--dur-base) var(--ease-out);background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.catalog-bulk-count{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.catalog-bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.catalog-bulk-label{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm)}.catalog-bulk-divider{background-color:#323232;background-color:var(--border);height:20px;width:1px}.catalog-notice{color:#639922;color:var(--success);font-size:12px;font-size:var(--fs-sm)}.catalog-visibility-select{background-color:initial;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--fs-sm);padding:4px 6px;transition:border-color .14s cubic-bezier(.32,.72,0,1),background-color .14s cubic-bezier(.32,.72,0,1),color .14s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.catalog-visibility-select:focus-visible,.catalog-visibility-select:hover:not(:disabled){background-color:#1e1e1e;background-color:var(--field);border-color:#323232;border-color:var(--border);color:#f1f1f1;color:var(--text);outline:none}.catalog-visibility-select:disabled{cursor:progress;opacity:.5}.catalog-dialog-overlay{align-items:center;animation:fade-in .14s cubic-bezier(.32,.72,0,1);animation:fade-in var(--dur-fast) var(--ease-out);background-color:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:300}.catalog-dialog{animation:rise-in .22s cubic-bezier(.32,.72,0,1);animation:rise-in var(--dur-base) var(--ease-out);background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;max-width:100%;padding:20px;width:420px}.catalog-dialog-title{color:#f1f1f1;color:var(--text);font-size:14px;font-size:var(--fs-lg);font-weight:600}.catalog-dialog-text{color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);line-height:1.5}.catalog-dialog-hint{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.catalog-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.catalog-playlist-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.catalog-playlist-item{align-items:center;background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-size:var(--fs-md);gap:12px;justify-content:space-between;padding:10px 12px;text-align:left;transition:border-color .14s cubic-bezier(.32,.72,0,1),background-color .14s cubic-bezier(.32,.72,0,1);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.catalog-playlist-item:hover{background-color:#1e1e1e;background-color:var(--field);border-color:#323232;border-color:var(--border)}.catalog-playlist-count{color:#5e5e5e;color:var(--text-faint);flex-shrink:0;font-size:11px;font-size:var(--fs-xs)}.catalog-playlist-new{display:flex;gap:8px}.catalog-playlist-new input{flex:1 1;min-width:0}.catalog-table{background-color:#101010;background-color:var(--surface);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:12px;border-radius:var(--radius-xl);overflow:hidden}.catalog-row{grid-gap:14px;align-items:center;border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--field);cursor:pointer;display:grid;gap:14px;grid-template-columns:24px minmax(0,1fr) 90px 110px 80px 70px 90px;padding:12px 16px}.catalog-row:last-child{border-bottom:none}.catalog-row:hover:not(.catalog-row-head){background-color:#171717;background-color:var(--surface-raised)}.catalog-row.selected{background-color:#1e1e1e;background-color:var(--field)}.catalog-row-head{color:#a8a8a8;color:var(--text-muted);cursor:default;font-size:11px;font-size:var(--fs-xs);letter-spacing:.6px;text-transform:uppercase}.catalog-row-head,.catalog-row-head:hover{background-color:#131313;background-color:var(--surface-alt)}.catalog-row-video{align-items:center;display:flex;gap:12px;min-width:0}.catalog-row-thumb{align-items:center;aspect-ratio:16/9;background-color:#1e1e1e;background-color:var(--field);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:88px}.catalog-row-thumb img{height:100%;object-fit:cover;width:100%}.catalog-duration{background-color:#000c;border-radius:3px;border-radius:var(--radius-xs);bottom:4px;color:#f1f1f1;color:var(--text);font-size:10px;font-size:var(--fs-2xs);padding:1px 4px;position:absolute;right:4px}.catalog-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.catalog-row-title{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md)}.catalog-row-description,.catalog-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-row-description{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.catalog-numeric,.catalog-row-date,.catalog-visibility{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm)}.catalog-numeric{text-align:right}.catalog-row-head .catalog-numeric{color:#a8a8a8;color:var(--text-muted)}.catalog-card{cursor:pointer}.catalog-thumbnail{position:relative}.catalog-card-stats{color:#5e5e5e;color:var(--text-faint);display:flex;flex-wrap:wrap;font-size:11px;font-size:var(--fs-xs);gap:10px;margin-top:6px}.catalog-more{display:flex;justify-content:center}.drawer-backdrop{background-color:#0009;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:65px;top:var(--navbar-height);z-index:200}.video-drawer{background-color:#0a0a0a;background-color:var(--bg);border-left:1px solid #1f1f1f;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;position:relative;width:min(560px,100%)}.drawer-resizer{background-color:initial;bottom:0;cursor:col-resize;left:0;position:absolute;top:0;transition:background-color .14s cubic-bezier(.32,.72,0,1);transition:background-color var(--dur-fast) var(--ease-out);width:6px;z-index:5}.drawer-resizer:focus-visible,.drawer-resizer:hover,body.is-resizing .drawer-resizer{background-color:#fff;background-color:var(--accent);outline:none}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.drawer-head{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:20px;position:relative}.drawer-close{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--fs-sm);height:28px;position:absolute;right:16px;top:16px;width:28px}.drawer-close:hover{background-color:#262626;background-color:var(--field-hover);color:#f1f1f1;color:var(--text)}.drawer-identity{align-items:flex-start;display:flex;gap:14px;padding-right:36px}.drawer-thumbnail{aspect-ratio:16/9;border-radius:8px;border-radius:var(--radius-md);flex-shrink:0;object-fit:cover;width:120px}.drawer-identity-text{min-width:0}.drawer-title{color:#f1f1f1;color:var(--text);font-size:16px;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.2px}.drawer-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.drawer-freshness{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs);margin-top:4px}.drawer-description{color:#a8a8a8;color:var(--text-muted);font-size:13px;font-size:var(--fs-md);line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.drawer-description.is-clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.drawer-description-toggle{display:block;margin-top:10px}.share-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.share-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:110px 1fr 40px}.share-label{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-track{background-color:#1e1e1e;background-color:var(--field);height:6px;overflow:hidden}.share-fill,.share-track{border-radius:3px;border-radius:var(--radius-xs)}.share-fill{background-color:#fff;background-color:var(--accent);height:100%}.share-value{color:#f1f1f1;color:var(--text);font-size:12px;font-size:var(--fs-sm);text-align:right}.activity-split{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.activity-card,.activity-list{display:flex;flex-direction:column}.activity-list{gap:14px;margin-top:14px}.activity-item{align-items:flex-start;display:flex;gap:10px}.activity-avatar{background-color:#1e1e1e;background-color:var(--field);border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.activity-body{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-name{color:#f1f1f1;color:var(--text)}.activity-name,.activity-text{font-size:12px;font-size:var(--fs-sm)}.activity-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a8a8a8;color:var(--text-muted);display:-webkit-box;overflow:hidden}.activity-when{color:#5e5e5e;color:var(--text-faint);font-size:11px;font-size:var(--fs-xs)}.template-intro{gap:6px;padding-bottom:4px}.template-fields,.template-intro{display:flex;flex-direction:column}.template-fields{gap:16px}.template-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.copy-field{display:flex;flex-direction:column;gap:6px}.copy-field-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.copy-field-head label{letter-spacing:.6px;text-transform:uppercase}.copy-btn,.copy-field-head label{color:#a8a8a8;color:var(--text-muted);font-size:11px;font-size:var(--fs-xs)}.copy-btn{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;padding:4px 12px}.copy-btn:hover:not(:disabled){background-color:#262626;background-color:var(--field-hover);color:#f1f1f1;color:var(--text)}.copy-btn:disabled{cursor:not-allowed;opacity:.4}.copy-value{background-color:#171717;background-color:var(--surface-raised);border:1px solid #323232;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);overflow-wrap:anywhere;padding:10px 12px}.copy-value-block{min-height:64px;white-space:pre-wrap}.template-link{border-top:1px solid #1f1f1f;border-top:1px solid var(--border-soft);margin-top:4px;padding-top:16px}.media-tracks-note{margin-top:4px}.template-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;padding:24px}.template-page-head{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.template-page-title{font-size:20px;font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.3px}.template-page-sub{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm);line-height:1.6;margin-top:6px;max-width:62ch}.template-list-label{color:#5e5e5e;color:var(--text-faint);font-size:10px;font-size:var(--fs-2xs);letter-spacing:.7px;padding:2px 12px 6px;text-transform:uppercase}.template-list-empty{color:#5e5e5e;color:var(--text-faint);font-size:12px;font-size:var(--fs-sm);padding:0 12px}.template-list-item{align-items:center;display:flex;gap:8px;justify-content:space-between}.template-list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-badge{background-color:#1c1c1c;background-color:var(--accent-soft);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--accent);flex-shrink:0;font-size:10px;font-size:var(--fs-2xs);letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.template-panel-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.template-panel-head .settings-panel-sub{line-height:1.6;margin-top:4px;max-width:58ch}.template-active-badge{background-color:#1c1c1c;background-color:var(--accent-soft);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--accent);flex-shrink:0;font-size:12px;font-size:var(--fs-sm);padding:6px 12px;white-space:nowrap}.template-vars{display:flex;flex-wrap:wrap;gap:6px;margin-top:-8px}.template-var{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-size:var(--fs-sm);padding:6px 12px}.template-var:hover{background-color:#262626;background-color:var(--field-hover);border-color:#5e5e5e;border-color:var(--text-faint);color:#f1f1f1;color:var(--text)}.template-description{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-size:var(--fs-sm);line-height:1.7;min-height:260px}.template-warning{color:#d8a130;color:var(--warning);font-size:12px;font-size:var(--fs-sm)}.template-preview{background-color:#171717;background-color:var(--surface-raised);border:1px solid #1f1f1f;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:16px}.template-preview-label{color:#5e5e5e;color:var(--text-faint);font-size:10px;font-size:var(--fs-2xs);letter-spacing:.7px;text-transform:uppercase}.template-preview-body{color:#f1f1f1;color:var(--text);font-size:13px;font-size:var(--fs-md);line-height:1.6;overflow-wrap:anywhere}.template-preview-block{white-space:pre-wrap}.template-page-actions{align-items:center;border-top:1px solid #1f1f1f;border-top:1px solid var(--border-soft);gap:10px;padding-top:8px}.template-saved{color:#639922;color:var(--success);font-size:12px;font-size:var(--fs-sm);margin-right:auto}.activity-avatar-number{align-items:center;border:1px solid #323232;border:1px solid var(--border);color:#a8a8a8;color:var(--text-muted);display:flex;font-size:11px;font-size:var(--fs-xs);justify-content:center}.catalog-tabs{display:flex;gap:0}.draft-row{cursor:default;grid-template-columns:minmax(0,1fr) 110px 180px}.draft-row .catalog-row-video{cursor:pointer}.draft-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.draft-actions .btn-danger,.draft-actions .btn-secondary{font-size:12px;font-size:var(--fs-sm);padding:5px 14px}.upload-footer-right{align-items:center;display:flex;gap:12px}.upload-missing{color:#a8a8a8;color:var(--text-muted);font-size:12px;font-size:var(--fs-sm)}.upload-confirm-box{position:relative}.upload-confirm-dismiss{position:absolute;right:12px;top:12px}.recharts-cartesian-grid line{stroke:#1f1f1f;stroke:var(--border-soft)}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:#5e5e5e;stroke:var(--text-faint)}.recharts-cartesian-axis-tick-value{fill:#5e5e5e;fill:var(--text-faint)}.recharts-area-curve{stroke:#fff;stroke:var(--accent)}.recharts-area-area{fill:#fff;fill:var(--accent);fill-opacity:.14}.recharts-dot{stroke:#fff;stroke:var(--accent);fill:#fff;fill:var(--accent)}.recharts-default-tooltip{background-color:#171717!important;background-color:var(--surface-raised)!important;border-color:#323232!important;border-color:var(--border)!important;border-radius:8px;border-radius:var(--radius-md)}.analytics-chart-panel,.analytics-panel,.catalog-card,.dashboard-panel,.platform-card,.stat-card{transition:transform .14s cubic-bezier(.32,.72,0,1),box-shadow .14s cubic-bezier(.32,.72,0,1),border-color .14s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.analytics-chart-panel:hover,.analytics-panel:hover,.catalog-card:hover,.dashboard-panel:hover,.platform-card:hover,.stat-card:hover{border-color:#323232;border-color:var(--border);box-shadow:0 2px 4px #0003,0 8px 20px #00000047;box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-beat-item,.catalog-row,.top-beat-item{transition:transform .14s cubic-bezier(.32,.72,0,1),background-color .14s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.analytics-beat-item:hover,.catalog-row:hover:not(.catalog-row-head),.top-beat-item:hover{transform:translateX(3px)}.audience-stat,.health-stat{transition:transform .14s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-fast) var(--ease-out)}.audience-stat:hover,.health-stat:hover{transform:translateY(-2px)}.catalog-card .catalog-thumbnail img,.catalog-row-thumb img{transition:transform .22s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-base) var(--ease-out)}.catalog-card:hover .catalog-thumbnail img,.catalog-row:hover .catalog-row-thumb img{transform:scale(1.05)}.catalog-title-link,.layout-btn,.metric-tab,.period-btn,.sidebar-item{transition:background-color .14s cubic-bezier(.32,.72,0,1),color .14s cubic-bezier(.32,.72,0,1),border-color .14s cubic-bezier(.32,.72,0,1);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.catalog-tabs,.layout-toggle,.metric-tabs,.period-selector,.settings-nav{position:relative}.segment-pill,.segment-underline{left:0;pointer-events:none;position:absolute;top:0;transition:transform .14s cubic-bezier(.32,.72,0,1),width .14s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-fast) var(--ease-out),width var(--dur-fast) var(--ease-out)}.segment-pill{background-color:#1e1e1e;background-color:var(--field);border:1px solid #323232;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm)}.segment-underline{background-color:#fff;background-color:var(--accent);bottom:-1px;height:2px;top:auto}.layout-btn,.period-btn,.settings-nav-item{border:1px solid #0000;position:relative;z-index:1}.layout-btn.active,.period-btn.active{background-color:initial;border-color:#0000;color:#f1f1f1;color:var(--text)}.settings-nav-item.active{background-color:initial}.settings-nav-item:hover:not(.active){background-color:#1e1e1e;background-color:var(--field)}.metric-tab.active{border-bottom-color:#0000}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes drawer-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(16px)}}.channel-selector-dropdown,.profile-dropdown{animation:menu-in .14s cubic-bezier(.32,.72,0,1);animation:menu-in var(--dur-fast) var(--ease-out);transform-origin:top}.app-content{animation:fade-in .22s cubic-bezier(.32,.72,0,1);animation:fade-in var(--dur-base) var(--ease-out)}.app-content>*>*{animation:rise-in .22s cubic-bezier(.32,.72,0,1) backwards;animation:rise-in var(--dur-base) var(--ease-out) backwards}.app-content>*>:first-child{animation-delay:0s}.app-content>*>:nth-child(2){animation-delay:.04s}.app-content>*>:nth-child(3){animation-delay:.08s}.app-content>*>:nth-child(4){animation-delay:.12s}.app-content>*>:nth-child(n+5){animation-delay:.16s}.app-content>*>.catalog-dialog-overlay,.app-content>*>.drawer-backdrop,.drawer-backdrop{animation:fade-in .14s cubic-bezier(.32,.72,0,1);animation:fade-in var(--dur-fast) var(--ease-out)}.video-drawer{animation:drawer-in .14s cubic-bezier(.32,.72,0,1);animation:drawer-in var(--dur-fast) var(--ease-out)}.drawer-backdrop.is-closing{animation:fade-out .14s cubic-bezier(.4,0,1,1) forwards;animation:fade-out var(--dur-fast) var(--ease-in) forwards}.drawer-backdrop.is-closing .video-drawer{animation:drawer-out .14s cubic-bezier(.4,0,1,1) forwards;animation:drawer-out var(--dur-fast) var(--ease-in) forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px) scale(.985)}}.upload-overlay{animation:fade-in .14s cubic-bezier(.32,.72,0,1);animation:fade-in var(--dur-fast) var(--ease-out)}.upload-modal{animation:modal-in .22s cubic-bezier(.32,.72,0,1);animation:modal-in var(--dur-base) var(--ease-out);box-shadow:0 4px 10px #00000047,0 16px 40px #0006;box-shadow:var(--shadow-lg)}.upload-overlay.is-closing{animation:fade-out .14s cubic-bezier(.4,0,1,1) forwards;animation:fade-out var(--dur-fast) var(--ease-in) forwards}.upload-overlay.is-closing .upload-modal{animation:modal-out .14s cubic-bezier(.4,0,1,1) forwards;animation:modal-out var(--dur-fast) var(--ease-in) forwards}.settings-panel,.upload-body{animation:rise-in .22s cubic-bezier(.32,.72,0,1);animation:rise-in var(--dur-base) var(--ease-out)}.upload-progress-line,.upload-progress-step,.upload-step-index{transition:color .14s cubic-bezier(.32,.72,0,1),border-color .14s cubic-bezier(.32,.72,0,1),background-color .14s cubic-bezier(.32,.72,0,1);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.btn-danger,.btn-generate,.btn-primary,.btn-secondary,.catalog-checkbox,.catalog-playlist-item,.catalog-row-video,.catalog-title-link,.channel-selector-add,.channel-selector-item,.channel-selector-pill,.connect-btn,.contact-email,.copy-btn,.drawer-close,.dropdown-item,.faq-question,.layout-btn,.link-btn,.metric-cell,.metric-tab,.modal-close,.notification-item,.period-btn,.profile-avatar,.settings-nav-item,.sidebar-item,.tag-chip-remove,.tag-suggestion,.template-var,.title-option,.upload-zone{transition:transform 80ms cubic-bezier(.32,.72,0,1),background-color .14s cubic-bezier(.32,.72,0,1),color .14s cubic-bezier(.32,.72,0,1),border-color .14s cubic-bezier(.32,.72,0,1);transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-danger:active:not(:disabled),.btn-generate:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.catalog-title-link:active,.connect-btn:active:not(:disabled),.contact-email:active,.copy-btn:active:not(:disabled),.link-btn:active:not(:disabled),.tag-suggestion:active,.template-var:active,.title-option:active{transform:scale(.97)}.catalog-playlist-item:active,.channel-selector-add:active,.channel-selector-item:active,.channel-selector-pill:active,.dropdown-item:active,.faq-question:active,.layout-btn:active,.metric-cell:active,.metric-tab:active,.notification-item:active,.period-btn:active,.settings-nav-item:active,.sidebar-item:active,.upload-zone:active{transform:scale(.98)}.catalog-checkbox:active,.drawer-close:active,.modal-close:active,.profile-avatar:active,.tag-chip-remove:active{transform:scale(.9)}.theme-card:active{transform:translateY(-2px) scale(.98)}.catalog-card:active{transform:translateY(-2px) scale(.99)}.catalog-row-video:active{transform:scale(.99)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}.analytics-beat-item:hover,.analytics-chart-panel:hover,.analytics-panel:hover,.audience-stat:hover,.btn-danger:active,.btn-generate:active,.btn-primary:active,.btn-secondary:active,.catalog-card:active,.catalog-card:hover,.catalog-card:hover .catalog-thumbnail img,.catalog-checkbox:active,.catalog-playlist-item:active,.catalog-row-video:active,.catalog-row:hover .catalog-row-thumb img,.catalog-row:hover:not(.catalog-row-head),.catalog-title-link:active,.channel-selector-add:active,.channel-selector-item:active,.channel-selector-pill:active,.connect-btn:active,.contact-email:active,.copy-btn:active,.dashboard-panel:hover,.drawer-close:active,.dropdown-item:active,.faq-question:active,.health-stat:hover,.layout-btn:active,.link-btn:active,.metric-cell:active,.metric-tab:active,.modal-close:active,.notification-item:active,.period-btn:active,.platform-card:hover,.profile-avatar:active,.settings-nav-item:active,.sidebar-item:active,.stat-card:hover,.tag-chip-remove:active,.tag-suggestion:active,.template-var:active,.theme-card:active,.theme-card:hover,.title-option:active,.top-beat-item:hover,.upload-zone:active{transform:none}}
/*# sourceMappingURL=main.1e7993de.css.map*/