:root{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #e8ebf0;--border: #e8eaed;--border-strong: #d8dce2;--text: #1f1d1b;--muted: #8b9099;--accent: #3c7cab;--accent-hover: #346b95;--accent-weak: #e4eef5;--focus-ring: #4297b6;--danger: #9b4444;--danger-weak: #f5e8e8;--warn: #7a6b45;--warn-weak: #f6f0e4;--shadow-sm: 0 1px 2px rgba(31, 29, 27, .04), 0 4px 16px rgba(31, 29, 27, .04);--shadow: 0 2px 8px rgba(31, 29, 27, .08);--shadow-lg: 0 8px 32px rgba(31, 29, 27, .12);--radius: 14px;--radius-sm: 10px;--nav-h: 64px;--page-px: clamp(.75rem, 1.4vw, 2.25rem);--page-pt: clamp(.625rem, 1vw, 1.2rem);--page-pb: clamp(1.25rem, 1.6vw, 2.4rem);--nav-track: rgba(232, 235, 240, .42);--nav-track-border: rgba(216, 220, 226, .9);--nav-active-bg: #ffffff;--nav-active-shadow: 0 1px 2px rgba(31, 29, 27, .06), 0 2px 8px rgba(31, 29, 27, .05)}[data-theme=dark]{--bg: #141416;--panel: #222326;--panel-2: #25282e;--border: #2e3036;--border-strong: #3d4048;--text: #f2f4f7;--muted: #6b7280;--accent: #3c7cab;--accent-hover: #4a8fbe;--accent-weak: #1a2d3d;--focus-ring: #22d3ee;--danger: #c07070;--danger-weak: #2f2323;--warn: #b09a5a;--warn-weak: #2c2618;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .16);--shadow: 0 2px 8px rgba(0, 0, 0, .32);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .32);--nav-track: rgba(37, 40, 46, .82);--nav-track-border: rgba(61, 64, 72, .9);--nav-active-bg: #2a2d33;--nav-active-shadow: 0 1px 2px rgba(0, 0, 0, .24), 0 2px 8px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-weak);color:var(--text)}.app-shell{display:flex;flex-direction:column;min-height:100%;background:var(--bg)}.app-header{position:sticky;top:0;z-index:50;height:var(--nav-h);border-bottom:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--page-px);position:relative}.app-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text);white-space:nowrap;flex-shrink:0;z-index:10}.app-brand svg{color:var(--accent)}.app-nav-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;max-width:calc(100% - 360px)}.app-nav{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:var(--nav-track);border:1px solid var(--nav-track-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none;pointer-events:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.app-nav a:hover{color:var(--text);background:color-mix(in srgb,var(--panel) 55%,transparent)}.app-nav a.active{font-weight:700;color:var(--text);background:var(--nav-active-bg);box-shadow:var(--nav-active-shadow)}.app-nav-divider{flex-shrink:0;width:4px;height:4px;margin:0 4px;border-radius:50%;background:var(--muted);opacity:.5}.app-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;z-index:10}.app-header-actions button.ghost{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0}.app-header-actions button.ghost svg{width:14px;height:14px}.user-chip{display:none;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--panel-2);font-size:13px}.user-chip .name{font-weight:500;color:var(--text);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.user-chip{display:inline-flex}}.topnav{display:none}.container,.page-container{width:100%;margin:0;padding:var(--page-pt) var(--page-px) var(--page-pb);animation:fade-in .25s ease;flex:1}.page-title{font-size:20px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px;letter-spacing:0}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px}.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.section-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.library-list-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.library-list-layout{grid-template-columns:minmax(10.5rem,12.5rem) minmax(0,1fr)}.library-list-layout--with-log{grid-template-columns:minmax(10.5rem,12.5rem) minmax(0,1fr) minmax(200px,280px)}.library-list-layout--log-collapsed{grid-template-columns:minmax(10.5rem,12.5rem) minmax(0,1fr) minmax(9rem,11rem)}}.panel-flat{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.library-categories{position:sticky;top:calc(var(--nav-h) + var(--page-pt));max-height:calc(100vh - var(--nav-h) - 24px);overflow-y:auto;padding:8px;height:fit-content}@media (min-width: 640px){.library-categories{padding:12px}}.library-cat-label{margin:0 0 6px;padding:0 6px}.library-cat-empty{margin:0;padding:8px 12px;font-size:14px}.cat-item-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px}.cat-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.cat-item-count{flex-shrink:0;font-size:11px;color:var(--muted)}.cat-item-stats{margin-top:2px;font-size:11px;line-height:1.4;color:var(--muted);opacity:.85}.library-main{min-width:0}.library-main .table-wrap{width:100%;overflow:auto;max-height:calc(100vh - var(--nav-h) - 200px)}.library-main table{width:100%;min-width:860px;table-layout:fixed}.library-main th,.library-main td{white-space:nowrap}.library-main th{text-transform:none;letter-spacing:normal;position:static;color:var(--muted);font-weight:600}.cell-ellipsis{overflow:hidden;text-overflow:ellipsis}.library-main .th-sort-btn{display:inline-flex;align-items:center;gap:4px;border:0!important;padding:0!important;background:transparent!important;color:inherit!important;cursor:pointer;font:inherit;box-shadow:none!important;border-radius:0!important;font-weight:600}.library-main .th-sort-btn:hover{background:transparent!important;color:var(--text)!important}.library-main .th-sort-btn:active{transform:none!important}.view-switch{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:1px;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel)}.library-log-column{position:sticky;top:calc(var(--nav-h) + var(--page-pt));max-height:calc(100vh - var(--nav-h) - 24px);overflow:hidden}.log-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;padding:2px 0 8px;border-bottom:1px solid var(--border)}.library-log-scroll{overflow-y:auto;max-height:calc(100vh - var(--nav-h) - 120px);margin-top:8px}.log-item{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;padding:8px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--panel-2)}.log-title{min-width:0;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tree-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.library-list-layout--log-collapsed .library-log-column{align-self:start}.library-tree-chart-interactive{min-width:0}.tree-chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tree-chart-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}.tree-chart-summary{display:flex;flex-wrap:wrap;gap:8px}.tree-chart-stat{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2)}.tree-chart-stat-done{color:#3d6b52}.tree-chart-stat-pending{color:var(--muted)}.tree-chart-stat-failed{color:var(--danger)}.tree-chart-action-btn{min-height:30px!important;height:30px!important;font-size:12px!important}.tree-chart-scroll{overflow-x:auto}.tree-chart{min-width:520px}.tree-chart-root{display:flex;justify-content:center;margin-bottom:8px}.tree-chart-node{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:10px 12px}.tree-chart-node-root{min-width:200px;text-align:center}.tree-chart-root-title{display:block;font-size:17px;font-weight:600;color:var(--text)}.tree-chart-stem{width:2px;height:20px;margin:0 auto 8px;background:var(--border-strong)}.tree-chart-branches-scroll{overflow-x:auto}.tree-chart-branches{display:flex;flex-direction:column;gap:10px}.tree-chart-branch{border:1px solid var(--border);border-radius:12px;background:var(--panel-2);overflow:hidden}.tree-chart-node-cat{width:100%;display:flex;align-items:flex-start;gap:8px;text-align:left;border:0;background:transparent;color:inherit;box-shadow:none;padding:12px;min-height:auto;height:auto}.tree-chart-node-cat:hover{background:var(--panel)}.tree-chart-chevron{flex-shrink:0;margin-top:2px;transition:transform .15s}.tree-chart-chevron-open{transform:rotate(90deg)}.tree-chart-cat-body{min-width:0;flex:1}.tree-chart-cat-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-chart-progress{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--border);margin-top:8px}.tree-chart-progress-done{background:#3d6b52}.tree-chart-progress-failed{background:var(--danger)}.tree-chart-progress-pending{background:var(--muted);opacity:.35}.tree-chart-leaves-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.tree-chart-leaves-wrap-open{grid-template-rows:1fr}.tree-chart-leaves-inner{overflow:hidden;min-height:0}.tree-chart-leaves-panel{position:relative;padding:0 12px 12px 28px}.tree-chart-leaves-rail{position:absolute;left:18px;top:0;bottom:12px;width:2px;background:var(--border)}.tree-chart-leaves{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tree-chart-leaf{position:relative}.tree-chart-leaf-line{position:absolute;left:-10px;top:50%;width:10px;height:2px;background:var(--border)}.tree-chart-node-song{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:inherit;box-shadow:none;padding:8px 10px;min-height:auto;height:auto}.tree-chart-node-song:hover{background:var(--accent-weak);border-color:var(--border-strong)}.tree-chart-song-text{min-width:0;flex:1}.tree-chart-song-title{margin:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-chart-song-artist{margin:2px 0 0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-chart-highlight{background:color-mix(in srgb,var(--accent) 25%,transparent);color:inherit;padding:0 1px;border-radius:2px}.tree-chart-more-btn{display:block;width:calc(100% - 40px);margin:8px 12px 12px 28px;border:1px dashed var(--border-strong);background:transparent;color:var(--muted);box-shadow:none;min-height:34px;height:auto;font-size:12px}.tree-chart-more-btn:hover:not(:disabled){background:var(--panel);color:var(--text)}.tree-chart-empty-leaf{margin:0;padding:8px 12px 12px 28px;font-size:12px}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.channel-card-wrap--dragging{opacity:.6}.channel-card-wrap--draggable{cursor:move}.channel-card{margin-bottom:0;height:100%;display:flex;flex-direction:column}.channel-card--inactive{opacity:.85}.channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.channel-card-title{margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-drag-tag,.channel-system-tag{font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);color:var(--muted);flex-shrink:0}.channel-system-tag{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.channel-card-meta{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1}.channel-card-meta>div{display:flex;justify-content:space-between;gap:12px}.channel-card-meta dt{color:var(--muted);flex-shrink:0}.channel-card-meta dd{margin:0;text-align:right;min-width:0}.channel-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.channel-card-actions button{min-height:32px;height:32px;padding:4px 10px;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);margin-bottom:16px}.card-title{font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card.flush{padding:0;overflow:hidden}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-fill-sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}.app-nav-wrap{display:none}.app-nav-mobile{display:flex;flex-wrap:wrap;gap:6px;padding:8px var(--page-px);border-bottom:1px solid var(--border);background:var(--panel)}.app-nav-mobile a{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);background:var(--panel-2)}.app-nav-mobile a.active{color:var(--text);background:var(--nav-active-bg);box-shadow:var(--nav-active-shadow)}}@media (min-width: 1101px){.app-nav-mobile{display:none}}@media (max-width: 1023px){.library-list-layout--with-log .library-log-column{grid-column:1 / -1}.library-categories,.library-log-column{position:static;max-height:none}.library-categories{max-height:calc(100vh - var(--nav-h) - 200px)}}.stack{display:flex;flex-direction:column;gap:16px}.split{display:flex;gap:16px;align-items:flex-start}@media (max-width: 800px){.split{flex-direction:column}.split>*{width:100%!important}}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;padding:8px 16px;height:38px;min-height:38px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;box-shadow:0 1px 2px #3c7cab33}button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button.outline{background:var(--panel);color:var(--text);border-color:var(--border-strong);box-shadow:none}button.outline:hover{background:var(--panel-2);border-color:var(--muted);color:var(--text)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger);box-shadow:none}button.danger:hover{background:var(--danger);color:#fff}button.ghost{background:transparent;color:var(--muted);border-color:transparent;box-shadow:none;padding:8px;border-radius:999px}button.ghost:hover{background:var(--panel-2);color:var(--text);border-color:transparent}button.sm{padding:5px 10px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.library-categories button.cat-item{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:8px;margin-bottom:4px;border-radius:8px;font:inherit;font-size:13px;line-height:1.45;text-align:left;color:var(--text);transition:background .15s ease}.library-categories button.cat-item:hover{background:var(--panel-2)}.library-categories button.cat-item.active{background:var(--panel-2);font-weight:500;color:var(--text)}input,select,textarea{font:inherit;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);width:100%;transition:border-color .15s,box-shadow .15s}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:34px;padding-right:36px;cursor:pointer;background-color:var(--panel);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),linear-gradient(to bottom,color-mix(in srgb,var(--border-strong) 70%,transparent),color-mix(in srgb,var(--border-strong) 70%,transparent));background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px),calc(100% - 34px) 50%;background-size:5px 5px,5px 5px,1px 60%;background-repeat:no-repeat}select:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 35%,var(--border-strong));background-color:color-mix(in srgb,var(--panel-2) 28%,var(--panel))}select:disabled{cursor:not-allowed;opacity:1;color:color-mix(in srgb,var(--text) 52%,var(--muted));border-color:var(--border);background-color:color-mix(in srgb,var(--panel-2) 80%,var(--panel))}select option{background:var(--panel);color:var(--text)}select::-ms-expand{display:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}textarea{resize:vertical;min-height:84px}label{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}.field{margin-bottom:14px}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.check input{width:auto}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--panel)}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:500;background:var(--accent-weak);color:var(--accent);white-space:nowrap}.badge.done{background:color-mix(in srgb,#3d6b52 15%,transparent);color:#3d6b52}.badge.failed{background:var(--danger-weak);color:var(--danger)}.badge.pending{background:var(--warn-weak);color:var(--warn)}.badge.quality-normal{background:color-mix(in srgb,#3d6b52 15%,transparent);color:#3d6b52}.badge.quality-warning{background:color-mix(in srgb,#9a7b3c 18%,transparent);color:#9a7b3c}.badge.quality-error{background:var(--danger-weak);color:var(--danger)}.library-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.song-row{cursor:pointer}.song-row:hover td{background:var(--panel-2)}.lyric-preview{margin:0;max-height:60vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;line-height:1.7;padding:12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.muted{color:var(--muted)}.error{color:var(--danger)}.right{text-align:right}.flex{display:flex;align-items:center;gap:8px}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:8px}.wrap{flex-wrap:wrap}.spacer{flex:1}.mt{margin-top:12px}.scroll-y{overflow-y:auto}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg)}.login-card{width:380px;max-width:100%;animation:pop .25s ease}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.toast{position:fixed;top:24px;right:24px;z-index:100;bottom:auto!important;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-width:380px;animation:slide-in .22s ease}.toast.error{border-left-color:var(--danger)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121873;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade-in .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;width:560px;max-width:96vw;max-height:88vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .2s ease}.modal.wide{width:880px}.progress{height:6px;border-radius:6px;background:var(--border);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;height:38px;min-height:38px;line-height:1.2;margin-bottom:0;white-space:nowrap;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:500;cursor:pointer;border:1px solid var(--accent);box-shadow:0 1px 2px #3c7cab33;transition:background .15s}.upload-btn:hover{background:var(--accent-hover)}.view-switch button.sm{min-height:34px;padding:0 12px;border-radius:999px}.sort-head-btn,button.sort-head-btn,.library-main .sort-head-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font:inherit!important;font-weight:600!important;line-height:1.2!important;cursor:pointer!important}.sort-head-btn:hover,button.sort-head-btn:hover,.library-main .sort-head-btn:hover{background:transparent!important;color:var(--text)!important;border-color:transparent!important}.sort-head-btn:active,button.sort-head-btn:active,.library-main .sort-head-btn:active{transform:none!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.records-page{display:flex;flex-direction:column;gap:16px}.records-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.records-toolbar-tabs{display:flex;flex-wrap:wrap;gap:8px}.records-toolbar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.records-search{flex:1 1 140px;width:auto;min-width:120px;max-width:240px}.records-user-select{flex:0 1 160px;width:auto;min-width:120px;max-width:200px}.records-hint{margin:0;font-size:12px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generations-table-wrap{padding:0;overflow:hidden;margin-bottom:0}.generations-table th,.generations-table td{padding:6px 10px;font-size:12px;vertical-align:top}.generations-table th{padding:8px 10px;font-size:11px}.generations-table .gen-cell-id{width:1%;white-space:nowrap;font-weight:600}.generations-table .gen-cell-user{max-width:88px;white-space:nowrap}.generations-table .gen-cell-params{width:1%;white-space:nowrap}.generations-table .gen-cell-format{max-width:72px;white-space:nowrap}.generations-table .gen-cell-time{width:1%;white-space:nowrap;font-size:11px}.generations-table .gen-cell-req{max-width:160px;white-space:nowrap}.generations-table .gen-cell-results{min-width:180px}.gen-results-inline{display:flex;flex-wrap:wrap;gap:4px;line-height:1.2}.gen-result-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:1px 4px;border-radius:4px;background:var(--panel-2)}.gen-result-badge{padding:1px 6px;font-size:11px;line-height:1.3}.gen-result-title{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.records-empty{padding:16px 0;text-align:center}.record-expand-row td{background:var(--panel-2)}.record-preview{margin:0;max-height:200px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.5}.prefs-page{display:flex;flex-direction:column;gap:20px}.prefs-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media (min-width: 768px){.prefs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prefs-grid:has(.prefs-panel:only-child){grid-template-columns:1fr}}.prefs-grid>.card{margin-bottom:0;min-width:0}.prefs-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:0;min-height:0;height:100%}.prefs-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.prefs-panel-head-actions{display:flex;align-items:center;gap:8px}.prefs-title{margin:0;font-size:15px;font-weight:600}.prefs-desc{margin:0;font-size:12px}.prefs-source-badge{font-size:11px;padding:2px 8px;cursor:help}.prefs-mode-tabs{margin:0}.prefs-textarea{flex:1;min-height:clamp(280px,42vh,520px);resize:vertical;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;padding:12px 14px}.prefs-textarea--modal{min-height:160px;flex:none}.prefs-preview{margin:0;font-size:12px}.prefs-preview summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);list-style:none}.prefs-preview summary::-webkit-details-marker{display:none}.prefs-preview summary:before{content:"▸ ";display:inline-block;transition:transform .15s}.prefs-preview[open] summary:before{transform:rotate(90deg)}.prefs-preview-body{margin:8px 0 0;padding:10px 12px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.prefs-actions{display:flex;justify-content:flex-end;margin-top:4px}.prefs-styles-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;align-items:center}.prefs-style-modal{width:min(560px,96vw)}.table-wrap{overflow-x:auto}.users-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.suno-page{display:flex;flex-direction:column;gap:16px}.suno-page-head,.suno-assets-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.suno-page-head .page-title{margin-bottom:2px}.suno-summary{font-size:12px}.suno-table-card{margin-bottom:0}.suno-col-check{width:36px;text-align:center}.suno-col-check input{width:16px;height:16px;cursor:pointer}.suno-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 12px;border-top:1px solid var(--border);font-size:13px}.suno-account-table tbody tr{cursor:pointer}.suno-account-table tbody tr.suno-row-selected td{background:color-mix(in srgb,var(--accent-weak) 58%,var(--panel))}.suno-account-table th,.suno-account-table td{vertical-align:middle}.suno-cell-sub{margin-top:3px;font-size:12px}.suno-statuses{gap:5px}.suno-empty{padding:28px 12px;text-align:center}.suno-load-error{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.suno-assets-section{display:flex;flex-direction:column;gap:10px}.suno-assets-head h2{margin:0 0 2px;font-size:17px;letter-spacing:0}.suno-account-select{width:auto;min-width:180px;max-width:280px}.suno-resource-tabs{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2)}.suno-resource-tabs button{min-height:32px;height:32px;padding:4px 12px;color:var(--muted);border-color:transparent;background:transparent;box-shadow:none}.suno-resource-tabs button:hover{color:var(--text);border-color:transparent;background:var(--panel)}.suno-resource-tabs button.active{color:var(--text);border-color:var(--border);background:var(--panel)}.suno-external-id{max-width:340px;overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px}.suno-form-grid{gap:0 14px}.suno-form-grid .field{min-width:0}.suno-full-field{grid-column:1 / -1}.suno-check-row{min-height:38px;margin:0;color:var(--text)}.suno-check-row input{width:auto}.suno-cookie-input{min-height:120px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;line-height:1.45;resize:vertical}.suno-secret-placeholder{min-height:38px;margin-top:6px;padding:9px 10px;border:1px dashed var(--border);border-radius:6px;font-size:12px}.suno-readonly-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px;font-size:12px}.suno-advanced{margin:4px 0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--panel-2)}.suno-advanced summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--muted)}.suno-advanced[open] summary{margin-bottom:10px}.suno-advanced .field{margin-bottom:0}.suno-import-panel{display:flex;flex-direction:column;gap:12px}.suno-selection-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);font-size:13px}.suno-select-col{width:36px}.suno-select-col input{width:auto}.suno-detail-card{display:flex;flex-direction:column;gap:12px}.suno-detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.suno-detail-head h2{margin:0 0 2px;font-size:17px}.suno-help-note{margin:0;font-size:12px}.suno-asset-modal{width:min(720px,calc(100vw - 2rem))}.suno-discover-toolbar{align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.suno-discover-panel{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.suno-discover-group{display:flex;flex-direction:column;gap:6px}.suno-discover-group-title{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.suno-discover-list{display:flex;flex-direction:column;gap:6px}.suno-discover-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}.suno-discover-item:hover{border-color:var(--accent)}.suno-discover-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.suno-discover-id{font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;overflow-wrap:anywhere}.suno-discover-desc{font-size:12px}.suno-discover-row td{background:#6366f10a}.badge.pending{background:#6366f11f;color:var(--accent, #6366f1)}@media (max-width: 720px){.suno-page-head>*,.suno-assets-head>*{width:100%}.suno-page-head .flex,.suno-assets-head .flex{justify-content:flex-end}.suno-resource-tabs{width:100%;overflow-x:auto}.suno-resource-tabs button{flex:1 0 auto}.suno-account-select{flex:1;max-width:none}}.config-page{display:flex;flex-direction:column;gap:16px;min-width:0}.config-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.config-page-head .page-title{margin-bottom:4px}.config-page-summary{margin:0;font-size:13px}.config-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 900px){.config-layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}}.config-nav{display:flex;flex-direction:row;gap:6px;padding:8px;overflow-x:auto;scrollbar-width:none}.config-nav::-webkit-scrollbar{display:none}@media (min-width: 900px){.config-nav{flex-direction:column;position:sticky;top:calc(var(--nav-h) + var(--page-pt));max-height:calc(100vh - var(--nav-h) - 24px);overflow-y:auto;overflow-x:hidden}}.config-nav-item{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;flex:0 0 auto;min-width:140px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--text);border:none;background:transparent;box-shadow:none;font:inherit;text-align:left;transition:background .15s ease;position:relative}@media (min-width: 900px){.config-nav-item{min-width:0;width:100%}}.config-nav button.config-nav-item:hover,button.config-nav-item:hover{background:var(--panel-2);border:none;box-shadow:none;color:var(--text);transform:none}.config-nav button.config-nav-item.active,button.config-nav-item.active{background:var(--accent-weak);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--border));border:none;color:var(--text)}.config-nav button.config-nav-item.active:hover,button.config-nav-item.active:hover{background:var(--accent-weak);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--border));color:var(--text)}.config-nav button.config-nav-item:active,button.config-nav-item:active{transform:none}.config-nav button.config-nav-item:focus-visible,button.config-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.config-nav-label{font-size:13px;font-weight:600;line-height:1.35}.config-nav-desc{font-size:11px;color:var(--muted);line-height:1.35;display:none}@media (min-width: 900px){.config-nav-desc{display:block}}.config-nav-badge{position:absolute;top:8px;right:8px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.config-nav-badge.muted-badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.config-main{min-width:0}.config-panel{margin-bottom:0;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.config-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.config-panel-title{margin:0;font-size:16px;font-weight:600;letter-spacing:0}.config-panel-desc{margin:4px 0 0;font-size:13px;line-height:1.5;max-width:56rem}.config-panel-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.config-panel-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:16px}.config-panel-footer{display:flex;justify-content:flex-end;margin-top:4px}.config-subsection+.config-subsection{padding-top:16px;border-top:1px solid var(--border)}.config-subsection-title{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:0}.config-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 14px}.config-form-grid--2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.config-form-grid .field{margin-bottom:14px}.config-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.config-field-narrow{max-width:200px;margin-bottom:0;flex:0 0 auto}.config-option-list{display:flex;flex-direction:column;gap:10px}.config-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer;transition:border-color .15s,background .15s}.config-option:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--panel-2) 70%,var(--panel))}.config-option input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.config-option--inline{align-self:end;margin-bottom:14px}.config-option-body{display:flex;flex-direction:column;gap:3px;min-width:0}.config-option-body strong{font-size:13px;font-weight:600}.config-option-body .muted{font-size:12px;line-height:1.45}.config-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.config-toggle input{width:auto;accent-color:var(--accent)}.config-source-table{margin-top:4px}.config-source-table table{min-width:280px}.config-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--panel-2);border:1px solid var(--border)}.config-table-empty{text-align:center;padding:24px 12px!important}.config-footnote{margin:0;font-size:12px}.config-empty-hint{margin:0;font-size:13px}.config-add-proxy{padding-top:16px;border-top:1px solid var(--border)}@media (max-width: 720px){.config-page-head>*{width:100%}.config-page-head button{align-self:flex-end}.config-panel-head{padding:14px 14px 12px}.config-panel-body{padding:14px}.config-form-grid,.config-form-grid--2{grid-template-columns:1fr}.config-option--inline{align-self:stretch}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-track{background:transparent}.automation-rules-page{display:flex;flex-direction:column;gap:14px;min-width:0}.automation-rules-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.automation-rules-filters{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.automation-rules-search{display:flex;align-items:center;gap:8px;flex:1 1 180px;width:auto;min-width:160px;max-width:260px;height:36px;padding:0 9px 0 11px;border:1px solid var(--border);border-radius:5px;color:var(--muted);background:var(--bg);transition:border-color .15s,box-shadow .15s}.automation-rules-search>svg{flex:0 0 auto;color:var(--muted);transition:color .15s}.automation-rules-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.automation-rules-search:focus-within>svg{color:var(--accent)}.automation-rules-search input{flex:1;min-width:0;width:auto;padding:0;border:0;outline:0;background:transparent;color:var(--text);box-shadow:none}.automation-rules-search input::placeholder{color:var(--muted);opacity:1}.automation-rules-search input:focus{border:0;box-shadow:none}.automation-rules-search-clear{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:4px;color:var(--muted);cursor:pointer}.automation-rules-search-clear:hover{color:var(--text);background:var(--panel-2)}.automation-rules-search-clear:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.automation-rules-filter{width:auto;flex:0 0 auto;min-width:0}.automation-rules-filter.mode,.automation-rules-filter.status{width:108px}.automation-rules-filter.style{width:120px}.automation-rules-filter.age{width:124px}.automation-rules-reset{width:auto;flex:0 0 auto;white-space:nowrap}.automation-rules-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.automation-rules-actions button{width:auto;flex:0 0 auto}.automation-rules-actions .import-template-help{width:36px;min-width:36px;padding:0;justify-content:center;color:#9a5a08;border-color:color-mix(in srgb,#c77a12 42%,var(--border));background:color-mix(in srgb,#f5a623 9%,var(--panel))}.automation-rules-actions .import-template-help:hover{color:#fff;border-color:#b46d0c;background:#b46d0c}.automation-rules-view{display:inline-flex;align-items:stretch;flex:0 0 auto;height:36px;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--bg)}.automation-rules-view button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:0 12px;color:var(--muted);font-size:13px;font-weight:550;cursor:pointer;border-right:1px solid var(--border)}.automation-rules-view button:last-child{border-right:0}.automation-rules-view button:hover{color:var(--text);background:var(--panel-2)}.automation-rules-view button.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.automation-rules-view button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1}.automation-rules-meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0 2px;color:var(--text);font-size:13px;font-weight:550}.automation-rules-meta.has-selection{padding:4px 10px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--danger) 6%,var(--panel))}.automation-rules-meta-info{display:flex;flex-wrap:nowrap;align-items:baseline;gap:10px;min-width:0;overflow:hidden}.automation-rules-meta-info>span{white-space:nowrap}.automation-rules-meta-info .muted{overflow:hidden;text-overflow:ellipsis}.automation-rules-meta .muted{font-weight:400;font-size:12px}.automation-rules-selection-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.automation-rules-card{overflow:hidden}.automation-rules-table{min-width:1480px}.automation-rules-summary-table{min-width:1180px}.automation-rules-created-th{white-space:nowrap}.automation-rules-created-th .sort-head-btn{color:var(--muted)}.automation-rules-created-th .sort-head-btn:hover{color:var(--text)!important}.automation-rules-select-col{width:42px;min-width:42px;padding-left:12px!important;padding-right:4px!important;text-align:center;vertical-align:middle}.automation-rules-select-col input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.automation-rules-table tbody tr{cursor:pointer}.automation-rules-table tbody tr.is-selected>td,.automation-rules-detail-table tbody tr.is-selected>td{background:color-mix(in srgb,var(--accent-weak) 58%,var(--panel))}.automation-rules-table td{vertical-align:middle;color:var(--text);font-weight:400}.automation-rules-table td strong{color:var(--text);font-weight:600}.automation-rules-table td small{display:block;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:400}.automation-rules-expand-col{width:44px;padding-right:0!important}.automation-rules-expand{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;color:var(--muted);cursor:pointer}.automation-rules-expand:hover{color:var(--text);background:var(--panel-2)}.automation-rules-expand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.automation-rules-group-row{cursor:pointer}.automation-rules-group-row.is-open>td{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.automation-rules-combo-summary{display:flex;flex-wrap:wrap;gap:6px}.automation-rules-combo-summary span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:12px;font-weight:550;white-space:nowrap}.automation-rules-group-detail-row>td{padding:0!important;background:color-mix(in srgb,var(--bg) 70%,var(--panel));border-bottom:1px solid var(--border)}.automation-rules-group-detail{padding:10px 12px 12px 44px}.automation-rules-detail-table{width:100%;min-width:920px;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.automation-rules-detail-table th,.automation-rules-detail-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;font-size:13px}.automation-rules-detail-table th{background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:600}.automation-rules-detail-table tr:last-child td{border-bottom:0}.automation-rules-detail-table td strong{display:block;font-weight:600}.automation-rules-detail-table td small{display:block;margin-top:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.automation-prompt-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-mode{display:inline-flex;height:24px;align-items:center;justify-content:center;padding:0 7px;border-radius:4px;font-size:12px;font-weight:650}.automation-mode.mode-reference{color:#185bb5;background:#e7f0ff;border:1px solid #bdd5ff}.automation-mode.mode-rewrite{color:#177447;background:#e5f7ed;border:1px solid #b8e7cc}.automation-mode.mode-hook{color:#a64b0b;background:#fff0df;border:1px solid #ffd1a4}[data-theme=dark] .automation-mode.mode-reference{color:#9bc4ff;background:#173255;border-color:#285184}[data-theme=dark] .automation-mode.mode-rewrite{color:#8edbb2;background:#153c2b;border-color:#266447}[data-theme=dark] .automation-mode.mode-hook{color:#ffc185;background:#4b2b14;border-color:#7b4721}.automation-rules-empty{height:180px;text-align:center;color:var(--muted)}.automation-rule-modal{display:flex;flex-direction:column;width:min(920px,calc(100vw - 32px));max-height:min(92vh,880px);padding:0;overflow:hidden;background:var(--panel);border:1.5px solid color-mix(in srgb,var(--muted) 32%,var(--border-strong));border-radius:0;box-shadow:none}.automation-rule-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 12px;border-bottom:1.5px solid color-mix(in srgb,var(--muted) 32%,var(--border-strong));flex-shrink:0}.automation-rule-head-main{display:flex;min-width:0;align-items:center;gap:10px}.automation-rule-modal .modal-head h3{margin:0;flex-shrink:0;font-size:18px;letter-spacing:0}.automation-rule-head-preview{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.automation-rule-modal .modal-head>button{display:inline-flex;flex:0 0 32px;width:32px;height:32px;align-items:center;justify-content:center;padding:0}.automation-rule-form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:0;padding:0;overflow:auto;background:transparent}.automation-rule-section{display:flex;flex-direction:column;gap:10px;padding:14px 18px;border:none;border-bottom:1.5px solid color-mix(in srgb,var(--muted) 32%,var(--border-strong));border-radius:0;background:transparent!important;background-color:transparent!important;box-shadow:none}.automation-rule-section--last{border-bottom:none}.automation-rule-section-title{margin:0;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.01em}.automation-rule-grid{display:grid;gap:10px 14px}.automation-rule-grid--match{grid-template-columns:repeat(5,minmax(0,1fr))}.automation-rule-grid--prompt{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.automation-rule-grid--suno{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-rule-grid .field,.automation-rule-section>.field{min-width:0;margin-bottom:0}.automation-rule-modal .field label{margin-bottom:4px;font-size:12px;font-weight:600}.automation-rule-modal .field input,.automation-rule-modal .field select,.automation-rule-modal .field textarea{width:100%;background-color:transparent!important;border:1px solid color-mix(in srgb,var(--muted) 28%,var(--border-strong));border-radius:0;box-shadow:none!important}.automation-rule-modal .field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:34px;padding-right:36px;cursor:pointer;background-color:transparent!important;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),linear-gradient(to bottom,color-mix(in srgb,var(--muted) 28%,var(--border-strong)),color-mix(in srgb,var(--muted) 28%,var(--border-strong)));background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px),calc(100% - 34px) 50%;background-size:5px 5px,5px 5px,1px 60%;background-repeat:no-repeat}.automation-rule-modal .field select:hover:not(:disabled){background-color:transparent!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--border-strong))}.automation-rule-modal .field select:disabled,.automation-rule-modal .field input:disabled,.automation-rule-modal .field textarea:disabled{background-color:transparent!important;opacity:.72}.automation-rule-modal .field input:focus,.automation-rule-modal .field select:focus,.automation-rule-modal .field textarea:focus{background-color:transparent!important;border-color:var(--focus-ring);box-shadow:none!important;outline:none}.automation-rule-modal .field input:-webkit-autofill,.automation-rule-modal .field select:-webkit-autofill,.automation-rule-modal .field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--panel) inset!important;box-shadow:0 0 0 1000px var(--panel) inset!important;-webkit-text-fill-color:var(--text)}.automation-rule-modal .field textarea{min-height:96px;resize:vertical}.automation-rule-field-hint{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}.automation-rule-error{margin:0;padding:10px 16px;border:none;border-top:1.5px solid color-mix(in srgb,var(--danger) 45%,var(--border-strong));border-radius:0;background:transparent;color:var(--danger);font-size:13px;line-height:1.45}.automation-rule-check{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin:0;color:var(--text);cursor:pointer}.automation-rule-check input{width:auto}.automation-rule-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1.5px solid color-mix(in srgb,var(--muted) 32%,var(--border-strong));background:transparent;flex-shrink:0}.automation-rule-modal .modal-actions .outline,.automation-rule-modal .modal-actions .ghost{background:transparent;box-shadow:none}.automation-rule-modal .modal-actions .outline:hover:not(:disabled),.automation-rule-modal .modal-actions .ghost:hover:not(:disabled){background:transparent}.automation-rule-modal-actions-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}.automation-rule-modal .modal-actions button{width:auto}.automation-rule-detail{display:flex;flex-direction:column;width:min(680px,calc(100vw - 32px));max-height:min(88vh,760px);padding:0;overflow:hidden}.automation-rule-detail .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.automation-rule-detail .modal-head h3{margin:0;font-size:18px;letter-spacing:0}.automation-rule-detail .modal-head>button{display:inline-flex;flex:0 0 32px;width:32px;height:32px;align-items:center;justify-content:center;padding:0}.automation-rule-detail dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 16px;padding:18px;margin:0}.automation-rule-detail dt{color:var(--muted)}.automation-rule-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.import-template-modal{display:flex;flex-direction:column;width:min(940px,calc(100vw - 32px));max-height:min(88vh,820px);padding:0;overflow:hidden}.import-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.import-template-head h3{margin:0;font-size:18px;letter-spacing:0}.import-template-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.import-template-close{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}.import-template-body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:12px;padding:16px 20px;overflow:auto}.import-template-callout{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,#c77a12 30%,var(--border));border-radius:5px;color:var(--text);background:color-mix(in srgb,#f5a623 8%,var(--panel));font-size:13px;line-height:1.55;overflow-wrap:anywhere}.import-template-callout span{min-width:0}.import-template-callout svg{flex:0 0 auto;margin-top:2px;color:#a86108}.import-template-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:5px}.import-template-table{min-width:800px;table-layout:fixed}.import-template-table th,.import-template-table td{padding:9px 10px;vertical-align:top;line-height:1.45}.import-template-table th:nth-child(1){width:190px}.import-template-table th:nth-child(2){width:82px}.import-template-table th:nth-child(4){width:220px}.import-template-table code{display:inline;padding:2px 5px;border-radius:3px;color:var(--text);background:var(--panel-2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;overflow-wrap:anywhere}.import-template-requirement{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;border-radius:4px;color:var(--muted);background:var(--panel-2);font-size:12px;white-space:nowrap}.import-template-requirement.is-required{color:#9f1d1d;background:#fee8e7}[data-theme=dark] .import-template-requirement.is-required{color:#ffaaa4;background:#4b2222}.import-template-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.import-template-actions button{width:auto}.import-plan-issues{padding:10px 12px;border:1px solid color-mix(in srgb,#c0392b 26%,var(--border));border-radius:5px;background:color-mix(in srgb,#c0392b 6%,var(--panel));font-size:13px;line-height:1.55}.import-plan-issues strong{display:block;margin-bottom:4px}.import-plan-issues strong+strong,.import-plan-issues p+strong{margin-top:10px}.import-plan-issues ul{margin:0;padding-left:18px}.import-plan-issues li{overflow-wrap:anywhere}.import-plan-issues p{margin:4px 0 0;font-size:12px}.import-plan-table{min-width:720px}.import-plan-table th:nth-child(1){width:56px}.import-plan-table th:nth-child(2){width:260px}.import-plan-table th:nth-child(3){width:130px}.import-plan-table th:nth-child(4){width:240px}.import-plan-table th:nth-child(5){width:104px}.import-plan-table small{display:block;margin-top:3px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}@media (max-width: 1100px){.automation-rules-toolbar{flex-wrap:wrap;align-items:stretch}.automation-rules-filters{flex-wrap:wrap}.automation-rules-actions{width:100%;justify-content:flex-end}}@media (max-width: 860px){.automation-rule-grid--match{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-rule-grid--match .field:nth-child(4),.automation-rule-grid--match .field:nth-child(5){grid-column:span 1}.automation-rule-grid--prompt{grid-template-columns:1fr}.automation-rule-grid--suno{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.automation-rule-grid--match,.automation-rule-grid--suno{grid-template-columns:1fr}.automation-rule-modal-actions{flex-wrap:wrap;align-items:stretch}.automation-rule-modal-actions-buttons{width:100%;margin-left:0}.automation-rule-modal-actions-buttons button{flex:1 1 0}}@media (max-width: 640px){.automation-rules-search{max-width:none;flex:1 1 100%}.automation-rules-filter.mode,.automation-rules-filter.status,.automation-rules-filter.style,.automation-rules-filter.age{flex:1 1 calc(50% - 4px);width:auto;min-width:120px}.automation-rules-view{flex:1 1 calc(50% - 4px)}.automation-rules-view button{flex:1 1 0}.automation-rules-actions{flex-wrap:wrap;justify-content:flex-start}.automation-rules-actions button:not(.import-template-help){flex:1 1 130px}.automation-rules-group-detail{padding-left:12px}.import-template-head{padding:15px 16px 12px}.import-template-body{padding:14px 16px}.import-template-actions{flex-wrap:wrap;padding:12px 16px}.import-template-actions button{flex:1 1 150px}}