:root{--bg:#070b18;--panel:#121a2eb8;--line:#ffffff1a;--text-strong:#f7fbff;--text-main:#d9e5f6;--text-soft:#aebdd3;--text-muted:#8794ab;--font-sans:"Alibaba PuHuiTi", "Source Han Sans SC", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;font-family:var(--font-sans);color:var(--text-main);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px,#070b18;min-width:320px;min-height:100%}body{background:linear-gradient(150deg,#1364823d,#0000 34%),linear-gradient(330deg,#7e414d2e,#0000 38%),0 0;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #67e8f9c2}img{max-width:100%}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--text-main)}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a16c2;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:fixed;inset:0 0 auto}.brand,.side-link,.mobile-nav button,.platform-grid button,button{font:inherit}.login-required{color:#edf4ff;background:radial-gradient(circle at 0 0,#00d4ff24,#0000 30%),linear-gradient(135deg,#10151f 0%,#151b29 54%,#10131b 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #00000042}.login-panel p{color:#93c5fd;margin:0;font-size:13px;font-weight:700}.login-panel h1{letter-spacing:0;margin:0;font-size:28px}.login-panel span{color:#b9c4d6;font-size:14px;line-height:1.7}.login-panel a{color:#10151f;background:#7dd3fc;border-radius:8px;width:fit-content;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:800;text-decoration:none}.global-loading{z-index:999;background:radial-gradient(circle,#7dd3fc24,#0000 24%),#060a16eb;place-items:center;min-height:100vh;display:grid;position:fixed;inset:0}.global-loading__spinner{border:3px solid #e2e8f038;border-top-color:#7dd3fc;border-radius:999px;width:42px;height:42px;animation:.8s linear infinite global-loading-spin}@keyframes global-loading-spin{to{transform:rotate(360deg)}}.api-toast-stack{z-index:1300;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:78px;right:18px}.api-toast{color:#eef6ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#0d1220f5;border:1px solid #fb718557;border-left:3px solid #fb7185;border-radius:8px;grid-template-columns:32px minmax(0,1fr) 30px;align-items:start;gap:10px;padding:12px;display:grid;box-shadow:0 18px 54px #0000005c}.api-toast.is-warning{border-color:#fbbf2457 #fbbf2457 #fbbf2457 #fbbf24}.api-toast.is-success{border-color:#34d39957 #34d39957 #34d39957 #34d399}.api-toast__icon{color:#ffe8b5;background:#fbbf2424;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid}.api-toast.is-error .api-toast__icon{color:#ffd1dc;background:#fb718524}.api-toast.is-success .api-toast__icon{color:#bbf7d0;background:#22c55e24}.api-toast__body{gap:6px;min-width:0;display:grid}.api-toast__title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.api-toast__title-row strong{font-size:14px;line-height:1.3}.api-toast__title-row small,.api-toast__repeat{color:#9fb4ce;flex-shrink:0;font-size:11px}.api-toast p{color:#d7e4f5;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.api-toast button{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.api-toast button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.brand{min-width:176px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-mark{color:#dffbff;background:linear-gradient(135deg,#1ee0ff2e,#ffb84d1a),#ffffff14;border:1px solid #6fe7ff66;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #fff3}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{color:#f7fbff;font-size:16px}.brand-copy small{color:var(--text-muted);margin-top:4px;font-size:11px}.search-field input,.compose-field textarea{width:100%;color:var(--text-main);background:0 0;border:0;outline:0}.search-field input::placeholder{color:#9caac4b8}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button{width:38px;height:38px;color:var(--text-main);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:12px;place-items:center;transition:all .16s;display:inline-grid;position:relative}.icon-button:hover,.side-link:hover,.ghost-button:hover,.library-tabs button:hover,.mobile-nav button:hover{background:#ffffff1a;border-color:#7be8ff5c}.icon-button.danger:hover{color:#ffc6d2;border-color:#ff678166}.avatar-badge{color:#06101c;background:linear-gradient(135deg,#63eaff,#ffe08c);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.notice-dot{background:#ff6f91;border-radius:999px;width:7px;height:7px;position:absolute;top:8px;right:8px}.workspace{min-height:100vh;padding-top:64px;display:flex}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1021c2;flex-direction:column;width:204px;height:calc(100vh - 64px);padding:14px 10px;transition:width .18s;display:flex;position:sticky;top:64px}.app-shell.is-collapsed .sidebar{width:76px}.sidebar-head{min-height:42px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 4px 8px 8px;font-size:12px;display:flex}.app-shell.is-collapsed .sidebar-head span,.app-shell.is-collapsed .side-link span{display:none}.side-nav{gap:8px;display:grid}.side-link{width:100%;height:44px;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 12px;display:flex}.side-link.active{color:#ecfeff;background:#24deff1f;border-color:#68e6ff42;box-shadow:inset 3px 0 #51ddfff2}.app-shell.is-collapsed .side-link{justify-content:center;padding:0}.main-panel{flex:1;min-width:0;padding:26px 36px 48px}.mobile-nav{display:none}.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.page-heading p{color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.page-heading h1{color:var(--text-strong);margin:0;font-size:30px;line-height:1.16}.view-stack{gap:18px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-field,.select-field{height:42px;color:var(--text-muted);border:1px solid var(--line);background:#ffffff0f;border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:inline-flex}.search-field{width:min(390px,100%)}.select-field{width:180px;padding:0;position:relative}.select-field.wide{width:100%}.custom-select{min-width:0;position:relative}.custom-select.is-open{z-index:70}.custom-select__button{width:100%;min-height:100%;color:var(--text-main);text-align:left;border-radius:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.custom-select__button span,.custom-select__option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select__button svg{color:var(--text-muted);flex-shrink:0;transition:transform .16s,color .16s}.custom-select.is-open .custom-select__button svg{color:#7dd3fc;transform:rotate(180deg)}.select-field.is-open{background:#ffffff17;border-color:#67e8f96b;box-shadow:0 0 0 3px #22d3ee14}.custom-select__menu{z-index:80;background:linear-gradient(#141f36fa,#090e1bfa),#0b1020;border:1px solid #67e8f93d;border-radius:10px;gap:4px;max-height:260px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 48px #0000006b}.custom-select__option{width:100%;min-height:34px;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 9px;display:flex}.custom-select__option:hover,.custom-select__option.is-selected{color:#ecfeff;background:#22d3ee1f;border-color:#67e8f947}.custom-select__option.is-selected{box-shadow:inset 2px 0 #67e8f9}.custom-select__option svg{color:#86efac;flex-shrink:0}.compose-panel:has(.custom-select.is-open){overflow:visible}.primary-button,.ghost-button{min-height:42px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:all .16s;display:inline-flex}.primary-button{color:#06101c;background:linear-gradient(135deg,#5eead4,#f7d56a);border:1px solid #85ffff80;font-weight:800;box-shadow:0 10px 22px #0ac8d226}.primary-button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button:disabled:hover{transform:none}@keyframes spin{to{transform:rotate(360deg)}}.ghost-button{border:1px solid var(--line);background:#ffffff0f}.bulk-bar{color:#e5fbff;background:#1ed4ff14;border:1px solid #67e8f93d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-button.danger{color:#ffd0da;background:#f43f5e14;border-color:#f43f5e47}.ghost-button.danger:hover{background:#f43f5e24;border-color:#f43f5e6b}.product-grid,.project-grid,.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.asset-grid.library-asset-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch}.project-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}.empty-state{color:#dce9f8;text-align:center;background:#ffffff0a;border:1px dashed #94a3b847;border-radius:8px;grid-column:1/-1;justify-items:center;gap:8px;min-height:168px;padding:32px;display:grid}.empty-state svg{color:#7dd3fc}.empty-state strong{font-size:15px}.empty-state span{color:#91a4bc;font-size:13px}.product-card,.project-card,.asset-card,.compose-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 18px 46px #0003}.product-card:hover,.project-card:hover,.asset-card:hover,.compose-panel:hover{border-color:#ffffff38}.project-card:hover{transform:translateY(-2px);box-shadow:0 22px 58px #00000042}.product-card{flex-direction:column;display:flex}.product-cover,.project-cover{background:#ffffff0d;height:154px;position:relative;overflow:hidden}.product-cover img,.project-cover img,.asset-image{object-fit:cover;width:100%;height:100%}.cover-gradient{background:linear-gradient(#070b1814,#070b18e6);position:absolute;inset:0}.cover-tags{gap:8px;max-width:calc(100% - 58px);display:flex;position:absolute;top:12px;left:12px}.cover-tags .tag{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tag{min-height:24px;color:var(--text-main);background:#080c189e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.tag.success{color:#c6ffe4;background:#10b98129;border-color:#34d39952}.tag.warning{color:#ffecc0;background:#f59e0b29;border-color:#f59e0b52}.tag.danger{color:#ffd0da;background:#f43f5e29;border-color:#f43f5e52}.select-check{z-index:3;color:#0000;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b18b3;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:30px;height:30px;transition:all .16s;display:grid;position:absolute;top:12px;right:12px}.select-check input{opacity:0;position:absolute}.select-check:has(input:checked){color:#06101c;background:#75f6df;border-color:#7bffe9bf}.select-check:hover{color:#ecfeffe6;background:#0b1222db;border-color:#67e8f96b}.product-body,.project-body,.asset-body{padding:16px}.product-body{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-row>div:first-child{min-width:0}.product-category-tags{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.product-category-tag{color:#bad8ff;background:#38bdf81a;border-color:#7dd3fc38;min-height:22px;padding:0 8px;font-weight:700}.product-card__side-actions{flex:none;gap:6px;display:flex}.product-card__side-actions .icon-button{background:#ffffff14;border-radius:10px;width:32px;height:32px}.card-title-row h2,.project-body h2,.modal h2,.chosen-product h2,.asset-body h2{color:var(--text-strong);margin:0;font-size:17px;line-height:1.3}.card-title-row h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-title-row p,.project-body p,.line-clamp,.chosen-product p{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.6}.line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin-top:10px;display:-webkit-box;overflow:hidden}.attr-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attr-list span,.task-row span,.spec-grid span,.linked-list span{color:#cdd7e8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;display:inline-flex}.card-actions,.panel-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.card-actions .primary-button{flex:1}.product-card__primary-actions{margin-top:14px;padding-top:0}.product-card__footer{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-top:10px;display:flex}.product-card__meta{color:#6f82a0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.4;overflow:hidden}.product-card__corner-actions{flex:none;gap:8px;margin-left:auto;display:flex}.product-card__corner-actions .icon-button{color:#8796ad;background:0 0;border-color:#0000;border-radius:8px;width:28px;height:28px}.product-card__corner-actions .icon-button:hover{color:#dce9f8;background:#ffffff14}.product-card__corner-actions .icon-button.danger:hover{color:#ffc6d2;background:#ff67811a}.section-topline{justify-content:space-between;align-items:center;display:flex}.section-topline strong{color:var(--text-strong);font-size:18px}.project-card{cursor:pointer;border-radius:10px;grid-template-columns:136px minmax(0,1fr);min-height:174px;display:grid}.project-card:focus-visible{outline-offset:3px;outline:2px solid #67e8f9a8}.project-new-card{min-height:174px;color:var(--text-main);text-align:left;padding:0}.project-new-card__cover{background:linear-gradient(135deg,#67e8f929,#fae05c1f),#ffffff0d;place-items:center;min-height:174px;display:grid}.project-new-card__cover span{color:#ecfeff;background:#0c122285;border-radius:18px;place-items:center;width:62px;height:62px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff14}.project-new-card .project-body{align-content:center}.project-new-card h2{font-size:18px}.project-new-card:hover{border-color:#67e8f96b}.project-cover{height:100%}.project-cover:after{content:"";background:linear-gradient(#0000 42%,#070b18b8);position:absolute;inset:0}.project-cover span{z-index:1;color:#e7fbff;background:#080c18b8;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;position:absolute;bottom:12px;left:12px}.project-select-check{opacity:.72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c122294;border-radius:9px;width:26px;height:26px;top:10px;right:10px}.project-card:hover .project-select-check{opacity:1}.project-select-check:has(input:checked){opacity:1}.project-body{flex-direction:column;min-width:0;padding:14px 14px 12px;display:flex}.project-body h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:16px;display:-webkit-box;overflow:hidden}.project-body p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-row{flex-wrap:wrap;gap:6px;max-height:58px;margin:10px 0 12px;display:flex;overflow:hidden}.task-row span{min-height:24px;padding:0 8px;font-size:11px}.project-card__actions{align-items:center;gap:8px;margin-top:auto;display:flex}.project-card__actions .ghost-button{white-space:nowrap;flex:1;min-height:36px;padding:0 12px}.project-card__actions .icon-button{border-radius:10px;flex:none;width:36px;height:36px}.task-row span.done{color:#c6ffe4;border-color:#34d39952}.workshop-board{grid-template-columns:minmax(300px,.82fr) minmax(320px,.72fr) minmax(520px,1.15fr);align-items:start;gap:16px;display:grid}.compose-panel{align-self:start;padding:18px}.compose-field{gap:8px;margin-top:14px;display:grid}.compose-field>strong{color:var(--text-strong);font-size:13px}.step-label{color:var(--text-strong);align-items:center;gap:10px;margin-bottom:14px;font-weight:800;display:flex}.step-label span{color:#06101c;background:#7ff2e3;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.chosen-product{gap:14px;margin-top:14px;display:grid}.chosen-product img{aspect-ratio:16/9;object-fit:contain;background:#060a1670;border-radius:8px;width:100%;max-height:320px}.output-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.output-type-grid button{min-width:0;min-height:38px;color:var(--text-main);white-space:nowrap;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:0 7px;font-size:12px;font-weight:800;line-height:1}.output-type-grid button.active{color:#e9feff;background:#22d3ee29;border-color:#67e8f96b}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.platform-grid button{min-height:66px;color:var(--text-main);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;gap:5px;padding:12px;display:grid}.platform-grid button.active{color:#ecfeff;background:#22d3ee24;border-color:#67e8f97a}.platform-grid small{color:var(--text-muted);font-size:12px}.spec-grid{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.legacy-spec-grid{display:none}.compose-field textarea{resize:vertical;border:1px solid var(--line);background:#ffffff0d;border-radius:8px;min-height:168px;padding:14px;line-height:1.6}.creation-preview{gap:14px;min-width:0;display:grid}.preview-panel{min-width:0}.creation-preview__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.creation-preview__head .step-label{margin-bottom:6px}.creation-preview__head p{color:var(--text-muted);margin:0;font-size:12px}.creation-preview__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.creation-preview__actions .ghost-button,.creation-preview__actions .primary-button{border-radius:10px;min-height:36px;padding:0 12px}.creation-preview__empty{min-height:238px;color:var(--text-muted);text-align:center;background:#ffffff09;border:1px dashed #94a3b842;border-radius:8px;place-items:center;gap:8px;padding:32px;display:grid}.creation-preview__empty strong{color:var(--text-strong)}.creation-preview__grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:720px;padding-bottom:12px;padding-right:6px;display:grid;overflow-y:auto}.creation-preview__grid.is-video{grid-template-columns:1fr}.creation-preview-card{min-height:254px;color:var(--text-main);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:12px;position:relative;overflow:hidden}.creation-preview-card:hover,.creation-preview-card.is-selected{border-color:#67e8f96b}.creation-preview-card.is-selected{background:#22d3ee1a}.creation-preview-card.is-collage{border-color:#7df2e457}.creation-preview-card.is-collage:after{color:#082133;content:"长图";background:linear-gradient(135deg,#73f2df,#f5e977);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;position:absolute;top:10px;right:10px}.creation-preview-card img,.creation-preview-card video{object-fit:contain;background:#060a16;width:100%;height:clamp(220px,26vh,300px);display:block}.creation-preview__grid.is-video .creation-preview-card{min-height:388px}.creation-preview__grid.is-video .creation-preview-card video{height:clamp(320px,34vh,430px)}.creation-preview-card__text{min-height:220px;color:var(--text-main);padding:16px;line-height:1.6}.creation-preview-card__check{color:#0000;cursor:pointer;background:#080c18a3;border:1px solid #fff3;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;left:10px}.creation-preview-card.is-selected .creation-preview-card__check{color:#06101c;background:#75f6df;border-color:#7bffe9bf}.creation-preview-card__meta{gap:4px;padding:10px 12px;display:grid}.creation-preview-card__meta strong{color:var(--text-strong);font-size:13px}.creation-preview-card__meta span{color:var(--text-muted);font-size:12px}.preview-strip{grid-template-columns:96px repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.preview-strip img,.preview-strip div{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;height:88px}.preview-strip img{object-fit:cover;width:100%}.preview-strip div{align-content:center;gap:6px;padding:12px;display:grid}.preview-strip strong{color:var(--text-strong)}.preview-strip span{color:var(--text-muted);font-size:12px}.generation-panel{background:#060c1966;border:1px solid #67e8f92e;border-radius:8px;margin-top:14px;padding:12px}.generation-panel__head,.generation-task__topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.generation-panel__head strong,.generation-task__topline strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-panel__head span,.generation-task__topline span,.generation-task__main span{color:var(--text-muted);font-size:12px}.generation-task-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;max-height:360px;margin-top:10px;padding-right:6px;display:grid;overflow-y:auto}.generation-task{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;gap:8px;padding:11px;display:grid}.generation-task.is-running{background:#22d3ee14;border-color:#22d3ee52}.generation-task.is-success{background:#10b98114;border-color:#34d3994d}.generation-task.is-failed{background:#f43f5e14;border-color:#f43f5e5c}.generation-task__main{gap:5px;display:grid}.generation-task__main em{color:#ffb8c7;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:58px;font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden}.generation-task__main code{color:#dffbff;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:12px;line-height:1.5;display:block;overflow:hidden}.generation-task__progress{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.generation-task__progress.is-indeterminate:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#5eead4,#0000);width:42%;height:100%;animation:1.1s ease-in-out infinite progress-pulse;display:block}.generation-task__progress span{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#f7d56a);height:100%;transition:width .22s;display:block}@keyframes progress-pulse{0%{transform:translate(-120%)}to{transform:translate(260%)}}.library-tabs{flex-wrap:wrap;gap:10px;display:flex}.library-tabs button,.mobile-nav button{min-height:38px;color:var(--text-main);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.library-tabs button.active,.mobile-nav button.active{color:#06101c;background:linear-gradient(135deg,#79f2e5,#ffd66d);border-color:#ffe08cb8}.asset-card{isolation:isolate;background:#080c18b8;flex-direction:column;min-width:0;min-height:0;display:flex}.asset-card:after{display:none}.asset-card .asset-image,.asset-card .copy-preview{object-fit:cover;border-bottom:1px solid #ffffff14;flex:none;width:100%;height:210px;display:block}.asset-image:is(video),.asset-bind-media:is(video){background:#060a16}.copy-preview{color:#dffbff;background:linear-gradient(135deg,#22d3ee1f,#fb718514),#ffffff0d;padding:18px}.copy-preview p{color:var(--text-main);margin:18px 0 0;font-size:14px;line-height:1.7}.asset-card .asset-body{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:14px;display:flex}.asset-card:hover:after,.asset-card:focus-within:after{display:none}.asset-card .card-title-row{align-items:flex-start;min-width:0}.asset-card .card-title-row h2,.asset-card .card-title-row p{text-shadow:none}.asset-card .card-title-row h2{word-break:break-word}.asset-card .card-title-row p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.asset-card .attr-list{max-height:64px;overflow:hidden}.asset-card .card-actions{flex-direction:row;margin-top:14px}.asset-card .icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8}.modal-layer{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0c1222f5;border-radius:8px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 22px 90px #0000007a}.product-form-modal{width:min(920px,100%)}.asset-bind-modal{width:min(680px,100%)}.creation-start-modal{width:min(620px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head p{color:var(--text-muted);margin:0 0 6px;font-size:12px}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.form-field,.reference-panel{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;gap:8px;padding:14px;display:grid}.span-2{grid-column:1/-1}.form-field>span{color:var(--text-muted);font-size:12px;font-weight:700}.form-field input,.form-field textarea,.reference-url-row input{width:100%;color:var(--text-main);background:#060a1661;border:1px solid #ffffff1a;border-radius:8px;outline:0}.form-field input,.reference-url-row input{min-height:42px;padding:0 12px}.form-select{width:100%}.form-select .custom-select__button{background:#060a1661;border:1px solid #ffffff1a;border-radius:8px;min-height:42px}.form-select.is-open .custom-select__button{background:#060a168f;border-color:#67e8f96b;box-shadow:0 0 0 3px #22d3ee14}.form-field textarea{resize:vertical;min-height:118px;padding:12px;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder,.reference-url-row input::placeholder{color:#9caac4b3}.form-field small{color:#ffb4c4;font-size:12px}.reference-panel__head,.reference-url-row,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-panel__head strong{color:var(--text-strong);font-size:14px}.reference-url-row input{flex:1}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:88px;display:grid}.reference-thumb{aspect-ratio:1;border:1px solid var(--line);background:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%}.reference-thumb button{color:#f8fbff;cursor:pointer;background:#060a16ad;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:28px;height:28px;display:inline-grid;position:absolute;top:6px;right:6px}.reference-empty{min-height:88px;color:var(--text-muted);border:1px dashed #94a3b847;border-radius:8px;grid-column:1/-1;place-items:center;font-size:12px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:18px;padding-top:16px}.creation-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.creation-start-card{min-height:168px;color:var(--text-main);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-items:start;padding:18px;transition:border-color .16s,background .16s,transform .16s;display:grid}.creation-start-card:hover{background:#14b8a61f;border-color:#67e8f97a;transform:translateY(-2px)}.creation-start-card__icon{color:#7cf9f3;background:#22d3ee1a;border:1px solid #67e8f947;border-radius:8px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:inline-grid}.creation-start-card strong{color:var(--text-strong);font-size:18px}.creation-start-card small{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.6}.asset-bind-body{gap:14px;margin-top:18px;display:grid}.asset-bind-summary{background:#1ed4ff0f;border:1px solid #67e8f933;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.asset-bind-summary div{gap:4px;display:grid}.asset-bind-summary strong{color:var(--text-strong);font-size:15px}.asset-bind-summary span:not(.tag){color:var(--text-muted);font-size:12px}.asset-bind-list{gap:8px;max-height:280px;display:grid;overflow:auto}.asset-bind-item{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:8px;display:grid}.asset-bind-item img,.asset-bind-media,.asset-bind-item__icon{border-radius:6px;width:56px;height:48px}.asset-bind-item img,.asset-bind-media{object-fit:cover;display:block}.asset-bind-item__icon{color:#7dd3fc;background:#22d3ee14;border:1px solid #67e8f92e;place-items:center;display:grid}.asset-bind-item strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.asset-bind-item small,.asset-bind-more{color:var(--text-muted);font-size:12px}.asset-bind-more{text-align:center;border:1px dashed #94a3b83d;border-radius:8px;padding:10px 12px}.modal-content{grid-template-columns:280px minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.modal-content img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%}.modal-content p{color:var(--text-main);margin:14px 0 0;line-height:1.7}.modal-action-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.linked-list{gap:8px;margin:18px 0;display:grid}.linked-list strong{color:var(--text-strong)}.segmented-control{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;align-items:center;gap:4px;min-height:42px;padding:4px;display:inline-flex}.segmented-control.fill{width:100%}.segmented-control button{min-height:32px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.segmented-control button.active{color:#06101c;background:linear-gradient(135deg,#7df2e4,#f7d56a)}.form-field.no-pad{background:0 0;border:0;padding:0}.config-row{grid-template-columns:minmax(0,1fr) 124px;gap:12px;margin-top:14px;display:grid}.reference-pick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reference-pick-grid button{aspect-ratio:1;color:#0000;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:0;position:relative;overflow:hidden}.reference-pick-grid button.active{color:#06101c;border-color:#7bffe9b8;box-shadow:0 0 0 2px #5eead429}.reference-pick-grid img{object-fit:cover;width:100%;height:100%}.reference-pick-grid svg{background:#7df2e4;border-radius:999px;width:24px;height:24px;padding:4px;position:absolute;top:6px;right:6px}.reference-grid.compact{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));min-height:72px}.reference-thumb.is-video{color:#7dd3fc;place-items:center;display:grid}.reference-thumb.is-video svg{width:28px;height:28px}.project-detail{gap:16px}.detail-hero{border:1px solid var(--line);background:linear-gradient(135deg,#22d3ee1f,#f7d56a14),#ffffff0d;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px;display:flex}.detail-hero h2{color:var(--text-strong);letter-spacing:0;margin:12px 0 6px;font-size:28px}.detail-hero p,.detail-panel p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ghost-button.compact{border-radius:10px;min-height:34px;padding:0 11px;font-size:12px}.project-detail-grid,.batch-center-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.detail-panel{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.detail-panel h3{color:var(--text-strong);margin:0;font-size:15px}.progress-block{background:#ffffff14;border-radius:999px;height:10px;position:relative;overflow:hidden}.progress-block span{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#f7d56a);height:100%;display:block}.detail-stat-row{flex-wrap:wrap;gap:8px;display:flex}.detail-stat-row span{min-height:28px;color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.form-inline,.selling-point-input{gap:10px;display:flex}.form-inline input,.selling-point-input input,.copy-project-input,.review-card input{min-width:0;min-height:40px;color:var(--text-main);background:#060a1661;border:1px solid #ffffff1a;border-radius:8px;outline:0;flex:1;padding:0 12px}.task-detail-list,.review-list,.operation-log-list{gap:10px;display:grid}.task-detail-list article,.operation-log-list article{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.task-detail-list strong,.operation-log-list strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-detail-list span,.operation-log-list span{color:var(--text-muted);flex-shrink:0;font-size:12px}.library-mode-switch{margin-right:auto}.original-upload-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.batch-center-modal,.asset-preview-modal,.review-pool-modal,.product-batch-modal,.platform-rules-modal,.product-detail-modal{width:min(980px,100%)}.asset-preview-modal{width:min(1080px,100vw - 96px);max-height:calc(100vh - 96px)}.collage-modal{width:min(1120px,100vw - 96px);max-height:calc(100vh - 80px)}.collage-modal__body{grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;min-height:0;margin-top:18px;display:grid}.collage-modal__source{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid}.collage-modal__summary{background:#0c2b3a80;border:1px solid #7df2e438;border-radius:10px;gap:5px;padding:14px;display:grid}.collage-modal__summary strong{color:var(--text-strong);font-size:16px}.collage-modal__summary span{color:var(--text-muted);font-size:12px;line-height:1.5}.collage-source-list{align-content:start;gap:10px;min-height:0;max-height:min(56vh,560px);padding-right:4px;display:grid;overflow:auto}.collage-source-item{cursor:grab;background:#ffffff0b;border:1px solid #94a3b829;border-radius:10px;grid-template-columns:18px 28px 58px minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:border-color .16s,background .16s,opacity .16s,transform .16s;display:grid}.collage-source-item:hover{background:#22d3ee14;border-color:#7df2e45c}.collage-source-item:active{cursor:grabbing}.collage-source-item.is-dragging{opacity:.55;transform:scale(.985)}.collage-source-item__handle{color:#9caac4c7;pointer-events:none}.collage-source-item__index{color:#06101c;background:#75f6df;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.collage-source-item img{object-fit:cover;background:#060a16;border-radius:8px;width:58px;height:58px}.collage-source-item div{gap:4px;min-width:0;display:grid}.collage-source-item strong,.collage-source-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collage-source-item strong{color:var(--text-strong);font-size:13px}.collage-source-item small{color:var(--text-muted);font-size:12px}.collage-modal__preview{background:linear-gradient(#08142299,#070c18c7),#ffffff0a;border:1px solid #94a3b829;border-radius:12px;min-height:420px;max-height:min(66vh,700px);padding:16px;overflow:auto}.collage-preview-stack{background:#060a16;border:1px solid #7df2e438;border-radius:10px;width:min(420px,100%);margin:0 auto;overflow:hidden;box-shadow:0 18px 50px #00000047}.collage-preview-item{background:#060a16;border-bottom:1px solid #94a3b82e;margin:0}.collage-preview-item:last-child{border-bottom:0}.collage-preview-item img{background:#060a16;width:100%;height:auto;display:block}.copy-edit-modal{width:min(720px,100%)}.platform-rule-grid,.batch-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.product-batch-grid{grid-template-columns:1fr;gap:14px;margin-top:18px;display:grid}.batch-center-grid{align-items:stretch}.operation-card{background:linear-gradient(#ffffff0e,#ffffff09),#ffffff0a;align-content:start;gap:14px;padding:20px}.operation-card>strong{color:var(--text-strong);font-size:16px;line-height:1.3}.operation-card .form-select .custom-select__button,.batch-center-input{min-height:44px;color:var(--text-main);background:#060a1685;border:1px solid #94a3b82e;border-radius:8px;box-shadow:inset 0 1px #ffffff08}.batch-center-input{width:100%;min-width:0;font:inherit;outline:0;padding:0 12px}.batch-center-input:focus{background:#060a16a3;border-color:#67e8f96b;box-shadow:0 0 0 3px #22d3ee14}.batch-center-input::placeholder{color:#9caac4b3}.batch-template-tags{flex-wrap:wrap;gap:8px;min-height:34px;display:flex}.batch-template-tag{color:#dff7ff;cursor:pointer;background:#080c1885;border:1px solid #67e8f92e;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;transition:all .16s;display:inline-flex}.batch-template-tag:hover{color:#06101c;background:#7df2e4;border-color:#7df2e48f}.batch-center-actions .ghost-button,.batch-center-actions .primary-button,.operation-card>.ghost-button,.operation-card>.primary-button{border-radius:8px;width:100%;min-height:44px;font-weight:800}.batch-center-assets{min-height:244px}.batch-center-assets .asset-bind-list{max-height:260px;padding-right:2px}.batch-center-assets .asset-bind-item{background:#ffffff0b;border-color:#94a3b829;min-height:78px;padding:12px}.batch-center-assets .asset-bind-item img,.batch-center-assets .asset-bind-media,.batch-center-assets .asset-bind-item__icon{border-radius:8px;width:56px;height:56px}.batch-center-assets .asset-bind-item .icon-button{border-radius:12px;width:42px;height:42px}.product-batch-summary{margin-top:18px}.platform-rule-card{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.rule-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding-bottom:8px;display:flex}.rule-row span{color:var(--text-muted);font-size:12px}.rule-row strong{color:var(--text-main);font-size:13px}.copy-edit-field{gap:8px;margin-top:18px;display:grid}.copy-edit-field span{color:var(--text-muted);font-size:12px}.copy-edit-field textarea{resize:vertical;min-height:260px}.batch-center-modal .asset-bind-item{grid-template-columns:56px minmax(0,1fr) auto}.product-detail-content{grid-template-columns:300px minmax(0,1fr)}.product-detail-media{gap:12px;display:grid}.product-detail-media>img{aspect-ratio:1}.linked-item-button{width:100%;color:var(--text-main);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.linked-list__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-mini-list{overscroll-behavior:contain;gap:8px;max-height:336px;padding-right:4px;display:grid;overflow-y:auto}.asset-mini-row{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px;display:grid}.asset-mini-row img,.asset-mini-row .asset-bind-media,.asset-mini-row .asset-bind-item__icon{object-fit:cover;border-radius:6px;width:44px;height:38px}.asset-mini-copy{gap:3px;min-width:0;display:grid}.asset-mini-copy strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.asset-mini-copy small{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.asset-preview-body{grid-template-columns:minmax(0,1fr) 240px;gap:18px;margin-top:18px;display:grid}.asset-preview-stage{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;place-items:center;min-height:min(58vh,560px);display:grid;overflow:hidden}.asset-preview-stage img,.asset-preview-stage video{object-fit:contain;max-width:100%;max-height:min(62vh,620px)}.asset-preview-stage.is-video{background:#060a16;min-height:min(56vh,540px)}.asset-preview-meta{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;align-content:start;gap:10px;padding:14px;display:grid}.asset-preview-meta span:not(.tag){color:var(--text-muted);font-size:13px;line-height:1.6}.copy-preview.large{border:0;align-content:center;height:auto;min-height:360px;display:grid}.review-card{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;grid-template-columns:minmax(190px,.9fr) minmax(320px,1.4fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.review-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.review-card strong,.review-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.review-card strong{color:var(--text-strong)}.review-card span{color:var(--text-muted);margin-top:4px;font-size:12px}.tag-template-body{gap:14px;margin-top:18px;display:grid}.template-list{gap:8px;max-height:260px;display:grid;overflow:auto}.template-list article{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.template-list article.active{background:#5eead414;border-color:#5eead461}.template-list article>button:first-child{min-width:0;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;display:grid}.template-list strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-list span{color:var(--text-muted);font-size:12px}@media (width<=1480px){.product-grid,.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-board{grid-template-columns:minmax(300px,.9fr) minmax(360px,1fr)}.preview-panel{grid-column:1/-1}}@media (width<=1280px){.workshop-board{grid-template-columns:1fr}}@media (width<=980px){.topbar{padding:0 18px}.brand-copy small{display:none}.workspace{display:block}.sidebar{display:none}.main-panel{padding:18px 16px 36px}.mobile-nav{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.page-heading{flex-direction:column;align-items:stretch}.product-grid,.project-grid,.asset-grid,.asset-grid.library-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{grid-template-columns:1fr}.project-cover{height:150px}.modal-content{grid-template-columns:1fr}.collage-modal{width:min(100%,100vw - 32px)}.collage-modal__body{grid-template-columns:1fr}.collage-modal__preview{min-height:320px}.product-form-grid{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.page-heading h1{font-size:24px}.product-grid,.project-grid,.asset-grid,.asset-grid.library-asset-grid{grid-template-columns:1fr}.toolbar,.card-actions,.panel-actions,.bulk-bar{flex-direction:column;align-items:stretch}.search-field,.select-field,.primary-button,.ghost-button{width:100%}.reference-url-row,.modal-actions{flex-direction:column;align-items:stretch}.creation-start-grid{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-strip{grid-template-columns:1fr 1fr}}.file-uploader{gap:10px;width:100%;display:grid}.file-uploader__dropzone{min-height:96px;color:var(--text-main,#e5edf8);cursor:pointer;background:linear-gradient(135deg,#22d3ee14,#facc150f),#ffffff0a;border:1px dashed #7dd3fc5c;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.file-uploader__dropzone:hover,.file-uploader__dropzone.is-dragging{background:linear-gradient(135deg,#22d3ee24,#facc1514),#ffffff0f;border-color:#67e8f9b8;box-shadow:0 0 0 3px #22d3ee14}.file-uploader__dropzone.is-disabled{opacity:.58;cursor:not-allowed}.file-uploader__dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-uploader__icon,.file-uploader__file-icon{color:#7dd3fc;background:#0ea5e91f;border:1px solid #7dd3fc42;flex-shrink:0;place-items:center;display:inline-grid}.file-uploader__icon{border-radius:12px;width:42px;height:42px}.file-uploader__text{gap:5px;min-width:0;display:grid}.file-uploader__text strong{color:var(--text-strong,#f8fbff);font-size:15px}.file-uploader__text small,.file-uploader__meta,.file-uploader__file-main small{color:var(--text-muted,#91a4bc);font-size:12px}.file-uploader__pick{color:#06101c;cursor:pointer;background:linear-gradient(135deg,#5eead4,#f7d56a);border:1px solid #85ffff80;border-radius:10px;min-height:34px;padding:0 12px;font-weight:800}.file-uploader__pick:disabled{opacity:.6;cursor:not-allowed}.file-uploader__meta{flex-wrap:wrap;gap:8px;display:flex}.file-uploader__meta span{background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;display:inline-flex}.file-uploader__meta .is-warning{color:#fed7aa;background:#fb923c1a;border-color:#fb923c42}.file-uploader__list{gap:8px;display:grid}.file-uploader__item{min-height:48px;color:var(--text-main,#e5edf8);background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;display:grid}.file-uploader__item.is-success{border-color:#34d39942}.file-uploader__item.is-error{border-color:#fb718547}.file-uploader__file-icon{border-radius:9px;width:32px;height:32px}.file-uploader__file-main{gap:3px;min-width:0;display:grid}.file-uploader__file-main strong,.file-uploader__file-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-uploader__status{color:#94a3b8;place-items:center;display:inline-grid}.file-uploader__item.is-success .file-uploader__status{color:#34d399}.file-uploader__item.is-error .file-uploader__status{color:#fb7185}.file-uploader__item button{width:30px;height:30px;color:var(--text-main,#e5edf8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;place-items:center;display:inline-grid}.file-uploader__item .file-uploader__retry{color:#dffbff;white-space:nowrap;background:#0ea5e91f;border-color:#7dd3fc47;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:auto;min-width:72px;height:30px;padding:0 9px;font-weight:700;line-height:1;display:inline-flex}.file-uploader__item .file-uploader__retry svg{flex:none}.file-uploader__item .file-uploader__retry:disabled{opacity:.55;cursor:not-allowed}.is-spinning{animation:.8s linear infinite file-uploader-spin}@keyframes file-uploader-spin{to{transform:rotate(360deg)}}@media (width<=640px){.file-uploader__dropzone,.file-uploader__item{grid-template-columns:auto minmax(0,1fr)}.file-uploader__pick,.file-uploader__status,.file-uploader__retry,.file-uploader__item button{grid-column:2;justify-self:start}}.action-confirm__panel{width:min(420px,100%);padding:20px}.action-confirm__head{align-items:flex-start;gap:12px;display:flex}.action-confirm__icon{color:#06101c;background:linear-gradient(135deg,#7dd3fc,#f8dc73);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.action-confirm__icon.is-danger{color:#fff7fb;background:linear-gradient(135deg,#fb7185,#f59e0b)}.action-confirm__copy{min-width:0}.action-confirm__copy h2{color:var(--text-strong);margin:0;font-size:18px}.action-confirm__copy p{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.65}.action-confirm__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.action-confirm__danger{color:#fff7fb;background:linear-gradient(135deg,#f43f5e,#f97316);border-color:#fb71856b;box-shadow:0 10px 22px #f43f5e29}.action-confirm__danger:hover{transform:translateY(-1px)}@media (width<=640px){.action-confirm__actions{flex-direction:column-reverse;align-items:stretch}}.clarity-shell{min-height:100vh;color:var(--text-main)}.clarity-topbar{justify-content:flex-start}.clarity-main{width:min(1720px,100%);margin:0 auto;padding:104px 36px 54px}.clarity-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.clarity-heading p,.clarity-panel-head p{color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:800}.clarity-heading h1{color:var(--text-strong);margin:0;font-size:40px;line-height:1.12}.clarity-heading span:not(.tag){max-width:720px;color:var(--text-soft);margin-top:12px;line-height:1.7;display:block}.clarity-layout{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:start;gap:22px;display:grid}.clarity-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;box-shadow:0 18px 46px #0003}.clarity-upload-panel{gap:16px;padding:22px;display:grid}.clarity-upload-panel,.clarity-task-panel,.clarity-upload-zone,.clarity-notice,.clarity-uploaded-list,.clarity-submit-button{min-width:0;max-width:100%}.clarity-upload-zone{cursor:pointer;background:linear-gradient(135deg,#22d3ee1a,#f7d56a0a),#ffffff0a;border:1px dashed #67e8f961;border-radius:8px;align-content:center;justify-items:start;gap:16px;min-height:244px;padding:30px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.clarity-upload-zone:hover,.clarity-upload-zone.is-dragging{background:linear-gradient(135deg,#22d3ee29,#f7d56a0f),#ffffff0f;border-color:#67e8f9b8;box-shadow:0 0 0 3px #22d3ee14}.clarity-upload-zone.is-disabled{opacity:.66;cursor:wait}.clarity-upload-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clarity-upload-zone__icon{color:#67e8f9;background:#0ea5e924;border:1px solid #67e8f93d;border-radius:18px;place-items:center;width:70px;height:70px;display:inline-grid}.clarity-upload-zone__copy{gap:8px;min-width:0;max-width:100%;display:grid}.clarity-upload-zone__copy strong{color:var(--text-strong);font-size:20px}.clarity-upload-zone__copy small,.clarity-file-copy small,.clarity-task-row small{color:var(--text-muted);font-size:12px}.clarity-notice{color:#ffe8b5;background:#fbbf2414;border:1px solid #fbbf243d;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:flex}.clarity-notice span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.clarity-uploaded-list{gap:8px;display:grid}.clarity-uploaded-item{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.clarity-file-icon{color:#7dd3fc;background:#22d3ee14;border:1px solid #67e8f933;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.clarity-file-copy{gap:3px;min-width:0;display:grid}.clarity-file-copy strong,.clarity-file-copy small,.clarity-task-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.clarity-uploaded-item button{width:30px;height:30px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;place-items:center;display:inline-grid}.clarity-submit-button{width:100%}.clarity-task-panel{flex-direction:column;height:calc(100vh - 298px);min-height:460px;padding:22px;display:flex;overflow:hidden}.clarity-panel-head,.clarity-pagination{justify-content:space-between;align-items:center;gap:14px;display:flex}.clarity-panel-head{margin-bottom:18px}.clarity-panel-head h2{color:var(--text-strong);margin:0;font-size:22px}.clarity-panel-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.clarity-panel-head>span,.clarity-panel-actions>span,.clarity-pagination>span{color:var(--text-muted);font-size:13px}.clarity-batch-download{white-space:nowrap;min-width:104px}.clarity-table{border:1px solid var(--line);scrollbar-color:#67e8f95c #ffffff0a;border-radius:8px;flex:auto;min-height:0;overflow:hidden auto}.clarity-table.is-empty{overflow:hidden}.clarity-table__head,.clarity-task-row{grid-template-columns:40px minmax(180px,1.55fr) 60px 92px 116px 112px 172px;align-items:center;gap:10px;width:100%;display:grid}.clarity-table__head{z-index:3;min-height:48px;color:var(--text-muted);background:#1f293b;padding:0 14px;font-size:12px;font-weight:800;position:sticky;top:0}.clarity-table.is-empty .clarity-table__head{grid-template-columns:40px minmax(160px,1.1fr) minmax(64px,.45fr) minmax(88px,.62fr) minmax(112px,.72fr) minmax(108px,.72fr) minmax(64px,.42fr)}.clarity-table.is-empty .clarity-table__head>span:last-child{background:0 0}.clarity-task-row{border-top:1px solid #ffffff12;min-height:86px;padding:14px}.clarity-task-row:hover{background:#ffffff06}.clarity-task-row>span{min-width:0;color:var(--text-main);font-size:13px}.clarity-task-select{justify-content:center;align-items:center;min-width:40px;height:100%;display:inline-flex}.clarity-select-button{color:#07111f;cursor:pointer;background:#060a1642;border:1px solid #94a3b885;border-radius:8px;place-items:center;width:28px;height:28px;line-height:1;display:inline-grid}.clarity-select-button[aria-checked=true]{background:linear-gradient(135deg,#6cf5e7,#f4e574);border-color:#67e8f9c7}.clarity-select-button:disabled{opacity:.42;cursor:not-allowed}.clarity-task-name{gap:5px;min-width:0;display:grid}.clarity-task-name strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.clarity-task-name small{overflow-wrap:anywhere;word-break:break-word}.clarity-task-progress{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.clarity-task-progress span{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#f7d56a);height:100%;transition:width .22s;display:block}.clarity-status{gap:5px;width:fit-content}.clarity-task-actions{justify-content:flex-start;align-self:stretch;align-items:center;gap:8px;min-width:0;display:flex}.clarity-task-actions .ghost-button{white-space:nowrap;flex:0 0 78px;min-width:78px;padding:0 8px}.clarity-pagination{margin-top:18px}.clarity-pagination div{gap:8px;display:flex}.clarity-empty{min-height:90px;color:var(--text-muted);text-align:center;background:#ffffff09;border:1px dashed #94a3b83d;border-radius:8px;justify-items:center;gap:8px;padding:18px;display:grid}.clarity-empty.large{border:0;border-top:1px solid #ffffff12;border-radius:0;min-height:260px}.clarity-preview{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.clarity-preview__panel{border:1px solid var(--line);background:#0c1222fa;border-radius:8px;width:min(1180px,100%);max-height:calc(100vh - 48px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 80px #0000007a}.clarity-preview__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.clarity-preview__head h2{color:var(--text-strong);word-break:break-all;margin:0;font-size:18px}.clarity-preview__head span{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.clarity-preview__stage{border:1px solid var(--line);background:#00000047;border-radius:8px;place-items:center;min-height:420px;margin-top:18px;display:grid;overflow:hidden}.clarity-preview__stage img,.clarity-preview__stage video{object-fit:contain;max-width:100%;max-height:72vh;display:block}.clarity-preview__compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.clarity-preview__media-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-rows:auto minmax(320px,1fr);min-width:0;display:grid;overflow:hidden}.clarity-preview__media-card.is-enhanced{border-color:#62e7c957;box-shadow:inset 0 0 0 1px #62e7c914}.clarity-preview__media-label{background:#ffffff09;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.clarity-preview__media-label strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.clarity-preview__media-label span{color:var(--text-muted);flex:none;font-size:12px}.clarity-preview__media-frame{background:#00000047;place-items:center;min-height:360px;display:grid;overflow:hidden}.clarity-preview__media-frame img,.clarity-preview__media-frame video{object-fit:contain;max-width:100%;max-height:min(64vh,520px);display:block}@media (width<=1180px){.clarity-layout{grid-template-columns:1fr}.clarity-task-panel{height:auto;min-height:0;overflow:visible}}@media (width<=980px){.clarity-main{padding:92px 16px 36px}.clarity-heading,.clarity-panel-head,.clarity-pagination{flex-direction:column;align-items:stretch}.clarity-panel-actions{justify-content:space-between}.clarity-heading h1{font-size:32px}.clarity-preview{padding:16px}.clarity-preview__panel{max-height:calc(100vh - 32px)}.clarity-preview__compare{grid-template-columns:1fr}.clarity-preview__media-frame{min-height:260px}.clarity-table{border:0;border-radius:0;overflow:visible}.clarity-table__head{display:none}.clarity-table__body{gap:10px;display:grid}.clarity-task-row{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:1fr;gap:8px;min-width:0;min-height:0;padding:14px}.clarity-task-select{justify-content:flex-start}.clarity-task-actions{background:0 0;flex-wrap:wrap;align-self:auto;padding-left:0;position:static;right:auto}.clarity-task-actions .ghost-button{flex:112px}}@media (width<=640px){.clarity-topbar{padding:0 16px}.clarity-upload-panel,.clarity-task-panel{padding:16px}.clarity-upload-zone{min-height:210px;padding:22px}.clarity-upload-zone__copy strong{font-size:18px}.clarity-task-actions .ghost-button,.clarity-pagination .ghost-button,.clarity-batch-download,.clarity-submit-button{flex:100%;width:100%}.clarity-pagination div{flex-direction:column}}