:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f4;--surface:#fff;--surface-soft:#f7f9fa;--surface-strong:#e6ecef;--line:#d7e0e4;--line-strong:#bcc9cf;--text:#162126;--muted:#65747c;--muted-strong:#46555c;--accent:#1c7f7a;--accent-strong:#126861;--accent-soft:#dff2ef;--warning:#a15f1b;--danger:#b83f3f;--shadow:0 16px 48px #16212624;--radius:8px;--sidebar-width:284px;--inspector-width:336px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}#root{min-height:100vh}[hidden]{display:none!important}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{grid-template-rows:64px minmax(0,1fr);min-height:100vh;display:grid}.app-loading{min-height:100vh;color:var(--muted);place-items:center;font-weight:800;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#fffffff0;grid-template-columns:auto minmax(280px,1fr) auto auto auto auto;align-items:center;gap:12px;padding:0 18px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-name{letter-spacing:0;font-size:18px;font-weight:800}.global-search{align-items:center;width:100%;max-width:640px;display:flex;position:relative}.global-search input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;height:40px;color:var(--text);outline:none;padding:0 14px 0 38px}.global-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.global-search .search-lucide{width:17px;height:17px;color:var(--muted);z-index:1;position:absolute;left:13px}.search-results{border:1px solid var(--line);background:var(--surface);max-height:min(420px,100vh - 92px);box-shadow:var(--shadow);border-radius:var(--radius);z-index:100;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.search-result{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;gap:4px;padding:10px;display:grid}.search-result:hover,.search-result:focus-visible{background:var(--accent-soft);outline:none}.search-result-title{font-weight:700}.search-result-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-empty{padding:12px}.workspace{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--inspector-width);min-height:0;display:grid}.sidebar,.inspector{background:var(--surface);align-self:start;min-height:0;max-height:calc(100vh - 64px);position:sticky;top:64px;overflow:auto}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.content{background:var(--surface-soft);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.pane-header{justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.pane-header h2{margin:2px 0 0;font-size:16px;line-height:1.2}.overline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.content-sticky-head{z-index:10;position:sticky;top:64px}.content-head{border-bottom:1px solid var(--line);background:var(--surface);padding:20px 24px 12px}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.breadcrumb-part{align-items:center;gap:6px;display:inline-flex}.breadcrumb button{color:var(--muted-strong);background:0 0;border:0;padding:0;font-weight:650}.breadcrumb button:hover{color:var(--accent-strong)}.folder-summary{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.folder-summary h1{letter-spacing:0;align-items:center;gap:10px;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12;display:inline-flex}.heading-edit{flex:none;width:32px;height:32px}.meta-line{min-height:28px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.meta-chip{border:1px solid var(--line);background:var(--surface-soft);min-height:28px;color:var(--muted-strong);border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.summary-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--surface);padding:12px 24px}.icon-button,.toolbar-button,.primary-action,.danger-action,.segmented-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:38px;color:var(--text);justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.icon-button{width:38px;padding:0}.icon-button.subtle{background:0 0;border-color:#0000}.icon-button.subtle:hover{background:var(--surface-soft);border-color:var(--line)}.toolbar-button{padding:0 12px}.toolbar-button:hover,.icon-button:hover,.segmented-option:hover{border-color:var(--line-strong);background:var(--surface-soft)}.toolbar-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.primary-action{border-color:var(--accent);background:var(--accent);color:#fff;min-width:96px;padding:0 14px}.danger-action{color:#fff;background:#dc2626;border-color:#dc2626;min-width:96px;padding:0 14px}.select-control,.date-filter{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.select-control select,.date-filter input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);height:36px;color:var(--text);padding:0 9px}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:repeat(3,minmax(54px,auto));padding:3px;display:inline-grid}.segmented-option{background:0 0;border:0;border-radius:6px;height:30px;padding:0 10px;font-size:13px}.segmented-option.is-active{background:var(--surface);box-shadow:0 1px 3px #1621261f}.selection-status{color:var(--muted);margin-left:auto;font-size:13px;font-weight:700}.folder-tree{padding:0 10px 20px}.folder-node{--depth:0}.folder-row{min-height:34px;padding:0 8px 0 calc(6px + var(--depth) * 18px);border-radius:var(--radius);color:var(--muted-strong);-webkit-user-select:none;user-select:none;grid-template-columns:26px 22px minmax(0,1fr) auto;align-items:center;gap:5px;margin:1px 0;display:grid}.folder-row:hover{background:var(--surface-soft)}.folder-row.is-current{background:var(--accent-soft);color:var(--accent-strong)}.folder-toggle{width:24px;height:24px;color:inherit;background:0 0;border:0;border-radius:6px}.folder-toggle:hover{background:#12686114}.folder-toggle:before{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;display:inline-block;transform:rotate(-45deg)}.folder-node.is-expanded>.folder-row .folder-toggle:before{transform:rotate(45deg)}.folder-row.is-leaf .folder-toggle:before{display:none}.folder-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.folder-count{color:var(--muted);font-size:12px}.folder-children{display:none}.folder-node.is-expanded>.folder-children{display:block}.grid-stage{min-height:0;padding:22px 24px;position:relative}.file-grid{outline:none;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:16px;display:grid}.file-grid-container{outline:none;width:100%;height:100%;min-height:360px;overflow:hidden}.file-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto 220px;grid-template-rows:148px auto;gap:8px;width:100%;min-width:0;max-width:100%;padding:8px;display:grid;overflow:hidden;box-shadow:0 1px 2px #1621260f}.file-card:hover{border-color:var(--line-strong);box-shadow:0 8px 22px #1621261a}.file-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.file-card>*{min-width:0}.thumb{background:linear-gradient(135deg, #1c7f7a1f, #d8e3d394), var(--surface-strong);border-radius:6px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;opacity:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;transition:opacity .2s;display:block}.thumb img.loaded,.thumb video{opacity:1}.thumb video{pointer-events:none}.image-placeholder,.video-placeholder{background:linear-gradient(135deg, #1c7f7a2e, #d8e3d3ad), var(--surface-strong);width:100%;height:100%}.image-placeholder{color:var(--muted);place-items:center;display:grid}.image-placeholder .icon{opacity:.72;width:34px;height:34px}.video-indicator{pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-indicator svg{color:#fff;width:24px;height:24px;margin-left:3px}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:750;line-height:1.3;overflow:hidden}.file-submeta{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.drop-overlay{z-index:10;border:2px dashed var(--accent);border-radius:var(--radius);color:var(--accent-strong);text-align:center;background:#dff2eff0;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:18px}.drop-overlay .icon{width:42px;height:42px}.empty-state{min-height:360px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.empty-state h2{color:var(--text);margin:14px 0 6px;font-size:20px}.empty-state p{max-width:420px;margin:0;line-height:1.6}.empty-state.error-state,.empty-state.error-state h2{color:#dc2626}.skeleton-grid{pointer-events:none}.skeleton-card{opacity:.7}.skeleton-thumb{background:linear-gradient(90deg, var(--surface-soft) 25%, var(--surface) 50%, var(--surface-soft) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{background:linear-gradient(90deg, var(--surface-soft) 25%, var(--surface) 50%, var(--surface-soft) 75%);background-size:200% 100%;border-radius:4px;height:14px;margin-top:10px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text.short{width:60%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.pager-jump{align-items:center;gap:6px;display:inline-flex}.pager-jump input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:60px;height:30px;color:var(--text);text-align:center;padding:0 8px;font-size:13px}.pager{border-top:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:13px;font-weight:700;display:flex}.preview-panel{padding:0 18px 24px}.preview-empty{min-height:280px;color:var(--muted);text-align:center;align-content:center;place-items:center;line-height:1.6;display:grid}.preview-media{border-radius:var(--radius);background:var(--surface-soft);border:1px solid var(--line);overflow:hidden}.preview-media img,.preview-media video{width:100%;height:auto;display:block}.preview-no-thumbnail,.lightbox-no-thumbnail{min-height:200px;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.detail-list{gap:10px;margin-top:16px;display:grid}.detail-row{grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:12px;font-size:13px;display:grid}.detail-key{color:var(--muted);font-weight:750}.detail-value{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:650}.context-menu{z-index:200;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:206px;box-shadow:var(--shadow);padding:6px;position:fixed}.context-menu button{width:100%;min-height:34px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-weight:650;display:flex}.context-menu button:hover:not(:disabled){background:var(--surface-soft)}.context-menu button.danger{color:var(--danger)}.context-menu .separator{background:var(--line);height:1px;margin:5px}.modal-host{z-index:300;background:#1621267a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:var(--surface);width:min(560px,100%);max-height:min(680px,100vh - 36px);box-shadow:var(--shadow);overflow:auto}.tasks-page{background:var(--surface-soft);align-content:start;gap:18px;min-width:0;min-height:0;padding:22px 24px 28px;display:grid;overflow:auto}.tasks-head{justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 0 4px;display:flex}.tasks-head h1{letter-spacing:0;margin:0;font-size:32px;line-height:1.12}.task-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.task-summary span{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted-strong);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.task-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.task-section.is-collapsed .task-section-head{border-bottom:none}.task-section-head{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;width:100%;min-height:58px;font:inherit;color:inherit;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.task-section-head:hover{background:var(--surface-soft)}.task-section-head h2{margin:0;font-size:17px}.task-section-head-right{color:var(--muted);align-items:center;gap:10px;display:flex}.task-count{background:var(--surface-soft);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.section-footer-actions{border-top:1px solid var(--line);background:var(--surface-soft);padding:12px 16px}.folder-task-groups{gap:12px;padding:14px;display:grid}.folder-task-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.folder-task-group-head{background:var(--surface-soft);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.folder-task-group-head:hover{background:var(--surface-hover,var(--surface-soft))}.folder-task-group-info{align-items:center;gap:8px;min-width:0;display:flex}.folder-task-group-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.folder-task-group-count{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:750}.folder-task-group-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.folder-stat{color:var(--muted);font-size:12px;font-weight:750}.folder-task-group-progress{align-items:center;gap:8px;min-width:100px;display:flex}.folder-task-group-progress .progress-track{flex:1;height:6px}.folder-progress-label{color:var(--muted);text-align:right;min-width:32px;font-size:12px;font-weight:750}.folder-task-group-body{border-top:1px solid var(--line);gap:8px;padding:10px 14px 14px;display:grid}.live-task-list{gap:10px;padding:14px;display:grid}.live-task{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) 132px auto;align-items:center;gap:14px;padding:14px;display:grid}.live-task.is-uploading{background:#f3fbf9;border-color:#1c7f7a6b}.live-task.is-media-process{background:#f7fbff;border-color:#315f9a52}.live-task.is-failed,.live-task.is-cancelled{background:#fff7f7}.live-task-main{gap:8px;min-width:0;display:grid}.live-task-title{align-items:center;gap:10px;min-width:0;display:flex}.live-task-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-task-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;font-weight:750;display:flex}.task-error{color:var(--danger)}.task-kind-pill{color:#315f9a;white-space:nowrap;background:#eef4ff;border:1px solid #c7d8f4;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:22px;padding:2px 7px;font-size:11px;font-weight:900;display:inline-flex}.task-kind-pill.is-media-process{color:#1e6f4d;background:#edf7f2;border-color:#b8dec8}.status-pill{background:var(--surface-strong);min-height:24px;color:var(--muted-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.status-pill.is-uploading,.status-pill.is-media_queued,.status-pill.is-media_running,.status-pill.is-success{background:var(--accent-soft);color:var(--accent-strong)}.status-pill.is-paused{color:var(--warning);background:#fff2db}.status-pill.is-failed,.status-pill.is-cancelled{color:var(--danger);background:#fde7e7}.progress-track{background:var(--surface-strong);border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);min-width:0;height:100%;transition:width .16s}.live-task-progress{color:var(--muted);white-space:nowrap;justify-items:end;gap:3px;font-size:12px;font-weight:750;display:grid}.live-task-progress strong{color:var(--text);font-size:22px;line-height:1}.task-actions{align-items:center;gap:8px;display:flex}.task-empty{min-height:180px;color:var(--muted);align-content:center;place-items:center;gap:10px;padding:22px;display:grid}.task-empty .icon{width:34px;height:34px}.task-empty.compact{border-top:1px solid var(--line);min-height:132px}.history-filters{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:minmax(180px,1fr) repeat(2,minmax(190px,1fr)) minmax(140px,.6fr);gap:12px;padding:14px 16px;display:grid}.history-filters label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.history-filters input,.history-filters select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;height:38px;color:var(--text);outline:none;padding:0 10px}.history-filters input:focus,.history-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.history-list{display:grid}.history-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1.1fr) minmax(128px,.8fr) minmax(86px,.45fr) minmax(220px,1.4fr) minmax(92px,.55fr) minmax(92px,.55fr);align-items:center;gap:12px;min-height:62px;padding:12px 16px;font-size:13px;display:grid}.history-row:last-child{border-bottom:0}.history-header{background:var(--surface-soft);min-height:42px;color:var(--muted);font-size:12px;font-weight:900}.history-row span{overflow-wrap:anywhere;min-width:0}.history-row strong,.history-row small{min-width:0;display:block}.history-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.history-status-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-pager{border-top:1px solid var(--line);min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:750;display:flex}.history-pager>div{gap:8px;display:flex}.modal form{display:contents}.modal header,.modal footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.modal footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal h2{margin:0;font-size:18px}.modal-body{gap:14px;padding:18px;display:grid}.form-field{gap:7px;display:grid}.form-field span{color:var(--muted);font-size:13px;font-weight:750}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;min-height:40px;color:var(--text);outline:none;padding:9px 10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.checkbox-field{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-field input[type=checkbox]{cursor:pointer;width:18px;height:18px;min-height:18px;accent-color:var(--accent);margin:0}.checkbox-field span{font-weight:500}.readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.readonly-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:10px}.readonly-box strong{margin-top:4px;font-size:22px;display:block}.danger-text{color:var(--danger);font-weight:750}.toast-host{z-index:400;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--radius);color:#fff;min-width:240px;max-width:360px;box-shadow:var(--shadow);background:#172225;padding:12px 14px;font-weight:700}.tooltip-content{z-index:500;border:1px solid var(--line);color:#fff;box-shadow:var(--shadow);background:#172225;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:750}.lightbox{z-index:350;color:#fff;background:#090d0ff5;grid-template-rows:62px minmax(0,1fr);display:grid;position:fixed;inset:0}.lightbox-toolbar{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:10px 14px;display:flex}.lightbox-toolbar .icon-button{color:#fff;background:#ffffff14;border-color:#ffffff2e}.lightbox-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:800;overflow:hidden}.lightbox-canvas{place-items:center;min-height:0;display:grid;overflow:hidden}.lightbox-canvas img,.lightbox-canvas video{object-fit:contain;max-width:96vw;max-height:calc(100vh - 86px)}.lightbox-canvas img{cursor:grab;transform:translate(var(--pan-x,0px), var(--pan-y,0px)) scale(var(--zoom,1))}.icon{color:currentColor;flex:none;width:18px;height:18px;display:inline-block;position:relative}.icon svg{stroke-width:2.35px;width:100%;height:100%;display:block}.content-head{border-radius:calc(var(--radius) + 14px);background:radial-gradient(circle at 88% 12%,#1c7f7a33,#0000 30%),linear-gradient(135deg,#fffffff5,#ecf8f5f0 54%,#d8e3d3bd);border:1px solid #1c7f7a2e;margin:24px 24px 0;padding:clamp(24px,4vw,38px);position:relative;overflow:hidden;box-shadow:0 18px 48px #16212614}.content-head:after,.workflow-hero:after{content:"";pointer-events:none;border:46px solid #1c7f7a14;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-96px;right:-70px}.content-head .breadcrumb,.content-head .folder-summary{z-index:1;position:relative}.content-head .folder-summary h1{letter-spacing:-.045em;max-width:900px;font-size:clamp(34px,5vw,58px)}.content-head .meta-chip,.workflow-hero .meta-chip{color:var(--accent-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-color:#1c7f7a2e}.gallery-stage{min-height:0;padding:24px;overflow-y:auto}.root-gallery-stage,.cosplayer-page{align-content:start;gap:24px;display:grid}.workflow-hero{border-radius:calc(var(--radius) + 18px);background:radial-gradient(circle at 82% 18%,#1c7f7a47,#0000 28%),radial-gradient(circle at 6% 92%,#d8e3d3c7,#0000 30%),linear-gradient(135deg,#fff 0%,#eef8f5 50%,#d8e3d3 100%);border:1px solid #1c7f7a2e;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(20px,4vw,44px);min-height:340px;padding:clamp(28px,5vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #1621261a}.workflow-hero--cosplayer{grid-template-columns:minmax(220px,340px) minmax(0,1fr)}.hero-copy{z-index:1;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.hero-breadcrumb{margin-bottom:16px}.hero-copy h1{letter-spacing:-.065em;max-width:980px;color:var(--text);align-items:center;gap:10px;margin:8px 0 0;font-size:clamp(42px,6vw,78px);line-height:.95;display:inline-flex}.hero-copy p{max-width:680px;color:var(--muted-strong);margin:20px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.75}.hero-actions,.hero-meta-line{margin-top:22px}.hero-primary{height:46px;padding:0 18px;box-shadow:0 12px 28px #1c7f7a3d}.hero-panel{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:14px;display:grid;position:relative}.hero-stat{border-radius:calc(var(--radius) + 8px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border:1px solid #ffffff9e;flex-direction:column;justify-content:flex-end;min-height:128px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffffb8}.hero-stat strong{letter-spacing:-.055em;color:var(--accent-strong);font-size:clamp(32px,5vw,54px);line-height:1}.hero-stat span{color:var(--muted-strong);margin-top:8px;font-size:13px;font-weight:800}.hero-cover{z-index:1;border-radius:calc(var(--radius) + 18px);background:linear-gradient(135deg, #1c7f7a1f, #d8e3d3b8), var(--surface-strong);border:1px solid #ffffffb8;min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 52px #16212624}.hero-cover img,.gallery-card-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s,transform .22s;display:block}.hero-cover img.loaded,.gallery-card-cover img.loaded{opacity:1}.hero-cover-placeholder,.gallery-card-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.hero-cover-placeholder .icon{width:72px;height:72px}.hero-heading-edit{color:var(--muted-strong)}.gallery-section{border:1px solid var(--line);border-radius:calc(var(--radius) + 10px);background:#ffffffbd;padding:24px;box-shadow:0 1px 2px #1621260a}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(22px,3vw,32px)}.section-hint{max-width:420px;color:var(--muted);text-align:right;font-size:13px;font-weight:650;line-height:1.55}.cosplayer-grid,.album-grid{gap:20px;display:grid}.cosplayer-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.album-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gallery-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:var(--surface);cursor:pointer;gap:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 1px 2px #1621260f}.cosplayer-card{grid-template-rows:230px auto}.album-card{grid-template-rows:168px auto}.gallery-card:hover{border-color:#1c7f7a5c;transform:translateY(-3px);box-shadow:0 16px 36px #1621261f}.gallery-card:hover img{transform:scale(1.035)}.gallery-card-cover{background:linear-gradient(135deg, #1c7f7a1f, #d8e3d394), var(--surface-strong);width:100%;height:100%;position:relative;overflow:hidden}.card-layer-badge{z-index:1;color:var(--accent-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff8f;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;position:absolute;top:12px;left:12px}.gallery-card-placeholder .icon{width:44px;height:44px}.gallery-card-info{min-width:0;padding:14px}.gallery-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:750;overflow:hidden}.gallery-card-subtitle{min-height:20px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.album-card-meta{gap:8px;display:flex}.gallery-card-counts{color:var(--muted-strong);flex-wrap:wrap;gap:10px;margin-top:9px;font-size:12px;font-weight:650;display:flex}.hero-empty-state{border-radius:calc(var(--radius) + 8px);background:#ffffff94;border:1px dashed #1c7f7a47;min-height:260px}.hero-empty-state .primary-action{margin-top:10px}.login-page{background:linear-gradient(135deg, #1c7f7a0f, #d8e3d34d), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;padding:48px 40px 40px}.login-brand{text-align:center;margin-bottom:36px}.login-brand-mark{background:var(--accent);color:#fff;letter-spacing:1px;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.login-brand-name{color:var(--text);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.login-brand-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-label{color:var(--muted-strong);font-size:13px;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--muted);pointer-events:none;position:absolute;left:14px}.login-input-icon .icon svg{width:18px;height:18px}.login-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);width:100%;color:var(--text);outline:none;padding:12px 14px 12px 44px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1c7f7a1f}.login-input:disabled{opacity:.6}.login-error{border-radius:var(--radius);color:var(--danger);background:#b83f3f14;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.login-error-icon .icon svg{flex-shrink:0;width:16px;height:16px}.login-submit{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;margin-top:4px;padding:12px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s}.login-submit:hover:not(:disabled){background:var(--accent-strong)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-hint{text-align:center;color:var(--muted);margin:24px 0 0;font-size:12px}@media (width<=480px){.login-card{padding:36px 24px 28px}}@media (width<=1180px){:root{--sidebar-width:252px;--inspector-width:300px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr))}}@media (width<=980px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}.primary-action{width:38px;min-width:38px;padding:0}.primary-action span:last-child{display:none}.workspace{grid-template-columns:232px minmax(0,1fr)}.inspector{display:none}.workflow-hero,.workflow-hero--cosplayer{grid-template-columns:1fr}.hero-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-stat{min-height:104px}.hero-cover{min-height:300px}}@media (width<=720px){html,body{overflow-x:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr);width:100%;overflow-x:hidden}.topbar{grid-template-columns:auto auto auto minmax(0,1fr) auto auto;gap:8px;padding:12px}.topbar>.brand{grid-area:1/1}.topbar>button:first-of-type{grid-area:1/2}.topbar>button:nth-of-type(2){grid-area:1/3}.topbar>button:nth-of-type(3){grid-area:1/5}.topbar>button:nth-of-type(4){grid-area:1/6}.topbar .toolbar-button,.topbar .primary-action{width:38px;min-width:38px;padding:0}.topbar .toolbar-button span:last-child,.topbar .primary-action span:last-child,.brand-name{display:none}.global-search{grid-area:2/1/auto/-1;max-width:none}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:260px;position:static}.content-sticky-head{position:static}.content{min-height:720px}.content-head{border-radius:calc(var(--radius) + 8px);margin:14px 14px 0;padding:16px}.content-head .folder-summary h1,.hero-copy h1{font-size:clamp(34px,12vw,54px)}.gallery-stage{padding:14px}.workflow-hero{border-radius:calc(var(--radius) + 10px);min-height:0;padding:22px}.hero-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat{min-height:96px}.hero-cover{min-height:260px}.gallery-section{padding:16px}.section-heading{flex-direction:column;align-items:flex-start}.section-hint{text-align:left}.cosplayer-grid,.album-grid{grid-template-columns:1fr}.folder-summary{flex-direction:column;align-items:stretch}.summary-actions{grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}.summary-actions .toolbar-button{white-space:nowrap;width:100%;min-width:0;padding:0 8px;overflow:hidden}.summary-actions .toolbar-button span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:12px 16px;display:grid}.toolbar .segmented{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.toolbar .select-control,.toolbar .date-filter{justify-content:stretch;gap:6px;width:100%;display:grid}.toolbar .select-control select,.toolbar .date-filter input{width:100%;min-width:0}.toolbar .toolbar-button{min-width:0}.selection-status{grid-column:1/-1;width:100%;margin-left:0}.grid-stage{padding:16px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.file-card{grid-template-rows:132px auto}.tasks-page{padding:16px}.tasks-head{flex-direction:column;align-items:stretch}.task-summary{justify-content:flex-start}.live-task{grid-template-columns:minmax(0,1fr)}.live-task-progress{justify-items:start}.task-actions{justify-content:flex-start}.folder-task-group-head{flex-direction:column;align-items:flex-start;gap:8px}.folder-task-group-stats{flex-wrap:wrap}.folder-task-group-progress{min-width:80px}.history-filters{grid-template-columns:1fr}.history-header{display:none}.history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.history-row span:nth-child(4){grid-column:1/-1}.history-pager{flex-direction:column;align-items:stretch}.history-pager>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cosplayer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.cosplayer-card{grid-template-rows:140px auto}.cosplayer-hero{text-align:center;flex-direction:column;align-items:center}.cosplayer-hero-cover{width:160px;height:160px}.cosplayer-hero-info{align-items:center}.cosplayer-hero-meta{justify-content:center}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}