:root{--bg:#fafafa;--panel:#fff;--text:#171717;--muted:#737373;--soft:#a3a3a3;--line:#e9e9e9;--hover:#f4f4f4;--black:#171717;--danger:#e83b3b;--success:#26a65b;--purple:#7c5cff;--radius:10px;--shadow:0 8px 28px rgba(0,0,0,.045);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px}.danger{color:var(--danger)!important}.success{color:var(--success)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-visual{position:relative;overflow:hidden;padding:52px;background:radial-gradient(circle at 28% 24%,#ebe7ff 0,transparent 28%),radial-gradient(circle at 76% 66%,#dcf7f0 0,transparent 30%),#f7f7f7}.login-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.brand-logo,.sidebar-logo{width:34px;height:34px;border-radius:10px;object-fit:contain;background:linear-gradient(135deg,#7657ff,#33d2bd);display:grid;place-items:center;color:white;font-weight:700}.brand-logo img,.sidebar-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.login-hero{position:absolute;left:52px;right:52px;top:43%;transform:translateY(-50%)}.login-hero h1{font-size:46px;font-weight:600;line-height:1.1;letter-spacing:-1.8px;margin:0 0 18px;max-width:680px}.login-hero p{font-size:15px;line-height:1.75;color:#666;max-width:560px}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(380px,100%)}.login-card h2{font-size:26px;font-weight:600;margin:0 0 8px;letter-spacing:-.7px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 28px}.login-note{margin-top:16px;padding:12px 14px;border-radius:10px;background:#f5f5f5;color:#666;font-size:11px;line-height:1.6}
.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:80px;border-right:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);z-index:20;display:flex;flex-direction:column;align-items:center}.sidebar-top{height:88px;display:grid;place-items:center}.sidebar-logo{width:34px;height:34px;border-radius:10px}.brand-logo:has(img),.sidebar-logo:has(img){background:transparent}.nav{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6px 0;overflow:auto}.nav-item{width:64px;min-height:64px;border:0;background:transparent!important;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#666;font-size:10px;font-weight:500;letter-spacing:.05px}.nav-item svg{width:40px;height:40px;padding:10px;border-radius:11px;transition:background .15s,color .15s}.nav-item:hover,.nav-item.active{color:#171717}.nav-item:hover svg,.nav-item.active svg{background:#f0f0f0}.user-dock{padding:14px 0 20px;position:relative}.avatar{width:36px;height:36px;border:0;border-radius:50%;background:linear-gradient(135deg,#f0e9ff,#d9f7f2);font-size:12px;font-weight:600;color:#3c315f}.user-menu{position:absolute;left:58px;bottom:16px;width:196px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px}.user-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:12px}.user-menu button:hover{background:var(--hover)}
.main{margin-left:80px;min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 80px - 1200px)/2 + 28px));position:sticky;top:0;background:rgba(250,250,250,.9);backdrop-filter:blur(18px);z-index:10}.workspace-select{min-width:196px}.top-actions{display:flex;align-items:center;gap:8px}.page{padding:6px 28px 40px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin:12px 0 22px}.page-title h1{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.55px;margin:0 0 6px}.page-title p{margin:0;color:var(--muted);font-size:12px}
.pill,.btn,.icon-btn{border:1px solid var(--line);background:#fff;color:#222;box-shadow:0 1px 4px rgba(0,0,0,.018);transition:background .15s,border-color .15s,transform .15s}.pill{height:38px;border-radius:10px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font-size:12px}.pill:hover,.btn:hover,.icon-btn:hover{background:#f6f6f6}.btn{height:38px;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:550;line-height:1;vertical-align:middle;white-space:nowrap}.btn-primary{background:#171717;color:#fff;border-color:#171717}.btn-primary:hover{background:#2b2b2b}.btn-danger{color:var(--danger)}.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;padding:0}.icon-btn svg{width:17px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{position:relative}.search-box input{width:224px;padding-left:36px}.search-box svg{position:absolute;left:12px;top:11px;width:16px;color:#858585}
.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:600;color:#555}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;color:#222;outline:none;transition:.15s}.input,.select{height:40px;padding:0 12px}.textarea{padding:10px 12px;min-height:92px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:#aaa;box-shadow:0 0 0 3px rgba(0,0,0,.025)}input[type=file].input{padding:4px 5px;color:#777;font-size:11px}input[type=file].input::file-selector-button{height:30px;margin-right:9px;padding:0 10px;border:0;border-radius:7px;background:#f2f2f2;color:#333;font-size:11px;cursor:pointer}input[type=file].input::file-selector-button:hover{background:#eaeaea}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.full{grid-column:1/-1}.form-section{padding:19px 0;border-top:1px solid var(--line)}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{margin:0 0 14px;font-size:14px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}
.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:600;color:#555}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;color:#222;outline:none;transition:.15s}.input,.select{height:40px;padding:0 12px}.textarea{padding:10px 12px;min-height:92px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:#aaa;box-shadow:0 0 0 3px rgba(0,0,0,.025)}.input-readonly:disabled{background:#f5f5f5;border-color:#e7e7e7;color:#858585;opacity:1;cursor:not-allowed;-webkit-text-fill-color:#858585}.readonly-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.readonly-badge{padding:2px 6px;border-radius:999px;background:#f0f0f0;color:#8a8a8a;font-size:9px;font-weight:500;line-height:1.4}input[type=file].input{padding:4px 5px;color:#777;font-size:11px}input[type=file].input::file-selector-button{height:30px;margin-right:9px;padding:0 10px;border:0;border-radius:7px;background:#f2f2f2;color:#333;font-size:11px;cursor:pointer}input[type=file].input::file-selector-button:hover{background:#eaeaea}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.full{grid-column:1/-1}.form-section{padding:19px 0;border-top:1px solid var(--line)}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{margin:0 0 14px;font-size:14px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px}.stat-label{color:var(--muted);font-size:11px}.stat-value{font-size:26px;font-weight:650;line-height:1.1;letter-spacing:-.7px;margin:12px 0 6px}.stat-meta{font-size:11px;color:var(--soft)}.section{margin-top:25px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-head h2{font-size:16px;font-weight:600;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.empty{min-height:190px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:#333;margin-bottom:5px;font-weight:600}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.item-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;transition:.16s;min-width:0}.item-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.card-cover{height:142px;border-radius:10px;background:#f3f3f3;overflow:hidden;margin-bottom:12px;display:grid;place-items:center;color:#aaa}.card-cover img,.card-cover video{width:100%;height:100%;object-fit:cover}.card-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{color:var(--muted);font-size:11px;line-height:1.6;margin:7px 0;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--soft);font-size:10px;margin-top:11px}.card-actions{display:flex;gap:6px;margin-top:11px}.card-actions button{flex:1;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:11px}.card-actions button:hover{background:var(--hover)}.logo-thumb{width:48px;height:48px;border-radius:11px;background:#f2f2f2;object-fit:cover;display:grid;place-items:center;font-size:19px;margin-bottom:11px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#f2f2f2;color:#666;font-size:10px}.badge.green{background:#eaf8ef;color:#208b4b}.badge.red{background:#fff0f0;color:#d83d3d}.badge.purple{background:#f0ecff;color:#6545d5}
.brand-item-card,.product-item-card{position:relative}.card-delete-button{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:rgba(255,255,255,.92);color:#777;box-shadow:0 2px 9px rgba(0,0,0,.08);backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s}.card-delete-button:hover{background:#fff3f3;border-color:#f2caca;color:var(--danger);transform:scale(1.04)}.card-delete-button svg{width:14px;height:14px;pointer-events:none}.handbook-modal{width:min(780px,100%)}.handbook-modal .modal-body{padding:0}.handbook-view{min-height:300px}.handbook-hero{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--hover),transparent)}.handbook-image{width:76px;height:76px;flex:0 0 76px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center;color:var(--muted)}.handbook-image img{width:100%;height:100%;object-fit:contain;padding:7px}.handbook-hero>div:last-child{min-width:0}.handbook-hero span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.handbook-hero strong{display:block;font-size:18px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-hero p{margin:5px 0 0;color:var(--muted);font-size:11px}.handbook-sections{padding:18px 20px 22px}.handbook-section+.handbook-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.handbook-section h3{margin:0 0 11px;font-size:13px;font-weight:650}.handbook-row{display:grid;grid-template-columns:142px minmax(0,1fr);gap:15px;padding:8px 0;border-top:1px dashed var(--line)}.handbook-row:first-of-type{border-top:0}.handbook-row>span{color:var(--muted);font-size:11px}.handbook-row p{margin:0;color:var(--text);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.handbook-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:12px}html[data-theme=dark] .card-delete-button{border-color:rgba(255,255,255,.12);background:rgba(28,28,28,.9);color:#aaa}html[data-theme=dark] .card-delete-button:hover{border-color:#70423e;background:#392222;color:#ff8989}html[data-theme=dark] .handbook-image{background:#242424;border-color:var(--line)}@media(max-width:640px){.card-delete-button{top:9px;right:9px}.handbook-hero{padding:16px}.handbook-image{width:64px;height:64px;flex-basis:64px}.handbook-sections{padding:15px 16px 20px}.handbook-row{grid-template-columns:1fr;gap:3px}}
.handbook-page{max-width:1400px}.handbook-page-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:10px 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 2px 12px rgba(0,0,0,.025)}.handbook-page-title{display:flex;align-items:center;gap:13px;min-width:0}.handbook-page-image{width:54px;height:54px;flex:0 0 54px;border:1px solid var(--line);border-radius:12px;background:var(--hover);overflow:hidden;display:grid;place-items:center;color:var(--muted)}.handbook-page-image img{width:100%;height:100%;object-fit:contain;padding:5px}.handbook-page-title>div:last-child{min-width:0}.handbook-page-title span{display:block;color:var(--muted);font-size:10px}.handbook-page-title h1{margin:2px 0 3px;font-size:19px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-page-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.handbook-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:14px;align-items:start}.handbook-nav{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.handbook-nav>strong{display:block;padding:9px 10px 7px;font-size:11px}.handbook-nav>a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;color:var(--muted);font-size:11px}.handbook-nav>a:hover{background:var(--hover);color:var(--text)}.handbook-nav>a span{width:22px;color:var(--soft);font-size:9px;font-variant-numeric:tabular-nums}.handbook-source-summary{margin-top:8px;padding:10px;border-top:1px solid var(--line)}.handbook-source-summary>strong{display:block;margin-bottom:7px;font-size:10px}.handbook-source-summary>span{display:flex;justify-content:space-between;padding:3px 0;color:var(--muted);font-size:10px}.handbook-source-summary>span b{color:var(--text);font-weight:600}.handbook-source-summary small{display:block;margin-top:7px;color:var(--soft);font-size:9px;line-height:1.55}.handbook-layout main{min-width:0}.handbook-editor-section{margin-bottom:13px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);scroll-margin-top:84px}.handbook-editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.handbook-editor-section-head>div{display:flex;align-items:center;gap:9px}.handbook-editor-section-head>div>span{color:var(--soft);font-size:9px;font-variant-numeric:tabular-nums}.handbook-editor-section-head h2{margin:0;font-size:15px;font-weight:650}.handbook-editor-section-head>p{max-width:460px;margin:0;color:var(--muted);font-size:10px;line-height:1.55;text-align:right}.handbook-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.handbook-field-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.handbook-field-label i{padding:2px 6px;border-radius:999px;background:var(--hover);color:var(--muted);font-size:9px;font-style:normal;font-weight:500}.handbook-field-grid .textarea{min-height:78px}.handbook-field-grid .textarea[rows="6"],.handbook-field-grid .textarea[rows="7"]{min-height:128px}.handbook-field-grid .textarea[rows="8"],.handbook-field-grid .textarea[rows="10"]{min-height:160px}.handbook-field-grid .textarea:disabled{resize:none}.handbook-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.handbook-source-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--hover)}.handbook-source-list>div>i{width:28px;height:28px;border-radius:8px;background:var(--panel);display:grid;place-items:center;color:var(--muted);font-style:normal}.handbook-source-list span{min-width:0}.handbook-source-list strong{display:block;overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.handbook-source-list small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.handbook-source-list>div>b{color:var(--muted);font-size:9px}@media(max-width:900px){.handbook-page-header{grid-template-columns:1fr auto}.handbook-page-header>[data-handbook-back]{grid-column:1/-1;width:max-content}.handbook-layout{grid-template-columns:1fr}.handbook-nav{position:static;display:flex;gap:5px;max-height:none;overflow:auto}.handbook-nav>strong,.handbook-source-summary{display:none}.handbook-nav>a{flex:0 0 auto}.handbook-field-grid,.handbook-source-list{grid-template-columns:1fr}}@media(max-width:640px){.handbook-page-header{grid-template-columns:1fr}.handbook-page-header>.btn{width:100%}.handbook-page-title p{display:none}.handbook-editor-section{padding:15px}.handbook-editor-section-head{display:block}.handbook-editor-section-head>p{margin-top:6px;text-align:left}}
.data-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.data-row{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(120px,.7fr)) 150px;gap:13px;align-items:center;padding:14px 16px;border-top:1px solid var(--line);font-size:12px}.data-row:first-child{border-top:0}.data-row.header{background:#fbfbfb;color:#777;font-size:11px}.row-title{font-weight:600}.row-sub{font-size:11px;color:var(--muted);margin-top:4px}.progress{height:5px;background:#eee;border-radius:999px;overflow:hidden;margin-top:6px}.progress>span{height:100%;display:block;background:#111;border-radius:inherit}
.create-page{min-height:calc(100vh - 76px);position:relative;padding-bottom:310px}.create-hero{text-align:center;padding-top:min(40vh,440px)}.create-hero h1{font-size:26px;font-weight:600;line-height:1.28;letter-spacing:-.7px;margin:0}.create-hero p{color:var(--muted);font-size:12px;margin:10px 0}.composer{position:fixed;left:calc(80px + (100vw - 80px)/2);transform:translateX(-50%);bottom:24px;width:min(980px,calc(100vw - 130px));background:#fff;border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 12px 36px rgba(0,0,0,.07);padding:13px;z-index:8}.composer-top{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap}.composer-chip{height:38px;min-width:96px;border:0;background:#f5f5f5;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:11px}.composer textarea{width:100%;height:100px;border:0;outline:0;resize:none;padding:8px 6px;font-size:13px;line-height:1.6}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-settings{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.composer-settings select,.composer-settings input{height:34px;border:0;background:#fff;padding:0 6px;max-width:172px;font-size:11px;color:#555}.generate-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:0;background:#171717;color:#fff;display:grid;place-items:center;font-size:18px}.generate-btn svg{width:19px;height:19px}.generate-btn:disabled{opacity:.35}.create-options{width:max-content;max-width:100%;margin:0 0 9px auto;padding:3px;display:flex;gap:2px;background:#f3f3f3;border-radius:10px}.create-option{height:32px;padding:0 11px;border-radius:8px;background:transparent;border:0;text-align:center;color:#777;font-size:11px}.create-option b{font-weight:550}.create-option .card-desc{display:none}.create-option.active{background:#fff;color:#171717;box-shadow:0 1px 5px rgba(0,0,0,.055)}.result-preview{max-width:920px;margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;text-align:left}.result-preview img,.result-preview video{max-width:100%;max-height:430px;border-radius:10px;display:block;margin:auto}.result-copy{white-space:pre-wrap;line-height:1.75;font-size:13px}
.tabs{display:flex;gap:3px;padding:3px;background:#eee;border-radius:10px;width:max-content}.tab{height:32px;border:0;background:transparent;padding:0 11px;border-radius:8px;color:#666;font-size:11px}.tab.active{background:#fff;color:#111;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.settings-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:14px}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;height:max-content;position:sticky;top:82px}.settings-nav button{width:100%;border:0;background:transparent;padding:10px 11px;text-align:left;border-radius:8px;color:#555;font-size:12px}.settings-nav button.active,.settings-nav button:hover{background:#f2f2f2;color:#111}.settings-content{min-width:0}.settings-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;margin-bottom:13px}.settings-card h2{font-size:16px;font-weight:600;margin:0 0 5px}.settings-card>p{color:var(--muted);margin:0 0 18px;font-size:11px}.setting-row{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:0}.setting-label strong{display:block;margin-bottom:4px;font-size:12px;font-weight:600}.setting-label span{color:var(--muted);font-size:11px;line-height:1.5}.asset-setting-control{min-width:0}.asset-preview-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.logo-preview{width:90px;height:62px;flex:0 0 auto;border:1px dashed #ccc;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#fafafa;color:var(--muted);font-size:10px}.logo-preview img{width:100%;height:100%;display:block;object-fit:contain;padding:6px}.logo-preview.full-logo-preview{width:144px;height:68px}.logo-preview.compact-logo-preview{width:68px;height:68px}.logo-preview.favicon-preview{width:54px;height:54px;border-radius:9px}.asset-recommendation{display:flex;flex-direction:column;gap:3px;max-width:520px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.asset-recommendation strong{color:var(--text);font-size:10px;font-weight:600}.asset-file-input{margin-top:8px}
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.24);backdrop-filter:blur(3px);z-index:1000;display:grid;place-items:center;padding:28px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 22px 70px rgba(0,0,0,.16)}.modal-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:17px;font-weight:600}.modal-body{padding:19px}.modal-close{border:0;background:#f2f2f2;width:30px;height:30px;border-radius:8px}.toast{position:fixed;right:20px;top:20px;z-index:1100;background:#111;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);animation:toast-in .18s ease;font-size:12px}.toast.error{background:#c93535}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.confirm-modal{width:min(430px,100%);overflow:hidden}.confirm-modal .modal-head{padding:15px 17px}.confirm-modal .modal-head h2{font-size:15px}.confirm-modal .modal-body{padding:18px}.confirm-dialog{display:flex;align-items:flex-start;gap:12px}.confirm-dialog-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:#fff5e7;color:#b96b00}.confirm-dialog-copy{min-width:0;padding-top:1px}.confirm-dialog-copy p{margin:0;color:var(--text);font-size:13px;font-weight:550;line-height:1.65}.confirm-dialog-copy span{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.65}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}
html[data-theme=dark] .confirm-dialog-icon{background:#392b18;color:#f1b75e}
.model-validation-modal{width:min(520px,100%);height:min(320px,calc(100vh - 40px));overflow:hidden;display:flex;flex-direction:column}.model-validation-modal .modal-head{flex:0 0 auto;padding:13px 17px}.model-validation-modal .modal-head h2{font-size:15px}.model-validation-modal .modal-body{min-height:0;flex:1;padding:16px 18px;overflow:auto}.model-validation{min-height:100%;display:flex;flex-direction:column}.model-validation-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:11px}.model-validation-state{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f1f1;color:#222}.model-validation-summary strong{display:block;margin:0 0 3px;font-size:13px;font-weight:600}.model-validation-summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.model-validation-elapsed{padding-top:2px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.model-validation-progress{height:5px;margin:14px 0;overflow:hidden;border-radius:999px;background:#ededed}.model-validation-progress span{display:block;width:2%;height:100%;border-radius:inherit;background:#181818;transition:width .3s ease}.model-validation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.model-validation-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:#aaa;font-size:10px;text-align:center}.model-validation-step i{width:21px;height:21px;border:1px solid #dedede;border-radius:50%;display:grid;place-items:center;background:#fff;color:transparent;font-style:normal}.model-validation-step.active{color:var(--text)}.model-validation-step.active i{border-color:#222;box-shadow:inset 0 0 0 5px #fff;background:#222}.model-validation-step.completed{color:#555}.model-validation-step.completed i{border-color:#222;background:#222;color:#fff}.model-validation-step.failed{color:#c93535}.model-validation-step.failed i{border-color:#c93535;background:#c93535;color:#fff}.model-validation-meta{display:flex;align-items:center;gap:8px;margin-top:13px;padding:8px 10px;border-radius:8px;background:#f6f6f6;color:var(--muted);font-size:10px}.model-validation-meta code{min-width:0;overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.model-validation-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:11px;border-top:1px solid var(--line)}.model-validation-actions:has(.hidden){visibility:hidden}.model-validation-modal.validation-completed .model-validation-state{background:#e8f7ed;color:#23834b}.model-validation-modal.validation-failed .model-validation-state{background:#fdecec;color:#c93535}.model-validation-modal.validation-failed .model-validation-progress span{background:#c93535}.modal-close:disabled{cursor:not-allowed;opacity:.35}
html[data-theme=dark] .model-validation-state,html[data-theme=dark] .model-validation-meta{background:#222}html[data-theme=dark] .model-validation-progress{background:#303030}html[data-theme=dark] .model-validation-progress span{background:#eee}html[data-theme=dark] .model-validation-step i{border-color:#3b3b3b;background:#1a1a1a}html[data-theme=dark] .model-validation-step.active i{border-color:#eee;background:#eee;box-shadow:inset 0 0 0 5px #181818}html[data-theme=dark] .model-validation-step.completed i{border-color:#eee;background:#eee;color:#181818}html[data-theme=dark] .model-validation-modal.validation-completed .model-validation-state{background:#183725;color:#73d59a}html[data-theme=dark] .model-validation-modal.validation-failed .model-validation-state{background:#3a2020;color:#ff8989}
.loading{padding:60px;text-align:center;color:var(--muted)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;border-top-color:#111;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
.user-menu{width:224px;padding:7px}.user-menu .menu-item{width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:flex-start;gap:9px;color:var(--text);font-size:12px;font-weight:500;line-height:1;text-align:left}.user-menu .menu-item svg{width:16px;height:16px;display:block;flex:0 0 16px}.user-menu .menu-item:hover{background:var(--hover)}.user-menu .menu-item.danger{color:var(--danger)!important}.user-menu-divider{height:1px;background:var(--line);margin:6px 4px}.theme-label{padding:2px 5px 7px;color:var(--muted);font-size:10px;font-weight:500}.theme-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border-radius:10px;background:#f2f2f2}.user-menu .theme-option{width:100%;height:48px;padding:0;border:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#737373;font-size:10px;line-height:1}.user-menu .theme-option svg{width:15px;height:15px;display:block}.user-menu .theme-option:hover{background:rgba(255,255,255,.55);color:#333}.user-menu .theme-option.active{background:#fff;color:#171717;box-shadow:0 1px 5px rgba(0,0,0,.07)}
.avatar{overflow:hidden;display:grid;place-items:center}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-settings{display:grid;gap:14px}.profile-section{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.profile-section-title{display:flex;flex-direction:column;gap:4px;margin-bottom:17px}.profile-section-title strong{font-size:14px;font-weight:600}.profile-section-title span{color:var(--muted);font-size:11px}.profile-avatar-row{display:flex;align-items:center;gap:15px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.profile-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#f0e9ff,#d9f7f2);color:#3c315f;font-size:20px;font-weight:600}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.profile-avatar-actions>strong{font-size:14px;font-weight:600}.profile-avatar-actions>span{color:var(--muted);font-size:11px}.profile-avatar-actions>div{display:flex;align-items:center;gap:7px;margin-top:5px}.profile-avatar-actions .btn{min-width:78px}.profile-avatar-actions .avatar-recommendation{margin-top:6px;max-width:560px}.profile-upload{position:relative;overflow:hidden}.profile-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.avatar{padding:0;line-height:0}.avatar img{min-width:100%;min-height:100%}
html[data-theme=dark] .logo-preview{background:#202020;border-color:#3a3a3a}
.avatar-crop-modal{width:min(480px,100%)}.avatar-cropper>p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}.avatar-crop-stage{width:min(360px,100%);aspect-ratio:1;margin:0 auto;border-radius:12px;overflow:hidden;background:#171717}.avatar-crop-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline:none}.avatar-crop-stage canvas.dragging{cursor:grabbing}.avatar-crop-stage canvas:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}.avatar-crop-controls{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 42px;align-items:center;gap:9px;width:min(360px,100%);margin:15px auto 0}.avatar-zoom-button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#333;font-size:17px;line-height:1;cursor:pointer}.avatar-zoom-button:hover{background:var(--hover)}.avatar-crop-controls input[type=range]{width:100%;accent-color:#222}.avatar-crop-controls span{color:var(--muted);font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}
html[data-theme=dark]{color-scheme:dark;--bg:#101010;--panel:#181818;--text:#f2f2f2;--muted:#a3a3a3;--soft:#737373;--line:#2a2a2a;--hover:#242424;--black:#f5f5f5;--shadow:0 10px 34px rgba(0,0,0,.28);background:var(--bg)}html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] .sidebar{background:rgba(18,18,18,.96)}html[data-theme=dark] .topbar{background:rgba(16,16,16,.9)}html[data-theme=dark] .nav-item{color:#a3a3a3}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .nav-item.active{color:#f5f5f5}html[data-theme=dark] .nav-item:hover svg,html[data-theme=dark] .nav-item.active svg{background:#292929}html[data-theme=dark] .user-menu,html[data-theme=dark] .modal,html[data-theme=dark] .modal-head,html[data-theme=dark] .pill,html[data-theme=dark] .btn,html[data-theme=dark] .icon-btn,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea,html[data-theme=dark] .stat-card,html[data-theme=dark] .panel,html[data-theme=dark] .item-card,html[data-theme=dark] .data-list,html[data-theme=dark] .settings-nav,html[data-theme=dark] .settings-card,html[data-theme=dark] .composer,html[data-theme=dark] .result-preview,html[data-theme=dark] .profile-section{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-theme=dark] .pill:hover,html[data-theme=dark] .btn:hover,html[data-theme=dark] .icon-btn:hover,html[data-theme=dark] .card-actions button:hover{background:var(--hover)}html[data-theme=dark] .btn-primary,html[data-theme=dark] .generate-btn{background:#f2f2f2;border-color:#f2f2f2;color:#151515}html[data-theme=dark] .btn-primary:hover{background:#fff}html[data-theme=dark] .card-actions button{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-theme=dark] .card-cover,html[data-theme=dark] .logo-thumb,html[data-theme=dark] .composer-chip,html[data-theme=dark] .modal-close,html[data-theme=dark] .login-note{background:#222}html[data-theme=dark] .data-row.header{background:#1c1c1c}html[data-theme=dark] .tabs,html[data-theme=dark] .create-options,html[data-theme=dark] .theme-switch{background:#242424}html[data-theme=dark] .tab.active,html[data-theme=dark] .create-option.active,html[data-theme=dark] .user-menu .theme-option.active{background:#363636;color:#fff;box-shadow:none}html[data-theme=dark] .user-menu .theme-option{color:#a3a3a3}html[data-theme=dark] .user-menu .theme-option:hover{background:#303030;color:#fff}html[data-theme=dark] .settings-nav button.active,html[data-theme=dark] .settings-nav button:hover{background:#272727;color:#fff}html[data-theme=dark] .composer textarea,html[data-theme=dark] .composer-settings select,html[data-theme=dark] .composer-settings input{background:transparent;color:var(--text)}html[data-theme=dark] .badge{background:#292929;color:#bdbdbd}html[data-theme=dark] .badge.green{background:#183725;color:#73d59a}html[data-theme=dark] .badge.red{background:#3a2020;color:#ff8989}html[data-theme=dark] .badge.purple{background:#2d2742;color:#baa9ff}html[data-theme=dark] .progress{background:#303030}html[data-theme=dark] .progress>span{background:#e5e5e5}html[data-theme=dark] .empty strong,html[data-theme=dark] .row-title,html[data-theme=dark] .setting-label strong{color:var(--text)}html[data-theme=dark] input[type=file].input::file-selector-button{background:#2b2b2b;color:#eee}html[data-theme=dark] input[type=file].input::file-selector-button:hover{background:#353535}html[data-theme=dark] .login-shell{background:var(--bg)}html[data-theme=dark] .login-panel{background:var(--bg)}html[data-theme=dark] .login-visual{background:radial-gradient(circle at 28% 24%,#292340 0,transparent 28%),radial-gradient(circle at 76% 66%,#17352f 0,transparent 30%),#151515}html[data-theme=dark] .login-hero p{color:#aaa}html[data-theme=dark] .avatar,html[data-theme=dark] .profile-avatar{background:linear-gradient(135deg,#362d4c,#21423d);color:#ddd}html[data-theme=dark] ::placeholder{color:#686868}
html[data-theme=dark]{color-scheme:dark;--bg:#101010;--panel:#181818;--text:#f2f2f2;--muted:#a3a3a3;--soft:#737373;--line:#2a2a2a;--hover:#242424;--black:#f5f5f5;--shadow:0 10px 34px rgba(0,0,0,.28);background:var(--bg)}html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] .sidebar{background:rgba(18,18,18,.96)}html[data-theme=dark] .topbar{background:rgba(16,16,16,.9)}html[data-theme=dark] .nav-item{color:#a3a3a3}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .nav-item.active{color:#f5f5f5}html[data-theme=dark] .nav-item:hover svg,html[data-theme=dark] .nav-item.active svg{background:#292929}html[data-theme=dark] .user-menu,html[data-theme=dark] .modal,html[data-theme=dark] .modal-head,html[data-theme=dark] .pill,html[data-theme=dark] .btn,html[data-theme=dark] .icon-btn,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea,html[data-theme=dark] .stat-card,html[data-theme=dark] .panel,html[data-theme=dark] .item-card,html[data-theme=dark] .data-list,html[data-theme=dark] .settings-nav,html[data-theme=dark] .settings-card,html[data-theme=dark] .composer,html[data-theme=dark] .result-preview,html[data-theme=dark] .profile-section{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-theme=dark] .input-readonly:disabled{background:#202020;border-color:#2b2b2b;color:#777;opacity:1;-webkit-text-fill-color:#777}html[data-theme=dark] .readonly-badge{background:#292929;color:#929292}html[data-theme=dark] .avatar-zoom-button{background:#202020;border-color:#303030;color:#eee}html[data-theme=dark] .avatar-zoom-button:hover{background:#2b2b2b}html[data-theme=dark] .avatar-crop-controls input[type=range]{accent-color:#eee}html[data-theme=dark] .pill:hover,html[data-theme=dark] .btn:hover,html[data-theme=dark] .icon-btn:hover,html[data-theme=dark] .card-actions button:hover{background:var(--hover)}html[data-theme=dark] .btn-primary,html[data-theme=dark] .generate-btn{background:#f2f2f2;border-color:#f2f2f2;color:#151515}html[data-theme=dark] .btn-primary:hover{background:#fff}html[data-theme=dark] .card-actions button{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-theme=dark] .card-cover,html[data-theme=dark] .logo-thumb,html[data-theme=dark] .composer-chip,html[data-theme=dark] .modal-close,html[data-theme=dark] .login-note{background:#222}html[data-theme=dark] .data-row.header{background:#1c1c1c}html[data-theme=dark] .tabs,html[data-theme=dark] .create-options,html[data-theme=dark] .theme-switch{background:#242424}html[data-theme=dark] .tab.active,html[data-theme=dark] .create-option.active,html[data-theme=dark] .user-menu .theme-option.active{background:#363636;color:#fff;box-shadow:none}html[data-theme=dark] .user-menu .theme-option{color:#a3a3a3}html[data-theme=dark] .user-menu .theme-option:hover{background:#303030;color:#fff}html[data-theme=dark] .settings-nav button.active,html[data-theme=dark] .settings-nav button:hover{background:#272727;color:#fff}html[data-theme=dark] .composer textarea,html[data-theme=dark] .composer-settings select,html[data-theme=dark] .composer-settings input{background:transparent;color:var(--text)}html[data-theme=dark] .badge{background:#292929;color:#bdbdbd}html[data-theme=dark] .badge.green{background:#183725;color:#73d59a}html[data-theme=dark] .badge.red{background:#3a2020;color:#ff8989}html[data-theme=dark] .badge.purple{background:#2d2742;color:#baa9ff}html[data-theme=dark] .progress{background:#303030}html[data-theme=dark] .progress>span{background:#e5e5e5}html[data-theme=dark] .empty strong,html[data-theme=dark] .row-title,html[data-theme=dark] .setting-label strong{color:var(--text)}html[data-theme=dark] input[type=file].input::file-selector-button{background:#2b2b2b;color:#eee}html[data-theme=dark] input[type=file].input::file-selector-button:hover{background:#353535}html[data-theme=dark] .login-shell{background:var(--bg)}html[data-theme=dark] .login-panel{background:var(--bg)}html[data-theme=dark] .login-visual{background:radial-gradient(circle at 28% 24%,#292340 0,transparent 28%),radial-gradient(circle at 76% 66%,#17352f 0,transparent 30%),#151515}html[data-theme=dark] .login-hero p{color:#aaa}html[data-theme=dark] .avatar,html[data-theme=dark] .profile-avatar{background:linear-gradient(135deg,#362d4c,#21423d);color:#ddd}html[data-theme=dark] ::placeholder{color:#686868}
.logo-thumb img{width:100%;height:100%;display:block;object-fit:contain;padding:5px}.brand-editor-modal{width:min(1040px,100%)}.brand-logo-editor{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:14px}.brand-logo-preview{width:116px;height:96px;border:1px dashed #d6d6d6;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#fafafa;color:var(--muted);font-size:10px}.brand-logo-preview img{width:100%;height:100%;display:block;object-fit:contain;padding:8px}.brand-logo-fields{display:grid;gap:8px;min-width:0}.brand-logo-actions{display:flex;align-items:center;gap:8px}.brand-logo-actions input{min-width:0;flex:1}.field-hint{color:var(--muted);font-size:10px;line-height:1.5}.brand-color-control{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.brand-color-native{width:42px;height:40px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.brand-color-native::-webkit-color-swatch-wrapper{padding:0}.brand-color-native::-webkit-color-swatch{border:0;border-radius:6px}.brand-color-palette{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.brand-color-palette button{width:25px;height:25px;padding:3px;border:1px solid transparent;border-radius:7px;background:transparent}.brand-color-palette button span{display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:5px}.brand-color-palette button:hover,.brand-color-palette button.active{border-color:#999}.brand-color-selected{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:0}.brand-color-selected:empty{display:none}.brand-color-selected button{height:27px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:#fff;display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:10px}.brand-color-selected button i{width:13px;height:13px;border:1px solid rgba(0,0,0,.1);border-radius:4px}.brand-color-selected button svg{color:var(--muted)}.brand-style-section{margin-top:5px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.brand-style-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.brand-style-header>div{display:flex;flex-direction:column;gap:4px}.brand-style-header strong{font-size:13px;font-weight:600}.brand-style-header span{color:var(--muted);font-size:10px;line-height:1.5}.brand-style-fields{display:grid;gap:13px}.brand-style-fields .textarea{min-height:82px}.brand-smart-button:disabled{opacity:.6;cursor:wait}.spinner-small{width:14px;height:14px;border-width:1.5px}.brand-color-selected button:hover{background:var(--hover)}html[data-theme=dark] .brand-logo-preview,html[data-theme=dark] .brand-style-section{background:#202020;border-color:var(--line)}html[data-theme=dark] .brand-color-native,html[data-theme=dark] .brand-color-selected button{background:#202020;border-color:var(--line);color:var(--text)}
.product-editor-modal{width:min(860px,100%)}.product-cover-preview{height:116px}.product-reference-editor{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.product-reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.product-reference-heading>div{display:flex;flex-direction:column;gap:4px}.product-reference-heading strong{font-size:12px;font-weight:600}.product-reference-heading span{color:var(--muted);font-size:10px;line-height:1.5}.product-reference-heading>span{white-space:nowrap;font-variant-numeric:tabular-nums}.product-reference-list{display:grid;gap:8px;margin-top:10px}.product-reference-item{display:grid;grid-template-columns:70px minmax(0,1fr) 38px;align-items:center;gap:11px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}.product-reference-preview{width:70px;height:70px;overflow:hidden;border-radius:8px;background:#f2f2f2;display:grid;place-items:center;color:var(--muted)}.product-reference-preview img{width:100%;height:100%;display:block;object-fit:contain;padding:4px}.product-reference-info{min-width:0;display:grid;gap:5px}.product-reference-info span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.product-reference-empty{min-height:88px;border:1px dashed #d5d5d5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:10px}html[data-theme=dark] .product-reference-editor,html[data-theme=dark] .product-reference-item{background:#202020;border-color:var(--line)}html[data-theme=dark] .product-reference-preview{background:#282828}html[data-theme=dark] .product-reference-empty{border-color:#363636}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.composer{width:calc(100vw - 112px)}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.data-row{grid-template-columns:1fr 110px 120px}.data-row>*:nth-child(3),.data-row>*:nth-child(4){display:none}}
@media(max-width:720px){.sidebar{width:68px}.nav-item{width:56px}.main{margin-left:68px}.topbar,.page{padding-left:16px;padding-right:16px}.top-actions .pill{display:none}.stats{grid-template-columns:1fr 1fr}.composer{left:calc(68px + (100vw - 68px)/2);width:calc(100vw - 84px);bottom:12px}.composer-top{max-height:82px;overflow:auto}.create-option{padding:0 8px}.login-panel{padding:24px}.setting-row{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:14px;flex-direction:column}.toolbar{width:100%}.search-box{flex:1}.search-box input{width:100%}.brand-logo-editor{grid-template-columns:1fr}.brand-logo-preview{width:100%;height:120px}.brand-logo-actions{align-items:stretch;flex-direction:column}.brand-color-control{grid-template-columns:42px minmax(0,1fr)}.brand-color-control .btn{grid-column:1/-1}.brand-style-header{align-items:flex-start;flex-direction:column}.brand-smart-button{width:100%}}
@media(max-width:560px){.product-reference-item{grid-template-columns:58px minmax(0,1fr) 38px}.product-reference-preview{width:58px;height:58px}.product-reference-heading{flex-direction:column;gap:7px}}
.product-card-cover{height:auto;min-height:142px;max-height:280px;padding:10px}.product-card-cover img{width:auto;max-width:100%;height:auto;max-height:260px;object-fit:contain;padding:0}.product-reference-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:stretch;gap:10px}.product-reference-item{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px}.product-reference-preview{width:100%;height:auto;aspect-ratio:1;border:1px solid var(--line)}.product-reference-preview img{object-fit:contain;padding:6px}.product-reference-info{width:100%;gap:6px}.product-reference-info .input{padding-right:10px}.product-reference-item>[data-remove-product-reference]{position:absolute;top:14px;right:14px;width:30px;height:30px;border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.9);box-shadow:0 2px 9px rgba(0,0,0,.1);backdrop-filter:blur(6px)}.product-reference-item>[data-remove-product-reference]:hover{background:#fff;color:var(--danger)}html[data-theme=dark] .product-reference-item>[data-remove-product-reference]{border-color:rgba(255,255,255,.12);background:rgba(28,28,28,.88)}html[data-theme=dark] .product-reference-item>[data-remove-product-reference]:hover{background:#292929;color:#ff8989}@media(max-width:560px){.product-reference-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-reference-item{display:flex;grid-template-columns:none}.product-reference-preview{width:100%;height:auto}.product-reference-heading{flex-direction:column;gap:7px}}
.product-editor-modal{width:min(1040px,100%)}.product-entry-switch{display:flex;align-items:center;gap:5px;margin-bottom:16px;padding:4px;border-radius:11px;background:#f3f3f3}.product-entry-switch button{height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.product-entry-switch button.active{background:#fff;color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.07)}.product-entry-switch>span{margin-left:auto;padding-right:8px;color:var(--muted);font-size:10px}.product-form-section{margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.product-form-section-title{display:flex;flex-direction:column;gap:4px;margin-bottom:15px}.product-form-section-title strong{font-size:13px;font-weight:600}.product-form-section-title span{color:var(--muted);font-size:10px;line-height:1.5}.product-form-section .textarea{min-height:88px}.product-research-panel{margin-bottom:16px;padding:17px;border:1px solid #dcd6f6;border-radius:13px;background:#faf9ff}.product-research-title,.product-candidates-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.product-research-title>div,.product-candidates-heading>div{display:flex;flex-direction:column;gap:4px}.product-research-title strong,.product-candidates-heading strong{font-size:13px;font-weight:600}.product-research-title span,.product-candidates-heading span{color:var(--muted);font-size:10px;line-height:1.5}.product-research-search{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin-top:14px}.product-research-results{margin-top:14px}.product-research-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.product-research-toolbar>div{display:flex;align-items:center;gap:9px}.product-research-toolbar select{width:140px}.product-research-toolbar span{color:var(--muted);font-size:10px}.product-source-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px}.product-source-card{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.product-source-card.selected{border-color:#9584d9;box-shadow:inset 0 0 0 1px rgba(111,90,196,.12)}.product-source-card>input{margin-top:3px;accent-color:#6654ba}.product-source-card>a{color:var(--muted);font-size:15px;text-decoration:none;text-align:center}.product-source-main{min-width:0;display:grid;gap:5px}.product-source-main>div{display:flex;gap:5px}.product-source-main strong{font-size:11px;line-height:1.45}.product-source-main p{margin:0;color:#5f5f5f;font-size:10px;line-height:1.55}.product-source-main>span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-source-empty{padding:20px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:10px;text-align:center}.product-research-status{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.product-research-status>div{display:flex;flex-direction:column;gap:4px}.product-research-status strong{font-size:11px}.product-research-status span{color:var(--muted);font-size:10px}.product-candidates{margin-top:16px;padding-top:15px;border-top:1px solid #ddd6f4}.product-candidates-heading{margin-bottom:11px}.product-candidate-group{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid rgba(0,0,0,.06)}.product-candidate-label{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.product-candidate-label strong{font-size:11px}.product-candidate-values{display:grid;gap:7px}.product-candidate-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.product-candidate-card.adopted{border-color:#65a879;background:#f7fcf8}.product-candidate-meta{display:flex;align-items:center;gap:6px}.product-candidate-meta>span:last-child{color:var(--muted);font-size:9px}.product-candidate-card p{grid-column:1;margin:1px 0 0;font-size:11px;line-height:1.6;white-space:pre-wrap}.product-candidate-card>span{grid-column:1;color:var(--muted);font-size:9px;line-height:1.5}.product-candidate-sources{grid-column:1;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.product-candidate-sources a{max-width:180px;overflow:hidden;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:9px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.product-candidate-sources a:hover{color:var(--text);background:var(--hover)}.product-candidate-card .btn{grid-column:2;grid-row:1/5;height:32px;align-self:center}.product-candidate-card.adopted .btn{border-color:#73aa82;color:#327047;background:#f1faf3}html[data-theme=dark] .product-entry-switch{background:#232323}html[data-theme=dark] .product-entry-switch button.active,html[data-theme=dark] .product-form-section,html[data-theme=dark] .product-source-card,html[data-theme=dark] .product-research-status,html[data-theme=dark] .product-candidate-card{background:#202020;border-color:var(--line)}html[data-theme=dark] .product-research-panel{background:#1d1b26;border-color:#373148}html[data-theme=dark] .product-source-card.selected{border-color:#71649e}html[data-theme=dark] .product-source-main p{color:#aaa}html[data-theme=dark] .product-candidates{border-color:#373148}html[data-theme=dark] .product-candidate-group{border-color:rgba(255,255,255,.07)}html[data-theme=dark] .product-candidate-card.adopted{background:#18251c;border-color:#406b4b}@media(max-width:760px){.product-entry-switch{align-items:stretch;flex-wrap:wrap}.product-entry-switch>span{width:100%;margin:0;padding:4px 7px}.product-research-search{grid-template-columns:1fr}.product-research-toolbar{align-items:stretch;flex-direction:column}.product-research-toolbar>div{justify-content:space-between}.product-research-toolbar .btn{width:100%}.product-candidate-group{grid-template-columns:1fr}.product-candidate-card{grid-template-columns:1fr}.product-candidate-card .btn{grid-column:1;grid-row:auto;width:100%}}
.product-primary-section{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.product-primary-fields{grid-template-columns:minmax(150px,.72fr) minmax(220px,1.45fr) minmax(150px,.83fr)}.product-primary-fields>.product-smart-search-actions{grid-column:1/-1}.product-smart-search-actions>div{display:grid;grid-template-columns:130px minmax(132px,auto);gap:8px}.product-primary-hint{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.55}.product-research-panel{margin-top:12px;margin-bottom:0}.product-source-accordion{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.product-source-accordion>summary{min-height:54px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}.product-source-accordion>summary::-webkit-details-marker{display:none}.product-source-accordion>summary>div{display:flex;flex-direction:column;gap:3px}.product-source-accordion>summary strong{font-size:12px}.product-source-accordion>summary span{color:var(--muted);font-size:10px}.product-accordion-arrow{font-size:15px!important;transition:transform .16s}.product-source-accordion[open] .product-accordion-arrow{transform:rotate(180deg)}.product-source-accordion-body{padding:13px;border-top:1px solid var(--line)}.product-source-batch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.product-source-batch .btn{height:32px;padding:0 10px}.product-source-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.product-source-confirm>span{color:var(--muted);font-size:10px;line-height:1.5}.product-extract-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;padding:13px;border:1px solid #d7d0f4;border-radius:10px;background:#fff}.product-extract-bar>div:first-child{display:flex;flex-direction:column;gap:4px}.product-extract-bar strong{font-size:11px}.product-extract-bar span{color:var(--muted);font-size:10px}.product-extract-bar>div:last-child{display:flex;align-items:center;gap:7px}.product-extract-summary{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:12px;border:1px solid #bcdcc5;border-radius:10px;background:#f6fbf7;color:#316840}.product-extract-summary svg{flex:0 0 auto;margin-top:1px}.product-extract-summary>div{display:flex;flex-direction:column;gap:3px}.product-extract-summary strong{font-size:11px}.product-extract-summary span{font-size:10px;line-height:1.5}.product-inline-confirm{position:absolute;inset:0;z-index:10;padding:20px;display:grid;place-items:center;background:rgba(0,0,0,.36);backdrop-filter:blur(2px)}.product-inline-confirm-card{width:min(470px,100%);padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24)}html[data-theme=dark] .product-primary-section,html[data-theme=dark] .product-source-accordion,html[data-theme=dark] .product-extract-bar,html[data-theme=dark] .product-inline-confirm-card{background:#202020;border-color:var(--line)}html[data-theme=dark] .product-extract-summary{background:#18251c;border-color:#406b4b;color:#86cf99}@media(max-width:760px){.product-primary-fields{grid-template-columns:1fr}.product-smart-search-actions>div{grid-template-columns:1fr}.product-source-confirm,.product-extract-bar{align-items:stretch;flex-direction:column}.product-source-confirm .btn,.product-extract-bar>div:last-child,.product-extract-bar>div:last-child .btn{width:100%}.product-research-toolbar{align-items:flex-start}.product-source-batch{width:100%}}
.setting-secret-control{display:grid;gap:6px}.setting-secret-status{width:max-content;font-size:10px;color:var(--muted)}.setting-secret-status.configured{color:#3c7a4d}.setting-secret-status.missing{color:#a04c45}html[data-theme=dark] .setting-secret-status.configured{color:#86cf99}html[data-theme=dark] .setting-secret-status.missing{color:#e08f87}
.product-extract-summary.error{border-color:#e3b8b4;background:#fff8f7;color:#913d36}html[data-theme=dark] .product-extract-summary.error{border-color:#70423e;background:#2b1c1a;color:#e69b94}
.product-source-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;max-height:520px}.product-source-card{position:relative;grid-template-columns:18px minmax(0,1fr) 22px;min-height:190px;padding:12px;gap:8px}.product-source-card:hover{border-color:#cbc7dc;box-shadow:0 5px 18px rgba(50,39,91,.055)}.product-source-card>input{margin-top:2px}.product-source-card>a{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;line-height:1}.product-source-card>a:hover{background:var(--hover);color:var(--text)}.product-source-main{grid-template-rows:auto minmax(32px,auto) minmax(50px,1fr) auto auto;gap:7px}.product-source-badges{min-width:0;display:flex;gap:5px;flex-wrap:wrap}.product-source-main strong{display:-webkit-box;min-height:32px;overflow:hidden;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-source-main p{display:-webkit-box;min-height:48px;overflow:hidden;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.product-source-verified{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#398357;font-size:9px}.product-source-verified>span:first-child{display:inline-flex;align-items:center;gap:3px}.product-source-verified.historical{color:var(--muted)}.product-source-empty{grid-column:1/-1}.product-source-confirm>span{max-width:650px}html[data-theme=dark] .product-source-card:hover{border-color:#4c465f;box-shadow:none}html[data-theme=dark] .product-source-verified{color:#7fd29c}html[data-theme=dark] .product-source-verified.historical{color:var(--muted)}@media(max-width:900px){.product-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.product-source-list{grid-template-columns:1fr;max-height:560px}.product-source-card{min-height:170px}}
#product-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.product-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.product-card-actions button{min-width:0;padding:0 4px;white-space:nowrap}.manual-asset-modal{width:min(620px,100%)}.manual-asset-subject{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.manual-asset-product{min-width:0;display:flex;flex-direction:column;gap:3px}.manual-asset-product strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.manual-asset-product span{color:var(--muted);font-size:10px}.manual-asset-preview{height:260px;margin-bottom:15px;overflow:hidden;border:1px dashed #d2d2d2;border-radius:12px;background:#f7f7f7;display:grid;place-items:center}.manual-asset-preview>div{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:10px}.manual-asset-preview img,.manual-asset-preview video{width:100%;height:100%;display:block;object-fit:contain;background:#111}.manual-asset-fields{gap:12px}html[data-theme=dark] .manual-asset-subject,html[data-theme=dark] .manual-asset-preview{background:#202020;border-color:var(--line)}@media(max-width:640px){#product-grid{grid-template-columns:1fr}.manual-asset-preview{height:210px}}
.product-image-section-title{align-items:flex-start;justify-content:space-between;flex-direction:row;gap:16px}.product-image-section-title>div{display:flex;flex-direction:column;gap:4px}.product-image-section-title>.btn{flex:0 0 auto;height:34px}.product-image-section-title>.btn:disabled{opacity:.68;cursor:wait}.product-image-intelligence{margin-top:14px;padding:14px;border:1px solid #dcd6f6;border-radius:12px;background:#faf9ff}.product-image-ai-status{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.product-image-ai-status>div{display:flex;flex-direction:column;gap:4px}.product-image-ai-status strong{font-size:11px}.product-image-ai-status span{color:var(--muted);font-size:10px;line-height:1.5}.product-image-ai-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.product-image-ai-toolbar>div{display:flex;gap:6px}.product-image-ai-toolbar .btn{height:32px;padding:0 10px}.product-image-ai-toolbar>span{color:var(--muted);font-size:10px}.product-image-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:660px;overflow:auto;padding-right:3px}.product-image-ai-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.product-image-ai-card.selected{border-color:#8c7bcf;box-shadow:inset 0 0 0 1px rgba(111,90,196,.12)}.product-image-ai-card>input{position:absolute;top:10px;left:10px;z-index:2;width:16px;height:16px;margin:0;accent-color:#6654ba}.product-image-ai-preview{width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line);background:#f2f2f2;display:grid;place-items:center;color:var(--muted)}.product-image-ai-preview img{width:100%;height:100%;display:block;object-fit:contain;padding:7px}.product-image-ai-content{display:grid;gap:9px;padding:11px}.product-image-ai-content>strong{overflow:hidden;padding-left:1px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.product-image-ai-content>div{display:grid;gap:4px}.product-image-ai-content span{color:var(--muted);font-size:9px}.product-image-ai-content p{max-height:106px;margin:0;overflow:auto;color:#4f4f4f;font-size:10px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.product-image-ai-merge{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #ddd6f4}.product-image-ai-merge>div{display:flex;flex-direction:column;gap:4px}.product-image-ai-merge strong{font-size:11px}.product-image-ai-merge span{color:var(--muted);font-size:10px;line-height:1.5}.product-image-ai-merge>.btn{flex:0 0 auto}html[data-theme=dark] .product-image-intelligence{background:#1d1b26;border-color:#373148}html[data-theme=dark] .product-image-ai-status,html[data-theme=dark] .product-image-ai-card{background:#202020;border-color:var(--line)}html[data-theme=dark] .product-image-ai-card.selected{border-color:#71649e}html[data-theme=dark] .product-image-ai-preview{background:#282828;border-color:var(--line)}html[data-theme=dark] .product-image-ai-content p{color:#bdbdbd}html[data-theme=dark] .product-image-ai-merge{border-color:#373148}@media(max-width:860px){.product-image-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.product-image-section-title,.product-image-ai-toolbar,.product-image-ai-merge{align-items:stretch;flex-direction:column}.product-image-section-title>.btn,.product-image-ai-merge>.btn{width:100%}.product-image-ai-grid{grid-template-columns:1fr;max-height:560px}}
.product-image-ai-card.error{border-color:#e3b8b4;cursor:default}.product-image-ai-card.error>input{cursor:not-allowed}.product-image-format-note{display:inline-flex!important;margin-left:5px;padding:2px 5px;border-radius:999px;background:#f1edff;color:#6a54bc!important;font-size:8px!important;font-weight:500;vertical-align:1px}.product-image-recognition-error span,.product-image-recognition-error p{color:#a34740!important}html[data-theme=dark] .product-image-ai-card.error{border-color:#70423e}html[data-theme=dark] .product-image-format-note{background:#302846;color:#c0b0ff!important}html[data-theme=dark] .product-image-recognition-error span,html[data-theme=dark] .product-image-recognition-error p{color:#e69b94!important}
.modal-head{z-index:30}.product-inline-confirm{position:fixed;inset:auto;z-index:1005;overflow:hidden;border-radius:16px}.product-image-ai-card{isolation:isolate}.product-image-ai-card>input{z-index:1}.product-image-ai-results{min-width:0}.product-image-ai-accordion{width:100%}.product-image-ai-accordion-body{min-width:0}.product-image-ai-accordion>summary{position:relative;z-index:2;background:#fff}html[data-theme=dark] .product-image-ai-accordion>summary{background:#202020}
.brand-item-card{display:flex;flex-direction:column}.brand-card-logo{width:100%;height:156px;margin-bottom:12px;overflow:hidden;border-radius:10px;background:#f3f3f3;display:grid;place-items:center;color:#aaa;font-size:30px}.brand-card-logo img{width:100%;height:100%;display:block;object-fit:contain;padding:15px}.brand-item-card .card-actions{margin-top:auto;padding-top:11px}.brand-primary-section{margin-bottom:15px}html[data-theme=dark] .brand-card-logo{background:#282828}@media(max-width:640px){.brand-card-logo{height:138px}}
#brand-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.brand-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.brand-card-actions button{min-width:0;padding:0 4px;white-space:nowrap}@media(max-width:640px){#brand-grid{grid-template-columns:1fr}}
.handbook-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.handbook-header-actions .btn{white-space:nowrap}.handbook-generation-modal{width:min(650px,100%)}.handbook-generation-warning{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #ead3aa;border-radius:11px;background:#fffaf1;color:#79551d}.handbook-generation-warning>div{width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#f8e8c9;display:grid;place-items:center}.handbook-generation-warning p{margin:0;display:flex;flex-direction:column;gap:4px}.handbook-generation-warning strong{font-size:12px;font-weight:600}.handbook-generation-warning span{font-size:10px;line-height:1.6}.handbook-generation-sources{display:grid;gap:8px;margin-top:15px}.handbook-generation-sources>strong{margin-bottom:2px;font-size:12px}.handbook-generation-sources label{min-height:67px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.handbook-generation-sources label:has(input:checked){border-color:#9584d9;background:#fbfaff;box-shadow:inset 0 0 0 1px rgba(111,90,196,.09)}.handbook-generation-sources input{width:16px;height:16px;margin:0;accent-color:#6654ba}.handbook-generation-sources label>span{display:flex;min-width:0;flex-direction:column;gap:3px}.handbook-generation-sources b{font-size:11px;font-weight:600}.handbook-generation-sources small{color:var(--muted);font-size:9px;line-height:1.5}.handbook-generation-sources label>i{color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap}.handbook-generation-sources .source-unavailable{opacity:.55;cursor:not-allowed;background:#f7f7f7}.handbook-generation-note{margin-top:10px;color:var(--muted);font-size:10px;line-height:1.55}.manual-text-asset-content{min-height:220px;line-height:1.7}.asset-text-cover{width:100%;height:100%;padding:17px;overflow:hidden;color:var(--text);font-size:10px;line-height:1.65;white-space:pre-wrap;background:#fafafa}.asset-item-card{display:flex;flex-direction:column}.asset-item-card .card-actions{margin-top:auto}.asset-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.asset-card-actions button{min-width:0;padding:0 6px;white-space:nowrap}html[data-theme=dark] .handbook-generation-warning{border-color:#5c492e;background:#2a241a;color:#d7b87d}html[data-theme=dark] .handbook-generation-warning>div{background:#3a3020}html[data-theme=dark] .handbook-generation-sources label{background:#202020;border-color:var(--line)}html[data-theme=dark] .handbook-generation-sources label:has(input:checked){background:#24212e;border-color:#71649e}html[data-theme=dark] .handbook-generation-sources .source-unavailable{background:#1c1c1c}html[data-theme=dark] .asset-text-cover{background:#222;color:var(--text)}@media(max-width:760px){.handbook-header-actions{width:100%;justify-content:stretch}.handbook-header-actions .btn{flex:1}.handbook-generation-sources label{grid-template-columns:18px minmax(0,1fr)}.handbook-generation-sources label>i{grid-column:2}.asset-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.manual-text-asset-fields{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.manual-text-asset-fields .field{gap:7px}.manual-asset-preview.image-ratio-preview{max-width:100%;margin-right:auto;margin-left:auto;height:auto;min-height:0}.manual-asset-preview.image-ratio-preview img{width:100%;height:100%;padding:0;object-fit:contain;background:transparent}.manual-asset-recognition-status{display:flex;align-items:flex-start;gap:8px;margin-top:13px;padding:10px 11px;border:1px solid #bcdcc5;border-radius:9px;background:#f6fbf7;color:#316840;font-size:10px;line-height:1.55}.manual-asset-recognition-status svg{flex:0 0 auto;margin-top:1px}.manual-asset-recognition-status.error{border-color:#e3b8b4;background:#fff8f7;color:#913d36}html[data-theme=dark] .manual-text-asset-fields{border-color:var(--line)}html[data-theme=dark] .manual-asset-recognition-status{border-color:#406b4b;background:#18251c;color:#86cf99}html[data-theme=dark] .manual-asset-recognition-status.error{border-color:#70423e;background:#2b1c1a;color:#e69b94}
.product-manual-asset-modal{height:min(760px,calc(100vh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.product-manual-asset-modal .modal-head{flex:0 0 auto}.product-manual-asset-modal .modal-body{min-height:0;flex:1;overflow:hidden}.product-manual-asset-modal #product-asset-upload-form{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.product-manual-asset-modal .manual-asset-subject,.product-manual-asset-modal .manual-asset-fields{flex:0 0 auto}.manual-asset-content-stage{min-height:0;flex:1 1 auto;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);overflow:hidden}.manual-asset-content-stage>[data-text-asset-fields],.manual-asset-content-stage>[data-file-asset-fields]{height:100%;min-height:0}.manual-asset-content-stage .manual-text-asset-fields{height:100%;min-height:0;margin:0;padding:0;border:0}.manual-asset-content-stage .manual-text-asset-fields .field{height:100%;min-height:0}.manual-asset-content-stage .manual-text-asset-content{height:auto;min-height:0;max-height:none;flex:1 1 auto;resize:none}.manual-asset-content-stage>[data-file-asset-fields]{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:12px}.manual-asset-content-stage>[data-file-asset-fields]>.field{min-height:0}.manual-asset-content-stage .manual-asset-preview{width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:8px;overflow:hidden;display:grid;place-items:center}.manual-asset-content-stage .manual-asset-preview img,.manual-asset-content-stage .manual-asset-preview video{display:block;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:0;object-fit:contain!important;object-position:center;background:transparent}.manual-asset-content-stage .manual-asset-preview video{background:#111}.manual-asset-recognition-status{height:48px;min-height:48px;max-height:48px;flex:0 0 48px;margin-top:8px;overflow:auto}.manual-asset-recognition-status.hidden{display:flex!important;visibility:hidden;opacity:0}.product-manual-asset-modal .form-actions{flex:0 0 50px;height:50px;margin:0;padding-top:12px}html[data-theme=dark] .manual-asset-content-stage{border-color:var(--line)}@media(max-width:640px){.product-manual-asset-modal{height:calc(100vh - 24px)}.manual-asset-content-stage{margin-top:12px;padding-top:11px}.manual-asset-recognition-status{height:44px;min-height:44px;max-height:44px;flex-basis:44px}.product-manual-asset-modal .form-actions{flex-basis:46px;height:46px;padding-top:8px}}
.product-manual-asset-modal{width:min(780px,100%)}.manual-asset-content-stage>[data-file-asset-fields].recognition-visible{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto}.manual-asset-file-field{grid-column:1/-1}.manual-asset-recognition-editor{min-width:0;min-height:0;height:100%;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:8px;overflow:hidden}.manual-asset-recognition-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.manual-asset-recognition-editor-head strong{font-size:11px;font-weight:600}.manual-asset-recognition-editor-head span{padding:2px 6px;border-radius:999px;background:#eee;color:var(--muted);font-size:9px}.manual-asset-recognition-editor .textarea{min-height:0;flex:1 1 auto;resize:none;font-size:10px;line-height:1.65}.manual-asset-recognition-editor .field-hint{flex:0 0 auto}html[data-theme=dark] .manual-asset-recognition-editor{background:#202020;border-color:var(--line)}html[data-theme=dark] .manual-asset-recognition-editor-head span{background:#2d2d2d}@media(max-width:640px){.manual-asset-content-stage>[data-file-asset-fields].recognition-visible{grid-template-columns:1fr;grid-template-rows:130px minmax(0,1fr) auto}.manual-asset-content-stage>[data-file-asset-fields].recognition-visible .manual-asset-preview{grid-row:1}.manual-asset-content-stage>[data-file-asset-fields].recognition-visible .manual-asset-recognition-editor{grid-row:2}.manual-asset-file-field{grid-column:1}}
.asset-item-card{position:relative}.asset-image-cover,.asset-video-cover{position:relative;width:100%;height:220px;min-height:220px;max-height:220px;padding:0;background:#f5f5f5}.asset-image-cover img,.asset-video-cover video{display:block;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:8px;object-fit:contain!important;object-position:center;background:transparent}.asset-video-cover{background:#111}.asset-video-cover video{padding:0}.asset-image-card .asset-card-delete,.asset-video-card .asset-card-delete,.asset-text-card .asset-card-delete{top:23px;right:23px}.asset-image-card .asset-card-badges,.asset-video-card .asset-card-badges{margin-top:10px}.asset-image-card .card-meta,.asset-video-card .card-meta{margin-top:12px}.asset-image-card .asset-card-actions,.asset-video-card .asset-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-image-card .asset-card-actions button,.asset-video-card .asset-card-actions button{padding:0 4px}html[data-theme=dark] .asset-image-cover{background:#222}@media(max-width:640px){.asset-image-cover,.asset-video-cover{height:240px;min-height:240px;max-height:240px}}
.asset-text-preview{position:relative;width:100%;height:220px;min-height:220px;max-height:220px;padding:0;align-items:stretch;justify-items:stretch;background:#fafafa}.asset-text-preview .asset-text-cover{width:100%;height:100%;padding:44px 17px 17px;overflow:hidden;background:transparent;color:var(--text);font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.asset-text-count-badge{font-variant-numeric:tabular-nums}.asset-text-card .asset-card-badges{margin-top:10px}.asset-text-card .card-meta{margin-top:12px}.asset-text-card .asset-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=dark] .asset-text-preview{background:#222}@media(max-width:640px){.asset-text-preview{height:240px;min-height:240px;max-height:240px}}
.asset-resolution-badge{position:absolute;top:8px;left:8px;z-index:2;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.58);border-radius:7px;background:rgba(20,20,20,.68);box-shadow:0 2px 8px rgba(0,0,0,.12);backdrop-filter:blur(7px);display:inline-flex;align-items:center;color:#fff;font-size:9px;font-variant-numeric:tabular-nums}.image-asset-edit-modal,.video-asset-edit-modal,.asset-upscale-modal{width:min(900px,100%);height:min(760px,calc(100vh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.image-asset-edit-modal .modal-head,.video-asset-edit-modal .modal-head,.asset-upscale-modal .modal-head{flex:0 0 auto}.image-asset-edit-modal .modal-body,.video-asset-edit-modal .modal-body,.asset-upscale-modal .modal-body{min-height:0;flex:1;overflow:hidden}.image-asset-edit-modal #image-asset-edit-form,.video-asset-edit-modal #video-asset-edit-form,.asset-upscale-view{height:100%;min-height:0;display:flex;flex-direction:column}.image-asset-edit-workspace{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.image-asset-edit-preview,.image-asset-edit-content,.video-asset-edit-workspace{min-width:0;min-height:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:9px}.video-asset-edit-workspace{flex:1;margin-top:15px}.image-asset-edit-panel-head,.asset-upscale-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-asset-edit-panel-head strong,.asset-upscale-panel-head strong{font-size:11px}.image-asset-edit-panel-head span,.asset-upscale-panel-head span{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.image-asset-edit-media,.video-asset-edit-media{min-height:0;flex:1;overflow:hidden;border-radius:9px;background:#eee;display:grid;place-items:center}.image-asset-edit-media img,.video-asset-edit-media video{display:block;width:100%;height:100%;padding:8px;object-fit:contain}.video-asset-edit-media{background:#111}.video-asset-edit-media video{padding:0;cursor:zoom-in}.image-asset-edit-content .textarea{min-height:0;flex:1;resize:none;font-size:10px;line-height:1.65}.image-asset-edit-modal .manual-asset-recognition-status{flex:0 0 48px;margin-top:10px}.image-asset-edit-modal .form-actions,.video-asset-edit-modal .form-actions{flex:0 0 50px;height:50px;margin:0;padding-top:12px}.asset-upscale-params{flex:0 0 auto;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.asset-upscale-params .form-grid{grid-template-columns:1.2fr .8fr .9fr .8fr;gap:10px}.video-upscale-params .form-grid{grid-template-columns:1.25fr .65fr .9fr .7fr .8fr}.asset-upscale-start-field .btn{width:100%;height:40px}.asset-upscale-compare{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:8px;margin-top:13px}.asset-upscale-panel{min-width:0;min-height:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:9px}.asset-upscale-arrow{display:grid;place-items:center;color:var(--muted)}.asset-upscale-media{min-height:0;flex:1;overflow:hidden;border-radius:9px;background:#ededed;display:grid;place-items:center}.asset-upscale-media>img,.asset-upscale-media>video{display:block;width:100%;height:100%;padding:9px;object-fit:contain}.asset-upscale-media>video{padding:0;background:#111;cursor:zoom-in}.asset-upscale-placeholder{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:10px;text-align:center}.asset-upscale-placeholder.error{color:var(--danger)}.asset-upscale-status{flex:0 0 54px;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.asset-upscale-status>div{min-width:0;display:flex;flex-direction:column;gap:3px}.asset-upscale-status strong{font-size:10px}.asset-upscale-status span{color:var(--muted);font-size:9px;line-height:1.45}.asset-upscale-status>[data-upscale-progress],[data-video-upscale-progress]{flex:0 0 auto;color:var(--text);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.asset-upscale-view>.form-actions{flex:0 0 50px;height:50px;margin:0;padding-top:12px}html[data-theme=dark] .image-asset-edit-preview,html[data-theme=dark] .image-asset-edit-content,html[data-theme=dark] .video-asset-edit-workspace,html[data-theme=dark] .asset-upscale-params,html[data-theme=dark] .asset-upscale-panel{background:#202020;border-color:var(--line)}html[data-theme=dark] .image-asset-edit-media,html[data-theme=dark] .asset-upscale-media{background:#181818}@media(max-width:760px){.image-asset-edit-modal,.video-asset-edit-modal,.asset-upscale-modal{height:calc(100vh - 24px)}.image-asset-edit-workspace{grid-template-columns:1fr;grid-template-rows:180px minmax(0,1fr)}.image-asset-edit-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.image-asset-edit-preview .image-asset-edit-panel-head{grid-column:1/-1}.asset-upscale-params .form-grid,.video-upscale-params .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-upscale-compare{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 24px minmax(0,1fr)}.asset-upscale-arrow{transform:rotate(90deg)}}
.image-lightbox{position:fixed;inset:0;z-index:1400;padding:24px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);display:grid;place-items:center}.image-lightbox-dialog{width:min(1180px,100%);height:min(860px,calc(100vh - 48px));min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#151515;box-shadow:0 28px 90px rgba(0,0,0,.45);display:flex;flex-direction:column}.image-lightbox-dialog>header{flex:0 0 58px;padding:0 15px 0 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px}.image-lightbox-dialog>header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.image-lightbox-dialog header strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-dialog header span{color:rgba(255,255,255,.58);font-size:9px}.image-lightbox-controls{flex:0 0 auto;display:flex;align-items:center;gap:6px}.image-lightbox-controls button{min-width:32px;height:32px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;font-size:12px}.image-lightbox-controls button:hover{background:rgba(255,255,255,.14)}.image-lightbox-stage{min-height:0;flex:1;overflow:auto;display:grid;place-items:center;background:linear-gradient(45deg,#1c1c1c 25%,transparent 25%),linear-gradient(-45deg,#1c1c1c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c1c1c 75%),linear-gradient(-45deg,transparent 75%,#1c1c1c 75%),#222;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-lightbox-stage img{display:block;width:100%;height:100%;min-width:100%;min-height:100%;padding:24px;object-fit:contain;object-position:center;cursor:zoom-in}[data-enlarge-asset-image],[data-edit-image-preview],[data-upscale-original],.asset-upscale-media>img,.manual-asset-preview img{cursor:zoom-in}@media(max-width:640px){.image-lightbox{padding:12px}.image-lightbox-dialog{height:calc(100vh - 24px)}.image-lightbox-dialog>header{padding-left:13px}.image-lightbox-controls button{min-width:30px;padding:0 7px}}
.video-lightbox{position:fixed;inset:0;z-index:1400;padding:24px;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:grid;place-items:center}.video-lightbox-dialog{width:min(1180px,100%);height:min(860px,calc(100vh - 48px));min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#111;box-shadow:0 28px 90px rgba(0,0,0,.48);display:flex;flex-direction:column}.video-lightbox-dialog>header{flex:0 0 58px;padding:0 15px 0 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px}.video-lightbox-dialog>header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.video-lightbox-dialog header strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.video-lightbox-dialog header span{color:rgba(255,255,255,.58);font-size:9px}.video-lightbox-controls button{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center}.video-lightbox-controls button:hover{background:rgba(255,255,255,.14)}.video-lightbox-stage{min-height:0;flex:1;padding:20px;background:#090909;display:grid;place-items:center}.video-lightbox-stage video{display:block;width:100%;height:100%;object-fit:contain}.manual-asset-preview video{cursor:zoom-in}@media(max-width:640px){.video-lightbox{padding:12px}.video-lightbox-dialog{height:calc(100vh - 24px)}.video-lightbox-stage{padding:8px}}
.text-asset-edit-modal{width:min(780px,100%);height:min(690px,calc(100vh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.text-asset-edit-modal .modal-head{flex:0 0 auto}.text-asset-edit-modal .modal-body{min-height:0;flex:1;overflow:hidden}.text-asset-edit-modal #text-asset-edit-form{height:100%;min-height:0;display:flex;flex-direction:column}.text-asset-edit-content{min-height:0;flex:1;margin-top:15px}.text-asset-edit-content .textarea{min-height:0;flex:1;resize:none;line-height:1.75}.text-asset-edit-modal .form-actions{flex:0 0 50px;height:50px;margin:0;padding-top:12px}@media(max-width:640px){.text-asset-edit-modal{height:calc(100vh - 24px)}}
.video-asset-edit-media video,.asset-upscale-media>video,.manual-asset-preview video{cursor:default}
.asset-item-card{padding-top:15px}.asset-item-card .asset-card-delete{top:23px;right:23px}.asset-card-created-at{position:absolute;top:-9px;left:12px;z-index:4;min-height:18px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 2px 7px rgba(0,0,0,.04);display:inline-flex;align-items:center;color:var(--soft);font-size:8px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.asset-card-type-icon{position:absolute;top:-16px;left:50%;z-index:5;width:32px;height:32px;border:1px solid var(--line);border-radius:10px;transform:translateX(-50%);display:grid;place-items:center;background:#f5f5f5;color:#686868;box-shadow:0 5px 14px rgba(0,0,0,.11)}.asset-card-type-icon:after{content:"";position:absolute;left:7px;right:7px;bottom:3px;height:2px;border-radius:999px;background:currentColor;opacity:.16}.asset-card-type-icon svg{width:15px;height:15px}.asset-card-type-text{background:#f1edff;border-color:#dfd6ff;color:#6b54c6}.asset-card-type-image{background:#eaf8ef;border-color:#d2ebda;color:#268b50}.asset-card-type-video{background:#fff4e8;border-color:#f0dcc2;color:#b36a1e}#asset-grid{padding-top:17px;row-gap:28px}html[data-theme=dark] .asset-card-created-at{background:var(--panel);border-color:#353535;box-shadow:0 2px 7px rgba(0,0,0,.2)}html[data-theme=dark] .asset-card-type-icon{background:#262626;border-color:#3a3a3a;color:#bdbdbd;box-shadow:0 5px 16px rgba(0,0,0,.34)}html[data-theme=dark] .asset-card-type-text{background:#2d2742;border-color:#453c61;color:#baa9ff}html[data-theme=dark] .asset-card-type-image{background:#183725;border-color:#28543a;color:#73d59a}html[data-theme=dark] .asset-card-type-video{background:#392a1d;border-color:#533d2a;color:#e6a15b}@media(max-width:640px){.asset-item-card{padding-top:15px}.asset-card-created-at{top:-8px;left:11px}.asset-card-type-icon{top:-15px}.asset-item-card .asset-card-delete{top:23px;right:23px}#asset-grid{padding-top:16px;row-gap:27px}}
.video-asset-upscale-modal .asset-upscale-media{position:relative;overflow:hidden;background:#111}.video-asset-upscale-modal .asset-upscale-media>video{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:auto;padding:0!important;object-fit:contain!important;object-position:center center!important;background:#111}.video-asset-upscale-modal .asset-upscale-panel{overflow:hidden}.video-asset-upscale-modal .asset-upscale-panel-head{flex:0 0 auto}.video-asset-upscale-modal .asset-upscale-compare{overflow:hidden}
.product-manual-asset-modal #subject-asset-upload-form{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.manual-asset-subject-badges{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.manual-asset-subject-badges .badge{white-space:nowrap}@media(max-width:640px){.manual-asset-subject-badges{align-items:flex-end;flex-direction:column;gap:4px}}
.asset-text-card{background:#f3edff;border-color:#cfc0f4;box-shadow:inset 3px 0 0 #8c73df}.asset-image-card{background:#eaf8ee;border-color:#b5dfc0;box-shadow:inset 3px 0 0 #4ebd73}.asset-video-card{background:#fff1df;border-color:#efc98f;box-shadow:inset 3px 0 0 #e39a3c}html[data-theme=dark] .asset-text-card{background:#2b2440;border-color:#5a4b83;box-shadow:inset 3px 0 0 #9b82ed}html[data-theme=dark] .asset-image-card{background:#1e3525;border-color:#3c714c;box-shadow:inset 3px 0 0 #55c979}html[data-theme=dark] .asset-video-card{background:#3a2b1b;border-color:#79582f;box-shadow:inset 3px 0 0 #e9a84b}
.brand-item-card{background:#f4f0ff;border-color:#cfc2ef;box-shadow:inset 3px 0 0 #8064d8}.product-item-card{background:#edf6ff;border-color:#b8d6f2;box-shadow:inset 3px 0 0 #4d92d9}html[data-theme=dark] .brand-item-card{background:#2b2440;border-color:#5a4b83;box-shadow:inset 3px 0 0 #9b82ed}html[data-theme=dark] .product-item-card{background:#1e2d3d;border-color:#3c6389;box-shadow:inset 3px 0 0 #63a4e8}
.brand-item-card:hover{box-shadow:inset 3px 0 0 #8064d8,var(--shadow)}.product-item-card:hover{box-shadow:inset 3px 0 0 #4d92d9,var(--shadow)}html[data-theme=dark] .brand-item-card:hover{box-shadow:inset 3px 0 0 #9b82ed,var(--shadow)}html[data-theme=dark] .product-item-card:hover{box-shadow:inset 3px 0 0 #63a4e8,var(--shadow)}
.composer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.composer-head::-webkit-scrollbar{display:none}.composer-head .composer-top{min-width:max-content;flex:1 0 auto;margin:0;flex-wrap:nowrap}.composer-head .create-options{flex:0 0 auto;margin:0}.composer-head .composer-chip,.composer-head .create-options{height:38px}.composer-head .create-option{height:32px;white-space:nowrap}@media(max-width:720px){.composer-head{gap:8px}.composer-head .composer-top{max-height:none;overflow:visible}.composer-head .composer-chip{min-width:92px}}
.create-option{min-width:34px;width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:width .16s ease,padding .16s ease,background .16s ease}.create-option .create-option-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.create-option b{display:none;font-weight:550;white-space:nowrap}.create-option.active{width:auto;min-width:72px;padding:0 10px}.create-option.active b{display:inline}
.create-page-with-references .composer-settings{min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.create-page-with-references .composer-settings::-webkit-scrollbar{display:none}.create-page-with-references .composer-settings select{flex:0 0 auto}
.create-conversation{height:calc(100vh - 70px);max-width:960px;margin:0 auto;overflow-y:auto;scroll-behavior:smooth;padding:0 18px 360px}.create-conversation-intro{width:100%;padding-top:min(32vh,300px);padding-bottom:68px}.create-turn{width:100%;max-width:820px;margin:0 auto 28px;animation:create-turn-in .24s ease both}.create-turn-prompt{max-width:78%;margin-left:auto;padding:11px 14px;border:1px solid #e8e8e8;border-radius:16px 16px 5px 16px;background:#f6f6f6;color:#303030;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.create-turn-label{display:block;margin-bottom:4px;color:#929292;font-size:9px;font-weight:600;letter-spacing:.03em}.create-turn-result{margin-top:10px}.create-turn-result .result-preview{max-width:none;margin:0;border-radius:14px;padding:15px}.create-turn-pending{min-height:72px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}@keyframes create-turn-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-theme=dark] .create-turn-prompt{border-color:#333;background:#242424;color:#eee}html[data-theme=dark] .create-turn-result .result-preview{background:var(--panel)}
@media(max-width:640px){.create-conversation{height:calc(100vh - 62px);padding:0 12px 330px}.create-conversation-intro{padding-top:110px;padding-bottom:46px}.create-turn-prompt{max-width:88%;font-size:11px}.create-turn{margin-bottom:20px}}
.topbar .top-actions{margin-left:auto}
.create-results-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:920px;margin:0 auto;padding:12px 2px 11px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid transparent}
.create-results-toolbar-wrap{position:sticky;top:70px;z-index:9;max-width:920px;margin:0 auto;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}.create-results-toolbar-wrap .create-results-toolbar{position:relative;top:auto}
.create-topbar{height:88px}.create-topbar .create-results-toolbar-wrap{position:static;max-width:none;width:100%;margin:0;background:transparent;backdrop-filter:none}.create-topbar .create-results-toolbar{max-width:920px;margin:0 auto}
.create-topbar + .create-page{min-height:calc(100vh - 88px)}.create-topbar + .create-page .create-conversation{height:calc(100vh - 88px)}
.create-results-toolbar-title{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.create-results-toolbar-title strong{font-size:13px;font-weight:650}.create-results-toolbar-title span{color:var(--muted);font-size:10px}
.create-results-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.create-result-sort,.create-result-filter{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:11px;line-height:1.45;white-space:nowrap}.create-result-sort{cursor:pointer}.create-result-sort:hover,.create-result-filter:hover{border-color:#aaa}.create-results-search{height:34px;min-width:170px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted)}.create-results-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px;line-height:1.45}.create-results-search input::placeholder{color:var(--muted)}.create-result-date{height:34px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:11px;line-height:1.45;font-family:inherit;min-width:132px}.create-result-date:focus{outline:0;border-color:#aaa}.create-result-date-mode{min-width:82px}
.create-results-empty{max-width:820px;margin:0 auto;padding:42px 20px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:14px}
.create-result-date-range{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.create-result-date-range .create-result-date{width:104px;min-width:104px}
.create-user-picker{position:relative;display:inline-flex;min-width:112px}.create-user-trigger{height:34px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:11px;line-height:1.45;white-space:nowrap;cursor:pointer}.create-user-trigger:hover,.create-user-picker.open .create-user-trigger{border-color:#aaa}.create-user-trigger span:first-child{overflow:hidden;text-overflow:ellipsis}.create-user-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);bottom:auto;z-index:30;display:none;max-height:240px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 26px rgba(0,0,0,.12)}.create-user-picker.open .create-user-menu{display:block}.create-user-menu button{width:100%;height:30px;display:block;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:10px;text-align:left;cursor:pointer}.create-user-menu button:hover,.create-user-menu button.active{background:var(--hover)}
.create-turn{max-width:920px;margin-bottom:34px}.create-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;padding:0 2px 9px}.create-result-model{display:flex;align-items:center;gap:8px;min-width:0}.create-result-model strong{overflow:hidden;font-size:11px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.create-result-model-icon{width:25px;height:25px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:var(--panel);color:var(--muted)}.create-result-model-icon.type-text{color:#735bc9;background:#f4f0ff;border-color:#ddd4f6}.create-result-model-icon.type-image{color:#25864d;background:#edf9f0;border-color:#cce9d4}.create-result-model-icon.type-video{color:#ad6a20;background:#fff5e9;border-color:#f1dec6}.create-result-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;white-space:nowrap}.create-result-separator{color:#c2c2c2}.create-result-detail-wrap{position:relative}.create-result-detail-trigger{height:25px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.create-result-detail-trigger:hover,.create-result-detail-trigger:focus-visible{background:var(--hover);color:var(--text);outline:0}.create-result-detail-popover{position:absolute;top:calc(100% + 7px);right:0;width:310px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 14px 38px rgba(0,0,0,.13);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:20}.create-result-detail-wrap:hover .create-result-detail-popover,.create-result-detail-wrap:focus-within .create-result-detail-popover{opacity:1;visibility:visible;transform:translateY(0)}.create-result-detail-popover>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:10px}.create-result-detail-popover>div:last-child{border-bottom:0}.create-result-detail-popover>div>span{color:var(--muted)}.create-result-detail-popover code,.create-result-detail-popover pre{margin:0;overflow:auto;color:var(--text);font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}.create-result-detail-popover strong{font-size:10px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-turn-prompt{max-width:none;margin:0;padding:4px 2px 12px;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;font-size:12px;line-height:1.7}.create-turn-label{margin-bottom:5px;color:var(--muted);font-size:9px;letter-spacing:.04em}.create-turn-result{margin-top:0}.create-turn-result .result-preview{max-width:none;margin:0;border-radius:14px;padding:15px}.create-turn-result .result-preview .section-head{margin-bottom:12px}.create-turn-result .result-preview .section-head h2{font-size:11px}.create-turn-pending{min-height:72px}
html[data-theme=dark] .create-results-toolbar{background:color-mix(in srgb,var(--bg) 92%,transparent)}html[data-theme=dark] .create-result-model-icon.type-text{background:#2d2742;border-color:#453c61;color:#baa9ff}html[data-theme=dark] .create-result-model-icon.type-image{background:#183725;border-color:#28543a;color:#73d59a}html[data-theme=dark] .create-result-model-icon.type-video{background:#392a1d;border-color:#533d2a;color:#e6a15b}
html[data-theme=dark] .create-turn-prompt{background:transparent;border-color:transparent;color:var(--text)}
.create-result-model-icon img,.create-model-logo img,.model-card-logo img{display:block;width:100%;height:100%;object-fit:contain}.create-result-model-icon img{padding:3px}.model-logo-failed{display:none!important}.model-logo-fallback{display:grid;place-items:center;width:100%;height:100%}.create-model-logo{width:24px;height:24px;flex:0 0 24px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:grid;place-items:center;overflow:hidden}.model-card-title{display:flex;align-items:center;gap:9px;margin-top:14px}.model-card-logo{width:28px;height:28px;flex:0 0 28px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--hover);display:grid;place-items:center;overflow:hidden}.model-card-title .card-title{min-width:0;margin:0}
.create-turn-result [data-create-media]{cursor:zoom-in}.media-lightbox-dialog{width:min(1100px,calc(100vw - 40px));height:min(820px,calc(100vh - 40px))}.media-lightbox-stage{display:grid;place-items:center;padding:18px}.media-lightbox-stage video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#111;border-radius:10px}
.create-model-picker{position:relative;flex:0 0 auto;width:210px;min-width:168px}.create-model-trigger{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:11px;text-align:left}.create-model-trigger:hover,.create-model-picker.open .create-model-trigger{border-color:#aaa;background:var(--hover)}.create-model-trigger-main{display:flex;align-items:center;gap:7px;min-width:0}.create-model-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-model-chevron{color:var(--muted);font-size:12px}.create-model-menu{position:absolute;left:0;right:0;bottom:calc(100% + 7px);z-index:30;display:none;max-height:240px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 14px 35px rgba(0,0,0,.14)}.create-model-picker.open .create-model-menu{display:block}.create-model-option{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:11px;text-align:left}.create-model-option:hover{background:var(--hover)}.create-model-option-logo{width:25px;height:25px;flex:0 0 25px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:grid;place-items:center;overflow:hidden}.create-model-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-model-empty{padding:12px;color:var(--muted);font-size:10px;text-align:center}
.create-page .composer-settings>select{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 10px;color:var(--text);font-size:11px}
.create-page .composer-duration-field{display:flex;align-items:center;gap:4px;height:38px;min-width:104px;box-sizing:border-box;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:11px;white-space:nowrap}
.create-page .composer-duration-field span{overflow:hidden;text-overflow:ellipsis}
.create-page .composer-duration-field input{width:38px;min-width:0;height:28px;margin:0;padding:0 4px;border:0;border-radius:6px;background:var(--hover);color:var(--text);font-size:12px;text-align:center;outline:0}
.create-page .composer-duration-field input:focus{outline:2px solid color-mix(in srgb,var(--text) 16%,transparent);outline-offset:1px}
.create-page .composer-duration-field em{font-style:normal;color:var(--muted);font-size:10px}
.create-model-menu.open{display:block!important}
@media(max-width:760px){.create-results-toolbar{align-items:stretch;flex-direction:column;gap:8px;padding:10px 0}.create-results-toolbar-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:1px}.create-results-search{min-width:140px}.create-result-detail-popover{right:auto;left:0}.create-result-header{align-items:flex-start;flex-direction:column;gap:5px}.create-result-meta{width:100%;justify-content:flex-start}}
.create-turn-actions{display:flex;align-items:center;gap:7px;margin-top:10px;padding:0 2px}.create-turn-actions>button,.create-more-wrap>button{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.create-turn-actions>button:hover,.create-more-wrap>button:hover{background:var(--hover);color:var(--text);border-color:#aaa}.create-more-wrap{position:relative;display:inline-flex}.create-more-menu{position:absolute;right:0;top:calc(100% + 6px);bottom:auto;z-index:12;min-width:92px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 26px rgba(0,0,0,.12)}.create-more-menu button{width:100%;height:28px;display:flex;align-items:center;gap:6px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--danger,#c94b4b);font-size:10px;text-align:left;cursor:pointer}.create-more-menu button:hover{background:var(--hover)}
.create-turn-prompt{max-width:none;margin:0 0 11px;padding:12px 14px;border:1px solid #ded9ee;border-left:3px solid #8b76d1;border-radius:11px;background:#f7f5fc;color:var(--text);box-shadow:0 1px 2px rgba(52,42,83,.025);text-align:left;font-size:12px;line-height:1.7}.create-turn-prompt .create-turn-label{margin-bottom:6px;color:#75649f;font-size:9px;font-weight:650;letter-spacing:.06em}.create-turn-prompt>div{white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .create-turn-prompt{border-color:#3b354d;border-left-color:#9d89e4;background:#24212d;color:var(--text)}html[data-theme=dark] .create-turn-prompt .create-turn-label{color:#b5a6e4}
.item-card{background:var(--panel);border:1px solid #e8e8e8;border-radius:16px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.018);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.item-card:hover{transform:translateY(-2px);border-color:#dcdcdc;box-shadow:0 12px 30px rgba(0,0,0,.07)}
.brand-item-card,.product-item-card,.asset-item-card{background:var(--panel);border-color:#e6e6e6;box-shadow:0 1px 2px rgba(0,0,0,.018)}.brand-item-card:hover,.product-item-card:hover,.asset-item-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.07)}
.brand-item-card{border-top:2px solid #9b8cdf}.product-item-card{border-top:2px solid #6fa9e7}.asset-text-card{border-top:2px solid #9b8cdf}.asset-image-card{border-top:2px solid #62bd82}.asset-video-card{border-top:2px solid #d59a50}
.brand-card-logo{height:164px;margin-bottom:14px;border-radius:12px;background:#f7f7f7}.brand-card-logo img{padding:20px}.product-card-cover{height:190px;min-height:190px;max-height:190px;padding:12px;border-radius:12px;background:#f7f7f7}.product-card-cover img{max-height:164px}
.card-title{font-size:14px;font-weight:620;letter-spacing:-.12px}.card-desc{color:#858585;font-size:11px;line-height:1.65;margin:8px 0;min-height:36px}.card-meta{color:#a0a0a0;font-size:10px;margin-top:12px}.badge{background:#f5f5f5;color:#777;border:0}.badge.green{background:#edf8f0;color:#368458}.badge.purple{background:#f2efff;color:#705bc4}.badge.red{background:#fff1f1;color:#c95d5d}
.brand-card-actions,.product-card-actions,.asset-card-actions{gap:6px;margin-top:14px}.brand-card-actions button,.product-card-actions button,.asset-card-actions button{height:34px;border:1px solid #ededed;border-radius:9px;background:#fafafa;color:#666;font-size:10px;transition:background .15s,border-color .15s,color .15s}.brand-card-actions button:hover,.product-card-actions button:hover,.asset-card-actions button:hover{background:#f0f0f0;border-color:#dedede;color:#222}
.asset-item-card{padding-top:15px}.asset-image-cover,.asset-video-cover,.asset-text-preview{border-radius:12px}.asset-image-cover{background:#f7f7f7}.asset-text-preview{background:#fafafa}.asset-card-type-icon{width:30px;height:30px;border-radius:9px;top:-15px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.asset-card-created-at{border-radius:6px;box-shadow:none;background:var(--panel)}.asset-card-badges{gap:4px;display:flex;flex-wrap:wrap}.asset-card-badges .badge{white-space:nowrap}
html[data-theme=dark] .item-card,html[data-theme=dark] .brand-item-card,html[data-theme=dark] .product-item-card,html[data-theme=dark] .asset-item-card{border-color:#303030;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.2)}html[data-theme=dark] .item-card:hover,html[data-theme=dark] .brand-item-card:hover,html[data-theme=dark] .product-item-card:hover,html[data-theme=dark] .asset-item-card:hover{border-color:#444;box-shadow:0 12px 30px rgba(0,0,0,.3)}html[data-theme=dark] .brand-card-logo,html[data-theme=dark] .product-card-cover,html[data-theme=dark] .asset-image-cover{background:#222}html[data-theme=dark] .card-desc{color:#929292}html[data-theme=dark] .brand-card-actions button,html[data-theme=dark] .product-card-actions button,html[data-theme=dark] .asset-card-actions button{background:#202020;border-color:#353535;color:#aaa}html[data-theme=dark] .brand-card-actions button:hover,html[data-theme=dark] .product-card-actions button:hover,html[data-theme=dark] .asset-card-actions button:hover{background:#2b2b2b;border-color:#464646;color:#f1f1f1}
.reference-assets-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.reference-assets-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.reference-assets-heading strong{font-size:10px;font-weight:600}.reference-assets-heading span{color:var(--muted);font-size:9px}
.reference-asset-slots{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px}
.reference-asset-slot{position:relative;flex:0 0 76px;width:76px;height:76px;overflow:hidden;border:1px dashed var(--line);border-radius:10px;background:var(--hover);display:grid;place-items:center;cursor:pointer;padding:0;color:inherit}.reference-asset-slot.selected{border-style:solid;border-color:#9b8cdf;background:var(--panel)}.reference-asset-slot img{display:block;width:100%;height:100%;object-fit:contain;background:var(--hover)}.reference-asset-slot button{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:rgba(20,20,20,.72);color:#fff;display:grid;place-items:center;z-index:2;cursor:pointer}.reference-asset-slot>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:9px}.reference-asset-slot>span em{font-style:normal;white-space:nowrap}
.reference-asset-picker-modal-wrap{width:min(820px,100%);height:min(650px,calc(100vh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.reference-asset-picker-modal{min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column}.reference-asset-picker-filters{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:8px;margin-bottom:12px}.reference-asset-picker-grid{min-height:0;height:calc(100% - 55px);overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}.reference-asset-picker-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;cursor:pointer}.reference-asset-picker-card:hover{border-color:#9b8cdf;box-shadow:0 4px 14px rgba(70,50,150,.12)}.reference-asset-picker-card img{display:block;width:100%;height:130px;object-fit:contain;background:var(--hover)}.reference-asset-picker-card>div{padding:7px 8px}.reference-asset-picker-card strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.reference-asset-picker-card span{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.reference-asset-picker-modal-wrap .empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:var(--muted)}.reference-asset-picker-modal-wrap .empty p{margin:8px 0 4px;color:var(--text)}
.reference-asset-picker-grid{grid-auto-rows:max-content}.reference-asset-picker-card{align-self:start}.reference-asset-picker-image{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:3/4;box-sizing:border-box;display:block;overflow:hidden;background:var(--hover);padding:0!important}.reference-asset-picker-image img{position:absolute!important;inset:8px!important;display:block;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-width:none!important;max-height:none!important;box-sizing:border-box;background:transparent;object-fit:contain;object-position:center}.reference-asset-picker-zoom{position:absolute;right:7px;top:7px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:7px;background:rgba(20,20,30,.58);color:#fff;cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease}.reference-asset-picker-card:hover .reference-asset-picker-zoom,.reference-asset-picker-card:focus-within .reference-asset-picker-zoom{opacity:1}.reference-asset-picker-zoom:hover{background:rgba(20,20,30,.82)}
.reference-asset-picker-card .reference-asset-source-badge{position:absolute;top:7px;left:7px;z-index:1;display:block;max-width:calc(100% - 49px);box-sizing:border-box;margin:0;padding:3px 6px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(39,45,56,.88);color:#fff;font-size:9px;font-weight:550;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 4px rgba(0,0,0,.12);backdrop-filter:blur(6px)}
.reference-asset-picker-card .reference-asset-source-badge.profile{background:rgba(35,87,159,.92)}
.reference-asset-picker-card .reference-asset-source-badge.ai{background:rgba(102,64,154,.92)}
@media(max-width:720px){.reference-asset-picker-filters{grid-template-columns:1fr 1fr}.reference-asset-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reference-asset-picker-modal-wrap .modal-head{flex:0 0 auto}.reference-asset-picker-modal-wrap .modal-body{min-height:0;flex:1;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.reference-asset-picker-modal-wrap .reference-asset-picker-modal{height:100%;min-height:0;flex:1 1 auto}.reference-asset-picker-modal-wrap .reference-asset-picker-grid{height:auto;min-height:0;flex:1 1 auto;overflow-y:auto}
.create-page-with-references .create-hero{padding-top:clamp(96px,24vh,270px)}
.create-page-with-references .composer{max-height:calc(100vh - 128px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:640px){.create-page-with-references .create-hero{padding-top:92px}.create-page-with-references .composer{max-height:calc(100vh - 92px);bottom:12px}}
.reference-asset-picker-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.22),0 5px 16px rgba(37,99,235,.14)}.reference-asset-picker-card.selected img{background:#eff6ff}.reference-asset-picker-actions{flex:0 0 auto;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.create-result-param-list{display:grid;gap:5px;min-width:0}.create-result-param-list>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:6px;background:var(--hover)}.create-result-param-list span{color:var(--muted)}.create-result-param-list strong{min-width:0;color:var(--text);font-size:10px;font-weight:550;word-break:break-word}
.composer-handbook-toggle{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap}.composer-handbook-toggle:hover{border-color:#aaa;color:var(--text)}.composer-handbook-toggle input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#4f46e5}.composer-handbook-toggle input[type=hidden]{display:none}
.composer-handbook-toggle{position:relative;min-width:108px;padding-left:47px;border:0;background:transparent}.composer-handbook-toggle::before{content:"";position:absolute;left:10px;top:7px;width:32px;height:20px;border-radius:999px;background:#d1d5db;transition:background .18s ease}.composer-handbook-toggle::after{content:"";position:absolute;left:12px;top:9px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .18s ease}.composer-handbook-toggle input[type=checkbox]{display:none}.composer-handbook-toggle.active{border:0;background:transparent;color:#2563eb}.composer-handbook-toggle.active::before{background:#3b82f6}.composer-handbook-toggle.active::after{transform:translateX(14px)}.composer-handbook-toggle.active:hover{border:0;background:var(--hover)}html[data-theme=dark] .composer-handbook-toggle::before{background:#4b5563}html[data-theme=dark] .composer-handbook-toggle.active::before{background:#4f8ff7}html[data-theme=dark] .composer-handbook-toggle::after{background:#f5f5f5}
.create-turn-result .result-preview img,.create-turn-result .result-preview video{margin-left:0;margin-right:0}
.create-more-wrap{z-index:1001}
.create-more-wrap.is-open{z-index:1002}
.create-more-menu{position:fixed;left:0;right:auto;top:0;bottom:auto;z-index:1003}
.create-more-menu button{color:var(--text)}
.create-more-menu button[data-create-delete]{color:var(--danger,#c94b4b)}

.inspiration-page{max-width:1440px;padding-top:22px}
.inspiration-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 22px}
.inspiration-header h1{margin:0 0 6px;font-size:25px;font-weight:650;letter-spacing:-.5px}
.inspiration-header p{margin:0;color:var(--muted);font-size:11px}
.inspiration-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--hover)}
.inspiration-tab{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}
.inspiration-tab span{font-size:9px;opacity:.7}.inspiration-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.08)}
.inspiration-grid{display:grid;gap:8px;align-items:start}
.inspiration-grid[data-inspiration-type="image"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.inspiration-grid[data-inspiration-type="video"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.inspiration-card{position:relative;min-width:0;overflow:hidden;cursor:pointer;background:transparent;border:0;border-radius:0}
.inspiration-card-media{position:relative;width:100%;overflow:hidden;background:transparent}
.inspiration-card-media img,.inspiration-card-media video{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:transparent}
.inspiration-card-hover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;opacity:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64));transition:opacity .18s ease}
.inspiration-card:hover .inspiration-card-hover,.inspiration-card:focus-within .inspiration-card-hover{opacity:1}
.inspiration-card-creator{display:flex;align-items:center;min-width:0;gap:7px;color:#fff;font-size:10px;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.inspiration-card-creator img,.inspiration-card-avatar-fallback{width:26px;height:26px;flex:0 0 26px;border-radius:50%;object-fit:cover;background:#777;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}
.inspiration-card-creator>strong{min-width:0;overflow:hidden;color:#fff;font-size:10px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.inspiration-card-creator span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inspiration-remix-icon{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#222;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.22)}
.inspiration-remix-icon:hover{background:#fff;transform:scale(1.05)}
.inspiration-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.inspiration-empty strong{color:var(--text);font-size:13px}.inspiration-empty svg{opacity:.5}
.inspiration-detail-modal{width:min(1120px,100%);height:min(760px,calc(100vh - 40px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.inspiration-detail-modal .modal-head{position:absolute;top:12px;left:14px;right:14px;z-index:3;padding:0;background:transparent;border:0;pointer-events:none}.inspiration-detail-modal .modal-head h2{display:none}.inspiration-detail-modal .modal-head .modal-close{pointer-events:auto;width:34px;height:34px;background:rgba(255,255,255,.92);box-shadow:0 3px 14px rgba(0,0,0,.14)}.inspiration-detail-modal .modal-body{min-height:0;flex:1;overflow:hidden;padding:0}.inspiration-detail{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:0}.inspiration-detail-media{min-width:0;min-height:0;display:grid;place-items:center;padding:28px;background:#f2f2f2;overflow:hidden}.inspiration-detail-media img,.inspiration-detail-media video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.inspiration-detail-media video{background:#111}.inspiration-detail-info{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 24px 22px;background:var(--panel);overflow:auto}.inspiration-detail-creator{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.inspiration-detail-creator>img,.inspiration-detail-creator>.inspiration-card-avatar-fallback{width:34px;height:34px;flex:0 0 34px}.inspiration-detail-creator>div{min-width:0;display:flex;flex-direction:column;gap:3px}.inspiration-detail-creator strong{font-size:12px}.inspiration-detail-creator time{color:var(--muted);font-size:10px}.inspiration-detail-kind{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.inspiration-detail-model{margin-bottom:9px;font-size:11px;font-weight:600}.inspiration-detail-section{padding:16px 0;border-bottom:1px solid var(--line)}.inspiration-detail-section h3{margin:0 0 9px;font-size:11px;font-weight:650}.inspiration-detail-prompt p{margin:0;color:var(--text);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.inspiration-param-list{display:grid;gap:6px}.inspiration-param-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:var(--hover);font-size:10px}.inspiration-param-list span{color:var(--muted)}.inspiration-param-list strong{font-weight:550;word-break:break-word}.inspiration-reference-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.inspiration-reference-list img{width:64px;height:64px;flex:0 0 64px;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:var(--hover)}.inspiration-detail-empty{color:var(--muted);font-size:10px}.inspiration-detail-actions{margin-top:auto;padding-top:16px}.inspiration-detail-actions .btn{width:100%;height:40px}
html[data-theme=dark] .inspiration-detail-modal .modal-head .modal-close{background:rgba(35,35,35,.94);color:#fff}html[data-theme=dark] .inspiration-detail-media{background:#202020}
@media(max-width:1100px){.inspiration-grid[data-inspiration-type="image"]{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration-grid[data-inspiration-type="video"]{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration-detail{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}}
@media(max-width:760px){.inspiration-header{align-items:flex-start;flex-direction:column}.inspiration-tabs{width:100%}.inspiration-tab{flex:1;justify-content:center}.inspiration-grid[data-inspiration-type="image"]{grid-template-columns:repeat(3,minmax(0,1fr))}.inspiration-grid[data-inspiration-type="video"]{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-detail-modal{height:calc(100vh - 24px)}.inspiration-detail{display:flex;flex-direction:column;overflow:auto}.inspiration-detail-media{height:48%;min-height:220px;flex:0 0 48%}.inspiration-detail-info{flex:1;overflow:visible}.inspiration-detail-actions{position:sticky;bottom:0;padding-bottom:2px;background:var(--panel)}}
@media(max-width:460px){.inspiration-grid[data-inspiration-type="image"],.inspiration-grid[data-inspiration-type="video"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 智能提取在主品牌编辑器上方打开独立选择层，保留主表单草稿。 */
.brand-extraction-choice-backdrop{z-index:1050}
.brand-extraction-choice-modal{width:min(500px,100%);overflow:hidden}
.brand-extraction-choice-modal .modal-head{padding:15px 17px}
.brand-extraction-choice-modal .modal-head h2{font-size:15px}
.brand-extraction-choice-modal .modal-body{padding:18px}
.brand-extraction-choice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}
.brand-inline-extract-action{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}
.brand-extract-status{display:block;max-width:360px;color:var(--muted);font-size:10px;line-height:1.45;text-align:right}
.brand-extract-status:empty{display:none}
@media(max-width:560px){.brand-inline-extract-action{width:100%;align-items:stretch}.brand-extract-status{max-width:none;text-align:left}}
@media(max-width:1100px){.asset-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.asset-toolbar{align-items:stretch;flex-direction:column;gap:10px}.asset-type-tabs{width:100%}.asset-type-tab{flex:1;justify-content:center}.asset-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:460px){.asset-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.inspiration-detail-modal{position:relative}

/* AI 灵感详情：贴近即梦的宽屏双栏布局，媒体完整展示，参数横向紧凑排列。 */
.inspiration-detail-modal{width:min(1240px,100%);height:min(820px,calc(100vh - 32px));}
.inspiration-detail-modal .modal-head{top:16px;left:16px;right:16px}
.inspiration-detail-modal .modal-head .modal-close{width:38px;height:38px}
.inspiration-detail{grid-template-columns:minmax(0,1.42fr) minmax(380px,.82fr)}
.inspiration-detail-media{padding:28px;background:#f2f2f2}
.inspiration-detail-media img,.inspiration-detail-media video{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.inspiration-detail-info{padding:30px 28px 24px}
.inspiration-param-list{display:flex;flex-wrap:wrap;gap:6px}
.inspiration-param-list>div{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:6px 9px}
.inspiration-param-list span{white-space:nowrap}
.inspiration-reference-unavailable{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--hover);color:var(--muted);font-size:9px;text-align:center;line-height:1.35}
.inspiration-detail-creator>img,.inspiration-detail-creator>.inspiration-card-avatar-fallback{border-radius:50%;overflow:hidden;object-fit:cover;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.asset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.asset-toolbar-filters{margin:0;flex:1}.asset-type-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--hover);flex:0 0 auto}.asset-type-tab{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.asset-type-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.08)}.asset-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start}.asset-media-card{position:relative;min-width:0;overflow:hidden;border:0;background:transparent;cursor:pointer}.asset-media-surface{position:relative;width:100%;overflow:hidden;background:var(--hover);border-radius:10px}.asset-media-surface>img,.asset-media-surface>video{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.asset-media-text{min-height:230px;padding:18px;color:var(--text);font-size:11px;line-height:1.75;white-space:pre-wrap;overflow:hidden}.asset-media-hover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;opacity:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.66));transition:opacity .18s ease}.asset-media-card:hover .asset-media-hover,.asset-media-card:focus-within .asset-media-hover{opacity:1}.asset-media-creator{display:flex;align-items:center;gap:7px;min-width:0;color:#fff;font-size:10px;text-shadow:0 1px 3px rgba(0,0,0,.35)}.asset-media-creator img,.asset-media-creator>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#777;color:#fff;font-size:11px;font-weight:600}.asset-media-creator strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-media-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.asset-media-actions button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#222;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}.asset-media-actions button:hover{background:#fff;transform:scale(1.05)}.asset-media-actions .asset-media-delete{color:#c93535}
.inspiration-card-hover .inspiration-card-creator{width:100%}
.inspiration-card-hover-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}
.inspiration-delete-icon{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#c93535;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.22)}
.inspiration-delete-icon:hover{background:#fff;transform:scale(1.05)}

/* 媒体卡片操作图标：半透明白色线条，减少对主体画面的干扰。 */
.inspiration-remix-icon,.inspiration-delete-icon,.asset-media-actions button{border:1px solid rgba(255,255,255,.5)!important;background:rgba(255,255,255,.5)!important;color:#fff!important;backdrop-filter:blur(4px)}
.inspiration-remix-icon:hover,.inspiration-delete-icon:hover,.asset-media-actions button:hover{border-color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.78)!important;color:#222!important}
.inspiration-delete-icon:hover,.asset-media-actions .asset-media-delete:hover{color:#c93535!important}

/* 参考即梦：卡片浮层图标采用轻量暗色玻璃底，白色细线图标，不形成突兀的白色圆块。 */
.inspiration-remix-icon,.inspiration-delete-icon,.asset-media-actions button{background:rgba(0,0,0,.34)!important;border-color:rgba(255,255,255,.34)!important;color:rgba(255,255,255,.88)!important}
.inspiration-remix-icon:hover,.inspiration-delete-icon:hover,.asset-media-actions button:hover{background:rgba(0,0,0,.58)!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}
.inspiration-delete-icon:hover,.asset-media-actions .asset-media-delete:hover{color:#ffaaa8!important}

/* 图标本身不带外圈，仅保留高亮白色线条。 */
.inspiration-remix-icon,.inspiration-delete-icon,.asset-media-actions button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:rgba(255,255,255,.96)!important;text-shadow:0 1px 5px rgba(0,0,0,.72);backdrop-filter:none}
.inspiration-remix-icon:hover,.inspiration-delete-icon:hover,.asset-media-actions button:hover{border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;transform:scale(1.1)}
.inspiration-delete-icon:hover,.asset-media-actions .asset-media-delete:hover{color:#ffaaa8!important}
.inspiration-detail-actions{display:flex;gap:8px}
.inspiration-detail-actions .btn-primary{flex:1}
.inspiration-detail-actions .inspiration-detail-delete{width:92px;background:transparent;color:#c93535;border-color:#e7b7b7}
.modal-backdrop:has(.inspiration-detail-modal){place-items:center;padding:32px;overflow:auto}
.inspiration-detail-modal{height:min(760px,calc(100vh - 64px));margin:auto}
@media(max-width:760px){.modal-backdrop:has(.inspiration-detail-modal){padding:16px}.inspiration-detail-modal{height:calc(100vh - 32px)}}

/* 竖版图片（如 9:16）在超分窗口中按原始比例完整适配，不拉伸、不裁切。 */
.asset-upscale-modal .asset-upscale-media>img{
  display:block;
  flex:0 0 auto;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  margin:auto;
  padding:0;
  object-fit:contain;
}

/* 视频超分预览同样按原始视频比例适配，兼容 9:16 等竖版视频。 */
.asset-upscale-modal .asset-upscale-media>video{
  display:block;
  flex:0 0 auto;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto;
  padding:0!important;
  object-fit:contain!important;
  object-position:center;
}
.reference-asset-picker-modal-wrap{height:min(560px,calc(100vh - 40px))}.reference-asset-picker-grid{height:auto;flex:1 1 auto;max-height:420px}.reference-asset-picker-actions{margin-top:8px;padding-top:8px}
.create-page{padding-bottom:0!important}

/* 素材中心按当前类型自适应媒体墙列数：图片 4 列、视频 3 列、文案 2 列。 */
.asset-media-grid[data-asset-grid-type="image"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.asset-media-grid[data-asset-grid-type="video"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.asset-media-grid[data-asset-grid-type="text"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.asset-load-status{padding:14px 0 8px;color:var(--muted);font-size:11px;text-align:center}
.asset-media-text{display:flex;flex-direction:column;gap:10px;min-height:230px;box-sizing:border-box;overflow:hidden}
.asset-media-text strong{font-size:14px;font-weight:650;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-media-text p{margin:0;color:var(--muted);font-size:11px;line-height:1.75;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}
.asset-media-surface{cursor:zoom-in}
.asset-media-actions,.asset-media-actions button{cursor:pointer}
.asset-media-actions [data-favorite].is-favorite{color:#ffd86b!important}
.media-lightbox-stage .text-lightbox-content{width:min(860px,100%);height:100%;box-sizing:border-box;padding:34px;color:#fff;font-size:17px;line-height:1.9;white-space:pre-wrap;overflow:auto;background:#151515}
@media(max-width:1100px){
  .asset-media-grid[data-asset-grid-type="image"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .asset-media-grid[data-asset-grid-type="video"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .asset-media-grid[data-asset-grid-type="text"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .asset-media-grid[data-asset-grid-type="image"],
  .asset-media-grid[data-asset-grid-type="video"],
  .asset-media-grid[data-asset-grid-type="text"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){
  .asset-media-grid[data-asset-grid-type="image"],
  .asset-media-grid[data-asset-grid-type="video"],
  .asset-media-grid[data-asset-grid-type="text"]{grid-template-columns:1fr}
}

/* 全局页面布局规范：所有业务页面使用统一的内容宽度、左右边距和顶部节奏。 */
.page{width:100%;max-width:1200px;margin:0 auto;padding:24px 28px 48px}
.page-header{margin:0 0 24px;min-height:48px;align-items:flex-end}
.page-title h1{margin-bottom:7px}
.page-title p{line-height:1.55}
.handbook-page{max-width:1200px}
.handbook-page-header{margin:0 0 24px}
.inspiration-header{margin:0 0 24px}
.create-page{max-width:1200px;margin:0 auto;padding:24px 28px 0}
.create-page .create-conversation-intro{text-align:left;padding-top:24px;padding-bottom:42px}
.create-page .create-conversation-intro h1{font-size:24px}
.create-page .create-conversation-intro p{margin-top:9px}
.create-page-kicker{margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}
@media(max-width:720px){
  .page{padding:20px 16px 40px}
  .create-page{padding:20px 16px 0}
  .page-header{margin-bottom:20px}
  .handbook-page-header,.inspiration-header{margin-bottom:20px}
}

/* 非创作页面顶部栏当前没有内容，收起空白区域，让标题说明与侧栏 Logo 保持同一视觉起点。 */
.topbar:not(.create-topbar){height:0;min-height:0;padding-top:0;padding-bottom:0;overflow:visible}
/* AI 创作保留顶部结果筛选栏，但将页面引导标题紧贴其下方，减少无效留白。 */
.create-page{padding-top:0}
.create-page .create-conversation-intro{padding-top:8px}
@media(max-width:720px){.create-page{padding-top:0}.create-page .create-conversation-intro{padding-top:8px}}

/* 视频及图片预览统一按原始宽高比完整适配，避免 9:16 等竖版素材被拉伸或裁切。 */
.media-lightbox-stage>video,
.image-asset-edit-media>img,
.video-asset-edit-media>video{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:auto;
  object-fit:contain!important;
  object-position:center;
}
.image-asset-edit-media>img{padding:8px;box-sizing:border-box}

/* 文本、视频放大预览与图片放大弹窗采用统一的尺寸、间距和视觉容器。 */
.media-lightbox-dialog{width:min(1180px,100%);height:min(860px,calc(100vh - 48px));}
.media-lightbox-stage{padding:24px;box-sizing:border-box;}
.media-lightbox-stage>video{border-radius:0;background:transparent;}
.media-lightbox-stage .text-lightbox-content{width:100%;max-width:none;height:100%;padding:24px;box-sizing:border-box;background:transparent;}

/* 素材墙与 AI 灵感统一采用 2px 横向、纵向间距。 */
.asset-media-grid{column-gap:2px;row-gap:2px}
.inspiration-grid{column-gap:2px;row-gap:2px}

/* 使用紧凑瀑布流消除不同宽高比素材造成的整行留白。 */
.asset-media-grid{display:block;column-count:4;column-gap:2px}
.asset-media-grid[data-asset-grid-type="video"]{column-count:4}
.asset-media-grid[data-asset-grid-type="text"]{column-count:2}
.asset-media-card{display:block;width:100%;break-inside:avoid;margin:0 0 2px;border-radius:0}
.inspiration-grid{display:block;column-count:4;column-gap:2px}
.inspiration-grid[data-inspiration-type="video"]{column-count:4}
.inspiration-card{display:block;width:100%;break-inside:avoid;margin:0 0 2px;border-radius:0}
.asset-media-surface,.asset-media-surface>img,.asset-media-surface>video,.asset-media-text,.inspiration-card-media,.inspiration-card-media>img,.inspiration-card-media>video{border-radius:0!important}
.inspiration-empty{column-span:all}
@media(max-width:1100px){
  .asset-media-grid{column-count:3}
  .asset-media-grid[data-asset-grid-type="video"]{column-count:3}
  .asset-media-grid[data-asset-grid-type="text"]{column-count:2}
  .inspiration-grid{column-count:3}
  .inspiration-grid[data-inspiration-type="video"]{column-count:3}
}
@media(max-width:760px){
  .asset-media-grid,
  .asset-media-grid[data-asset-grid-type="image"],
  .asset-media-grid[data-asset-grid-type="video"],
  .asset-media-grid[data-asset-grid-type="text"]{column-count:2}
  .inspiration-grid,
  .inspiration-grid[data-inspiration-type="image"],
  .inspiration-grid[data-inspiration-type="video"]{column-count:2}
}
@media(max-width:460px){
  .asset-media-grid,
  .asset-media-grid[data-asset-grid-type="image"],
  .asset-media-grid[data-asset-grid-type="video"],
  .asset-media-grid[data-asset-grid-type="text"],
  .inspiration-grid,
  .inspiration-grid[data-inspiration-type="image"],
  .inspiration-grid[data-inspiration-type="video"]{column-count:1}
}

/* 品牌中心：规整的对象卡片，强调 Logo、名称与创作入口的层级。 */
#brand-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:stretch}
.brand-item-card{min-height:376px;padding:10px 10px 11px;border:1px solid var(--line);border-top:3px solid var(--brand-accent);border-radius:0;background:var(--panel);box-shadow:0 3px 14px rgba(25,20,45,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.brand-item-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-accent) 42%,var(--line));box-shadow:0 12px 30px color-mix(in srgb,var(--brand-accent) 18%,transparent)}
.brand-card-logo{height:156px;margin:0 0 11px;border:1px solid color-mix(in srgb,var(--brand-accent) 23%,var(--line));border-radius:0;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-accent) 12%,#fff),color-mix(in srgb,var(--brand-accent) 3%,#f4f5fb));font-size:30px}
.brand-card-logo img{width:100%;height:100%;padding:20px;object-fit:contain}
.brand-card-logo{position:relative;aspect-ratio:1/1;height:auto;min-height:0;padding:0;border-radius:0}
.brand-card-hover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;opacity:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.66));transition:opacity .18s ease}
.brand-item-card:hover .brand-card-hover,.brand-item-card:focus-within .brand-card-hover{opacity:1}
.brand-card-hover-actions{display:flex;align-items:center;gap:8px}
.brand-card-creator{display:flex;align-items:center;gap:7px;min-width:0;color:#fff;font-size:10px;text-shadow:0 1px 5px rgba(0,0,0,.72)}
.brand-card-creator img,.brand-card-creator>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.24);color:#fff;font-size:11px;font-weight:600}
.brand-card-creator strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}
.brand-card-hover button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.96);text-shadow:0 1px 5px rgba(0,0,0,.72);cursor:pointer}
.brand-card-hover button:hover{color:#fff;transform:scale(1.1)}
.brand-card-delete{position:absolute;top:10px;right:10px}
.brand-card-tags{display:flex;align-items:center;gap:5px;min-height:24px}
.brand-card-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 1px 6px;color:var(--soft);font-size:9px;line-height:1.3}
.brand-card-identity b{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-accent) 13%,#fff);color:var(--brand-accent);font-size:9px;font-weight:550;white-space:nowrap}
.brand-item-card .card-title{font-size:15px;line-height:1.35;letter-spacing:-.2px}
.brand-item-card .card-desc{min-height:38px;margin:7px 0 10px;font-size:11px;line-height:1.65}
.brand-item-card .card-meta{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.brand-item-card .card-actions{margin-top:auto;padding-top:11px}
.brand-card-actions{grid-template-columns:1fr}
.brand-card-actions button{height:35px;border-radius:0;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,var(--line));background:color-mix(in srgb,var(--brand-accent) 9%,var(--panel));color:var(--brand-accent);font-size:10px;font-weight:600}
.brand-card-actions button span{margin-left:auto;font-size:15px;line-height:1}
.brand-card-actions button:hover{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 15%,var(--panel));color:var(--brand-accent)}
.brand-card-monogram{width:82px;height:82px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--brand-accent) 14%,#fff);color:var(--brand-accent);font-size:38px;font-weight:650}
html[data-theme=dark] .brand-item-card{background:var(--panel);border-color:#343434;border-top-color:var(--brand-accent);box-shadow:0 4px 18px rgba(0,0,0,.18)}
html[data-theme=dark] .brand-item-card:hover{border-color:#51476e;box-shadow:0 12px 30px rgba(0,0,0,.3)}
html[data-theme=dark] .brand-card-logo{border-color:color-mix(in srgb,var(--brand-accent) 30%,#3b354b);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-accent) 19%,#24212d),color-mix(in srgb,var(--brand-accent) 6%,#202328))}
@media(max-width:1100px){#brand-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:900px){#brand-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:640px){#brand-grid{grid-template-columns:1fr}.brand-item-card{min-height:360px}.brand-card-logo{height:auto}}

/* 品牌卡第二版：减少后台装饰，采用视觉块 + 极简信息区。 */
#brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.brand-item-card{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible}
.brand-item-card:hover{border-color:transparent!important;box-shadow:none!important}
.brand-card-logo{width:100%;height:auto!important;aspect-ratio:1/1;border:0!important;border-radius:0!important;margin:0!important;overflow:hidden;background:color-mix(in srgb,var(--brand-accent) 8%,#f2f2f2)!important}
.brand-card-logo img{padding:22px!important;transition:transform .24s ease}
.brand-item-card:hover .brand-card-logo img{transform:scale(1.035)}
.brand-card-monogram{width:74px;height:74px;background:color-mix(in srgb,var(--brand-accent) 15%,#fff)!important;color:var(--brand-accent)!important;font-size:34px}
.brand-card-info{padding:10px 1px 0}
.brand-card-kicker{margin-bottom:4px;color:var(--brand-accent);font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-item-card .card-title{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:-.3px}
.brand-item-card .card-desc{min-height:34px;margin:5px 0 9px;color:var(--muted);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-card-stats{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:10px;white-space:nowrap;overflow:hidden}
.brand-card-stats span+span:before{content:"·";margin-right:8px;color:var(--line)}
.brand-item-card .card-actions{margin-top:11px;padding:0}
.brand-card-actions{display:block!important}
.brand-card-actions button{width:100%;height:34px;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,var(--line));border-radius:0;background:transparent;color:var(--brand-accent);font-size:10px;font-weight:600}
.brand-card-actions button:hover{background:color-mix(in srgb,var(--brand-accent) 9%,transparent);border-color:var(--brand-accent)}
.brand-card-hover{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 27%,transparent 46%,rgba(0,0,0,.68))!important}
.brand-card-hover-actions{margin-left:auto}
.brand-card-hover button{width:32px;height:32px}
.brand-card-delete{top:10px!important;right:10px!important}
html[data-theme=dark] .brand-card-logo{background:color-mix(in srgb,var(--brand-accent) 14%,#242424)!important}
html[data-theme=dark] .brand-card-monogram{background:color-mix(in srgb,var(--brand-accent) 20%,#242424)!important}
@media(max-width:1100px){#brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.brand-item-card .card-title{font-size:15px}.brand-item-card .card-desc{font-size:10px}.brand-card-actions button{height:32px}}
@media(max-width:460px){#brand-grid{grid-template-columns:1fr}}

/* 品牌卡与商品卡字号统一，置于样式文件末尾确保覆盖历史版本规则。 */
.brand-item-card .card-title,.product-item-card .card-title{font-size:17px!important;font-weight:650;line-height:1.25;letter-spacing:-.3px}
.brand-item-card .card-desc,.product-item-card .card-desc{font-size:11px!important;line-height:1.55}
.brand-card-kicker,.product-card-kicker{font-size:9px!important;line-height:1.35}
.brand-card-stats,.product-card-stats{font-size:10px!important;line-height:1.35}
.brand-card-info>.brand-card-actions button,.product-card-actions button{font-size:11px!important}

/* 商品卡与品牌卡统一为画册式视觉；商品卡以所属品牌 Logo 作为低透明度背景。 */
#product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.product-item-card{position:relative;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible;isolation:isolate}
.product-item-card::before{display:none}
.product-card-cover{position:relative;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden;background:color-mix(in srgb,var(--product-accent,#8064d8) 7%,#f7f7f8)!important;isolation:isolate}
.product-card-cover::before{content:"";position:absolute;z-index:0;inset:0;background-image:var(--product-brand-logo);background-repeat:no-repeat;background-size:72% auto;background-position:center;opacity:.2;filter:saturate(.82);pointer-events:none;mix-blend-mode:normal}
.product-card-cover::after{display:none}
.product-card-cover img{position:relative;z-index:1;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block;object-fit:contain;padding:4%!important;mix-blend-mode:normal;filter:none;transition:transform .3s cubic-bezier(.22,.61,.36,1),filter .3s ease}
.product-item-card:hover .product-card-cover img{transform:scale(1.045);filter:drop-shadow(0 10px 16px rgba(0,0,0,.13))}
.product-card-hover{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;opacity:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.42));transition:opacity .18s ease;pointer-events:none}
.product-item-card:hover .product-card-hover,.product-item-card:focus-within .product-card-hover{opacity:1}
.product-card-tools{display:flex;align-items:center;gap:5px;pointer-events:auto}
.product-card-tools button{position:relative;z-index:4;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.95);text-shadow:0 1px 5px rgba(0,0,0,.75);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}
.product-card-tools button:hover{background:rgba(255,255,255,.14);color:#fff;transform:scale(1.08)}
.product-card-tools .product-card-delete{color:rgba(255,220,220,.96)}
.product-card-tools .product-card-delete:hover{color:#fff0f0}
.product-card-info{position:relative;z-index:2;padding:13px 1px 0}
.product-card-kicker{margin-bottom:5px;color:var(--product-accent,#8064d8);font-size:9px;font-weight:650;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.product-item-card .card-title{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:-.3px}
.product-item-card .card-desc{min-height:34px;margin:6px 0 10px;color:var(--muted);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-official-claims{min-height:39px;margin:7px 0 10px;overflow:hidden}
.product-card-official-claims span{display:block;margin-bottom:2px;color:var(--soft);font-size:9px;line-height:1.35}
.product-card-official-claims p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-stats{display:flex;align-items:center;gap:8px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);color:var(--soft);font-size:10px;white-space:nowrap;overflow:hidden}
.product-card-stats span+span::before{content:"·";margin-right:8px;color:var(--line)}
.product-item-card .card-actions{margin-top:12px;padding:0}
.product-card-actions{display:block!important}
.product-card-actions button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;height:36px;padding:0 11px;border:1px solid var(--line)!important;border-radius:8px;background:var(--panel)!important;color:var(--text)!important;font-size:11px;font-weight:550;line-height:1;text-align:left}
.product-card-actions button svg{color:var(--product-accent,#8064d8)}
.product-card-actions button span{margin:0}
.product-card-actions button b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:500;line-height:1}
.product-card-actions button:hover{border-color:color-mix(in srgb,var(--product-accent,#8064d8) 35%,var(--line))!important;background:var(--hover)!important;color:var(--text)!important}
html[data-theme=dark] .product-card-cover{background:color-mix(in srgb,var(--product-accent,#8064d8) 11%,#29282d)!important}
html[data-theme=dark] .product-card-cover::before{opacity:.17;filter:saturate(.7) brightness(1.18)}
#product-grid .product-card-cover{background:linear-gradient(145deg,color-mix(in srgb,#111 46%,#f5f5f5),color-mix(in srgb,#111 34%,#f5f5f5))!important}
#product-grid .product-card-cover::before{content:"";position:absolute;z-index:0;width:76%;height:76%;inset:auto -20% -24% auto;background:none;border:1px solid color-mix(in srgb,#111 28%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,#111 4%,transparent),0 0 0 48px color-mix(in srgb,#111 2%,transparent);opacity:1;filter:none;transform:rotate(-18deg);pointer-events:none}
#product-grid .product-card-cover::after{content:"";position:absolute;display:block;z-index:0;width:42%;height:42%;left:-16%;top:-13%;border-radius:50%;background:color-mix(in srgb,#111 18%,transparent);filter:blur(1px);pointer-events:none}
#product-grid .product-brand-watermark{position:absolute;z-index:1;inset:0;background-image:var(--product-brand-logo);background-repeat:no-repeat;background-size:72% auto;background-position:center;opacity:.8;filter:none;pointer-events:none}
#product-grid .product-card-cover img{z-index:2}
#product-grid .product-card-placeholder{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.82)}
html[data-theme=dark] #product-grid .product-card-cover{background:linear-gradient(145deg,color-mix(in srgb,#050505 50%,#242424),color-mix(in srgb,#050505 34%,#242424))!important}
html[data-theme=dark] #product-grid .product-card-cover::before{opacity:1;filter:none;border-color:color-mix(in srgb,#050505 40%,#555);box-shadow:0 0 0 24px color-mix(in srgb,#050505 22%,transparent),0 0 0 48px color-mix(in srgb,#050505 12%,transparent)}
html[data-theme=dark] #product-grid .product-card-cover::after{background:color-mix(in srgb,#050505 50%,#353535)}
html[data-theme=dark] #product-grid .product-brand-watermark{opacity:.8;filter:none}
html[data-theme=dark] #product-grid .product-card-cover img{mix-blend-mode:normal}
@media(max-width:1100px){#product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){#product-grid{grid-template-columns:1fr;gap:18px}.product-card-cover{aspect-ratio:1/1}}

/* 最终交互覆盖：图标位于 Logo 右下角，品牌宝典位于信息区底部。 */
.brand-card-hover{z-index:10!important;pointer-events:none!important}
.brand-card-hover>.brand-card-tools{position:absolute!important;right:10px!important;bottom:10px!important;display:flex!important;align-items:center;gap:5px;margin:0;padding:0;border:0;pointer-events:auto!important}
.brand-card-hover>.brand-card-tools button{position:relative;z-index:11;width:30px!important;height:30px!important;display:grid!important;place-items:center;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.95)!important;text-shadow:0 1px 5px rgba(0,0,0,.75);cursor:pointer;pointer-events:auto!important}
.brand-card-hover>.brand-card-tools button:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;transform:scale(1.08)}
.brand-card-hover>.brand-card-tools .brand-card-delete{position:static!important;top:auto!important;right:auto!important;color:rgba(255,220,220,.96)!important}
.brand-card-info>.brand-card-actions{display:block!important;margin-top:12px!important;padding:0!important}
.brand-card-info>.brand-card-actions button{display:flex!important;align-items:center;justify-content:flex-start;gap:7px;width:100%;height:36px;padding:0 11px;border:1px solid var(--line)!important;border-radius:8px;background:var(--panel)!important;color:var(--text)!important;font-size:11px!important;font-weight:550!important;line-height:1;text-align:left}
.brand-card-info>.brand-card-actions button svg{color:var(--brand-accent)}
.brand-card-info>.brand-card-actions button b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:500;line-height:1}
.brand-card-info>.brand-card-actions button:hover{border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line))!important;background:var(--hover)!important;color:var(--text)!important}

/* 最终品牌卡交互：素材卡式图内操作，品牌宝典独立位于信息区底部。 */
.brand-card-logo img{padding:10%!important}
.brand-card-hover{pointer-events:none!important}
.brand-card-hover>.brand-card-tools{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0;padding:0;border:0;pointer-events:auto}
.brand-card-hover>.brand-card-tools button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.95);text-shadow:0 1px 5px rgba(0,0,0,.75);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}
.brand-card-hover>.brand-card-tools button:hover{color:#fff;background:rgba(255,255,255,.14);transform:scale(1.08)}
.brand-card-hover>.brand-card-tools .brand-card-delete{position:static!important;top:auto!important;right:auto!important;color:rgba(255,220,220,.96)}
.brand-card-hover>.brand-card-tools .brand-card-delete:hover{color:#fff0f0}
.brand-card-info>.brand-card-actions{display:block!important;margin-top:12px;padding:0}
.brand-card-info>.brand-card-actions button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:11px;font-weight:550;line-height:1;text-align:left}
.brand-card-info>.brand-card-actions button svg{color:var(--brand-accent)}
.brand-card-info>.brand-card-actions button b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:500;line-height:1}
.brand-card-info>.brand-card-actions button:hover{border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line));background:var(--hover);color:var(--text)}
html[data-theme=dark] .brand-card-info>.brand-card-actions button{background:var(--panel);border-color:var(--line);color:var(--text)}

/* 品牌卡底部操作栏：工具图标与品牌宝典在同一水平线上，避免悬浮层遮挡点击。 */
.brand-card-logo img{padding:10%!important}
.brand-card-hover{pointer-events:none!important}
.brand-card-footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 18%,var(--line))}
.brand-card-tools{display:flex;align-items:center;gap:2px}
.brand-card-tools button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}
.brand-card-tools button:hover{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 8%,transparent);transform:translateY(-1px)}
.brand-card-tools .brand-card-delete{position:static!important;top:auto!important;right:auto!important;color:#a4a4a4}
.brand-card-tools .brand-card-delete:hover{color:var(--danger)}
.brand-card-footer .brand-card-actions{min-width:0;margin:0;padding:0}
.brand-card-footer .brand-card-actions button{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;height:30px;padding:0 3px;border:0;border-top:0;background:transparent;color:var(--brand-accent);font-size:10px;font-weight:650;white-space:nowrap}
.brand-card-footer .brand-card-actions button:hover{background:transparent;border-color:transparent;color:var(--brand-accent)}
.brand-card-footer .brand-card-actions button b{margin-left:auto;font-size:15px;font-weight:500;line-height:1}

/* 品牌卡操作图标紧跟主图；品牌宝典恢复到信息区底部。 */
.brand-item-card>.brand-card-tools{height:38px;display:flex;align-items:center;justify-content:flex-end;gap:2px;margin:0;padding:0 2px;border-bottom:1px solid var(--line)}
.brand-item-card>.brand-card-tools button{width:30px;height:30px}
.brand-card-info{padding-top:11px}
.brand-card-info>.brand-card-actions{display:block!important;margin-top:12px;padding:0}
.brand-card-info>.brand-card-actions button{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:11px;font-weight:550;line-height:1}
.brand-card-info>.brand-card-actions button svg{color:var(--brand-accent)}
.brand-card-info>.brand-card-actions button b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:500;line-height:1}
.brand-card-info>.brand-card-actions button:hover{border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line));background:var(--hover);color:var(--text)}
html[data-theme=dark] .brand-item-card>.brand-card-tools{border-color:var(--line)}
html[data-theme=dark] .brand-card-info>.brand-card-actions button{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .brand-card-info>.brand-card-actions button:hover{background:var(--hover)}

/* 品牌卡第三版：画册式主视觉，弱化后台卡片边界。 */
.brand-item-card{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible}
.brand-item-card:hover{border-color:transparent!important;box-shadow:none!important}
.brand-card-logo{position:relative;width:100%;height:auto!important;aspect-ratio:1/1;border:0!important;border-radius:0!important;margin:0!important;overflow:hidden;background:color-mix(in srgb,var(--brand-accent) 10%,#f5f5f5)!important;isolation:isolate}
.brand-card-logo:before{content:"";position:absolute;z-index:-1;width:76%;height:76%;right:-20%;bottom:-24%;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--brand-accent) 4%,transparent),0 0 0 48px color-mix(in srgb,var(--brand-accent) 2%,transparent);transform:rotate(-18deg);transition:transform .4s ease}
.brand-card-logo:after{content:"";position:absolute;z-index:-1;width:42%;height:42%;left:-16%;top:-13%;border-radius:50%;background:color-mix(in srgb,var(--brand-accent) 18%,transparent);filter:blur(1px);transition:transform .4s ease}
.brand-card-logo img{position:relative;z-index:1;width:100%;height:100%;padding:18%!important;transition:transform .32s cubic-bezier(.22,.61,.36,1),filter .32s ease}
.brand-item-card:hover .brand-card-logo img{transform:scale(1.06);filter:drop-shadow(0 10px 16px rgba(0,0,0,.12))}
.brand-item-card:hover .brand-card-logo:before{transform:rotate(-8deg) scale(1.06)}
.brand-item-card:hover .brand-card-logo:after{transform:scale(1.12)}
.brand-card-monogram{width:92px;height:92px;background:color-mix(in srgb,var(--brand-accent) 16%,#fff)!important;color:var(--brand-accent)!important;font-size:42px;font-weight:650;box-shadow:0 12px 26px color-mix(in srgb,var(--brand-accent) 18%,transparent)}
.brand-card-info{padding:13px 1px 0}
.brand-card-kicker{margin-bottom:5px;color:var(--brand-accent);font-size:9px;font-weight:650;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.brand-item-card .card-title{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:-.3px}
.brand-item-card .card-desc{min-height:32px;margin:6px 0 10px;color:var(--muted);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-card-stats{display:flex;align-items:center;gap:8px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--brand-accent) 18%,var(--line));color:var(--soft);font-size:10px;white-space:nowrap;overflow:hidden}
.brand-card-stats span+span:before{content:"·";margin-right:8px;color:var(--line)}
.brand-item-card .card-actions{margin-top:12px;padding:0}
.brand-card-actions{display:block!important}
.brand-card-actions button{width:100%;height:32px;padding:0 2px;border:0;border-top:1px solid color-mix(in srgb,var(--brand-accent) 32%,var(--line));border-radius:0;background:transparent;color:var(--brand-accent);font-size:10px;font-weight:650;text-align:left}
.brand-card-actions button:hover{background:transparent;border-color:var(--brand-accent);color:var(--brand-accent)}

/* 最终交互覆盖：图标位于 Logo 右下角，品牌宝典位于信息区底部。 */
.brand-card-hover{pointer-events:none!important}
.brand-card-hover>.brand-card-tools{position:absolute!important;right:10px!important;bottom:10px!important;display:flex!important;align-items:center;gap:5px;margin:0;padding:0;border:0;pointer-events:auto!important}
.brand-card-hover>.brand-card-tools button{width:30px!important;height:30px!important;display:grid!important;place-items:center;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.95)!important;text-shadow:0 1px 5px rgba(0,0,0,.75);cursor:pointer}
.brand-card-hover>.brand-card-tools button:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;transform:scale(1.08)}
.brand-card-hover>.brand-card-tools .brand-card-delete{position:static!important;top:auto!important;right:auto!important;color:rgba(255,220,220,.96)!important}
.brand-card-info>.brand-card-actions{display:block!important;margin-top:12px!important;padding:0!important}
.brand-card-info>.brand-card-actions button{display:flex!important;align-items:center;justify-content:flex-start;gap:7px;width:100%;height:36px;padding:0 11px;border:1px solid var(--line)!important;border-radius:8px;background:var(--panel)!important;color:var(--text)!important;font-size:11px!important;font-weight:550!important;line-height:1;text-align:left}
.brand-card-info>.brand-card-actions button svg{color:var(--brand-accent)}
.brand-card-info>.brand-card-actions button b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:500;line-height:1}
.brand-card-info>.brand-card-actions button:hover{border-color:color-mix(in srgb,var(--brand-accent) 35%,var(--line))!important;background:var(--hover)!important;color:var(--text)!important}
@media(max-width:640px){#brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.brand-item-card .card-title{font-size:17px}.brand-item-card .card-desc{font-size:11px}.brand-card-actions button{height:32px}}
@media(max-width:460px){#brand-grid{grid-template-columns:1fr}}

/* 最终字号覆盖：品牌卡严格复用商品卡的文字层级。 */
#brand-grid .brand-item-card .card-title{font-size:17px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.3px!important}
#brand-grid .brand-card-kicker{font-size:9px!important;line-height:1.35!important}
#brand-grid .brand-item-card .card-desc{font-size:11px!important;line-height:1.55!important}
#brand-grid .brand-card-stats{font-size:10px!important;line-height:1.35!important}
#brand-grid .brand-card-info>.brand-card-actions button{font-size:11px!important;line-height:1!important}
#brand-grid .brand-card-summary{min-height:39px;margin:7px 0 10px;overflow:hidden}
#brand-grid .brand-card-summary span{display:block;margin-bottom:2px;color:var(--soft);font-size:9px;line-height:1.35}
#brand-grid .brand-card-summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 品牌卡的 1:1 主视觉比商品卡的 3:4 主视觉更紧凑，字号按视觉尺寸缩一级。 */
#brand-grid .brand-item-card .card-title{font-size:15px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:-.2px!important}
#brand-grid .brand-card-kicker{font-size:8px!important;line-height:1.4!important;letter-spacing:.08em!important}
#brand-grid .brand-card-summary span{font-size:8px!important;line-height:1.4!important}
#brand-grid .brand-card-summary p{font-size:10px!important;line-height:1.55!important}
#brand-grid .brand-card-stats{font-size:9px!important;line-height:1.4!important}
#brand-grid .brand-card-info>.brand-card-actions button{font-size:11px!important;line-height:11px!important}
#brand-grid .brand-card-info>.brand-card-actions button span{margin:0!important;font-size:11px!important;line-height:11px!important}
#brand-grid .brand-card-logo{background:linear-gradient(145deg,color-mix(in srgb,#111 46%,#f5f5f5),color-mix(in srgb,#111 34%,#f5f5f5))!important}
#brand-grid .brand-card-logo img{padding:12%!important}
#brand-grid .brand-card-monogram{background:color-mix(in srgb,#111 38%,#fff)!important;color:#111!important;border-color:color-mix(in srgb,#111 42%,transparent)!important}
#brand-grid .brand-card-kicker{color:#111!important}
#brand-grid .brand-card-info>.brand-card-actions button{color:var(--text)!important}
#brand-grid .brand-card-info>.brand-card-actions button svg{color:#111!important}
html[data-theme=dark] #brand-grid .brand-card-logo{background:linear-gradient(145deg,color-mix(in srgb,#050505 50%,#242424),color-mix(in srgb,#050505 34%,#242424))!important}
html[data-theme=dark] #brand-grid .brand-card-monogram{background:color-mix(in srgb,#050505 44%,#242424)!important;color:#f5f5f5!important}

/* 品牌卡信息区与商品卡信息区使用同一套文字层级与间距。 */
#brand-grid .brand-card-kicker{font-size:9px!important;line-height:1.35!important;letter-spacing:.08em!important}
#brand-grid .brand-item-card .card-title{font-size:17px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.3px!important}
#brand-grid .brand-card-summary{min-height:39px!important;margin:7px 0 10px!important}
#brand-grid .brand-card-summary span{font-size:9px!important;line-height:1.35!important;margin-bottom:2px!important}
#brand-grid .brand-card-summary p{font-size:11px!important;line-height:1.5!important}
#brand-grid .brand-card-stats{font-size:10px!important;line-height:1.35!important}
#brand-grid .brand-card-info>.brand-card-actions button{font-size:11px!important;font-weight:550!important;line-height:11px!important;height:36px!important;padding:0 11px!important}

/* 品牌卡核心文案使用品牌红，辅助说明继续保持灰阶以维持信息层次。 */
#brand-grid .brand-card-kicker{color:#ff1d25!important}
#brand-grid .brand-item-card .card-title{color:var(--text)!important}
#brand-grid .brand-card-info>.brand-card-actions button svg{color:#ff1d25!important}

/* 首页创作概览数字看板内容统一居中。 */
.stats .stat-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.creation-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.creation-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.creation-stats{grid-template-columns:1fr 1fr}}
.activity-ranking-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.activity-ranking-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.activity-ranking-card h3{margin:0 0 13px;color:var(--text);font-size:12px;font-weight:600;line-height:1.4}
.activity-ranking-list{display:flex;flex-direction:column;gap:5px}
.activity-ranking-row{min-width:0;height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.activity-ranking-row:last-child{border-bottom:0}
.activity-ranking-user{min-width:0;display:flex;align-items:center;gap:7px}
.activity-ranking-user img,.activity-ranking-user>span{width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover}
.activity-ranking-user>span{display:grid;place-items:center;background:var(--hover);color:var(--muted);font-size:10px;font-weight:600}
.activity-ranking-user strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px;font-weight:500}
.activity-ranking-row>b{flex:0 0 auto;color:var(--text);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.activity-ranking-empty{height:34px;display:flex;align-items:center;color:var(--soft);font-size:11px}
.activity-ranking-subhead{margin:18px 0 9px;color:var(--muted);font-size:11px;font-weight:600}
.activity-ranking-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:50%}
.activity-ranking-user img.is-brand-logo{padding:4px;background:var(--hover)}
.activity-ranking-user img.is-product-cover{border-radius:5px}
@media(max-width:1200px){.activity-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.activity-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.activity-ranking-entity-grid{max-width:none}}
@media(max-width:520px){.activity-ranking-grid{grid-template-columns:1fr}.activity-ranking-entity-grid{grid-template-columns:1fr}}
.section-caption{margin:4px 0 0;color:var(--soft);font-size:11px}
.dashboard-asset-overview .section-head h2,.dashboard-creation-overview .section-head h2,.dashboard-activity-overview>.section-head h2,.dashboard-trend-overview .section-head h2,.dashboard-system-overview .section-head h2{display:flex;align-items:center;gap:8px}
.dashboard-asset-overview .section-head h2::before,.dashboard-creation-overview .section-head h2::before,.dashboard-activity-overview>.section-head h2::before,.dashboard-trend-overview .section-head h2::before,.dashboard-system-overview .section-head h2::before{content:"";width:4px;height:15px;border-radius:999px;background:#ff1d25}
.dashboard-creation-overview .section-head h2::before{background:#6955db}.dashboard-activity-overview>.section-head h2::before{background:#f59e0b}.dashboard-trend-overview .section-head h2::before{background:#10a7a0}.dashboard-system-overview .section-head h2::before{background:#3977e8}
.asset-stats .stat-card,.creation-stats .stat-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--stat-accent) 20%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--stat-accent) 8%,var(--panel)),var(--panel) 72%)}
.asset-stats .stat-card::before,.creation-stats .stat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stat-accent)}
.asset-stats .stat-card::after,.creation-stats .stat-card::after{content:"";position:absolute;width:72px;height:72px;right:-30px;top:-34px;border-radius:50%;background:color-mix(in srgb,var(--stat-accent) 12%,transparent);pointer-events:none}
.asset-stats .stat-card:nth-child(1){--stat-accent:#ff4d57}.asset-stats .stat-card:nth-child(2){--stat-accent:#8b5cf6}.asset-stats .stat-card:nth-child(3){--stat-accent:#0ea5a0}.asset-stats .stat-card:nth-child(4){--stat-accent:#f59e0b}
.creation-stats .stat-card:nth-child(1){--stat-accent:#7c5ce7}.creation-stats .stat-card:nth-child(2){--stat-accent:#3578e5}.creation-stats .stat-card:nth-child(3){--stat-accent:#e34c8a}
.asset-stats .stat-value,.creation-stats .stat-value{color:var(--stat-accent)}
.activity-ranking-card{position:relative;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,#f59e0b 4%,var(--panel)),var(--panel) 60%)}
.activity-ranking-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:color-mix(in srgb,#f59e0b 76%,transparent)}
.activity-ranking-grid .activity-ranking-card:nth-child(2)::before{background:#8b5cf6}.activity-ranking-grid .activity-ranking-card:nth-child(3)::before{background:#3977e8}.activity-ranking-grid .activity-ranking-card:nth-child(4)::before{background:#e34c8a}.activity-ranking-grid .activity-ranking-card:nth-child(5)::before{background:#10a7a0}
.dashboard-trend-panel{padding:18px 20px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#ff1d25 4%,var(--panel)),var(--panel));}
.dashboard-trend-chart{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;height:154px}
.dashboard-trend-y{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 22px;color:var(--soft);font-size:9px;text-align:right}
.dashboard-trend-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px;height:100%;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,color-mix(in srgb,var(--line) 58%,transparent) 51px)}
.dashboard-trend-day{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.dashboard-trend-bar-wrap{height:132px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.dashboard-trend-bar-wrap i,.dashboard-trend-bar-wrap b{display:block;width:calc(50% - 1px);min-height:0;border-radius:3px 3px 0 0}
.dashboard-trend-bar-wrap i{background:linear-gradient(180deg,#ff5660,#ff1d25)}
.dashboard-trend-bar-wrap b{background:linear-gradient(180deg,#8f7cff,#6955db)}
.dashboard-trend-day>span{color:var(--soft);font-size:8px;white-space:nowrap;transform:rotate(-35deg);transform-origin:top center}
.dashboard-trend-legend{display:flex;gap:16px;margin:12px 0 0 40px;color:var(--muted);font-size:10px}.dashboard-trend-legend span{display:flex;align-items:center;gap:5px}.dashboard-trend-legend i{width:8px;height:8px;border-radius:2px;background:#ff1d25}.dashboard-trend-legend span+span i{background:#6955db}
.dashboard-system-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1.15fr);gap:14px}.dashboard-system-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-mini-metric{--metric-accent:#3977e8;position:relative;overflow:hidden;padding:17px;border:1px solid color-mix(in srgb,var(--metric-accent) 18%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--metric-accent) 7%,var(--panel)),var(--panel) 70%)}.dashboard-mini-metric:nth-child(2){--metric-accent:#8b5cf6}.dashboard-mini-metric:nth-child(3){--metric-accent:#10a7a0}.dashboard-mini-metric:nth-child(4){--metric-accent:#f59e0b}.dashboard-mini-metric::after{content:"";position:absolute;width:64px;height:64px;right:-28px;bottom:-32px;border-radius:50%;background:color-mix(in srgb,var(--metric-accent) 12%,transparent)}.dashboard-mini-metric span,.dashboard-mini-metric small{display:block;color:var(--muted);font-size:10px}.dashboard-mini-metric strong{display:block;margin:8px 0 5px;color:var(--metric-accent);font-size:25px;line-height:1.1;font-weight:650}.dashboard-mini-metric small{color:var(--soft);font-size:9px}.dashboard-model-panel{padding:17px;border:1px solid color-mix(in srgb,#3977e8 16%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,#3977e8 5%,var(--panel)),var(--panel) 68%)}.dashboard-model-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dashboard-model-panel-head strong{font-size:12px}.dashboard-model-panel-head span{color:var(--soft);font-size:10px}.dashboard-model-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(80px,1.4fr) 36px;align-items:center;gap:10px;margin-top:11px}.dashboard-model-row>div:first-child{min-width:0}.dashboard-model-row strong,.dashboard-model-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-model-row strong{font-size:10px;font-weight:550}.dashboard-model-row span{margin-top:3px;color:var(--soft);font-size:9px}.dashboard-model-progress{height:6px;overflow:hidden;border-radius:999px;background:var(--hover)}.dashboard-model-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3977e8,#7ba7f4)}.dashboard-model-row>b{text-align:right;font-size:10px;font-weight:650}
@media(max-width:900px){.dashboard-system-layout{grid-template-columns:1fr}.dashboard-model-panel{min-height:0}}
@media(max-width:600px){.dashboard-trend-panel{padding:14px 10px 12px;overflow:hidden}.dashboard-trend-bars{gap:3px}.dashboard-trend-day>span{font-size:7px}.dashboard-system-metrics{grid-template-columns:1fr 1fr}.dashboard-model-row{grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) 32px}}
.dashboard-page{position:relative}
.dashboard-page::before{content:"";position:absolute;z-index:-1;left:-40px;right:-40px;top:-30px;height:260px;pointer-events:none;background:radial-gradient(circle at 20% 0,color-mix(in srgb,#ff1d25 8%,transparent),transparent 42%),radial-gradient(circle at 84% 4%,color-mix(in srgb,#3977e8 7%,transparent),transparent 38%)}
.dashboard-page .section-head{margin-bottom:13px}.dashboard-page .section-head h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.dashboard-page .stat-card{box-shadow:0 8px 24px rgba(20,28,48,.045);transition:transform .18s ease,box-shadow .18s ease}.dashboard-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,28,48,.09)}
.dashboard-page .activity-ranking-card,.dashboard-page .dashboard-trend-panel,.dashboard-page .dashboard-mini-metric,.dashboard-page .dashboard-model-panel{box-shadow:0 8px 22px rgba(20,28,48,.035)}
html[data-theme=dark] .dashboard-page::before{background:radial-gradient(circle at 20% 0,color-mix(in srgb,#ff1d25 12%,transparent),transparent 42%),radial-gradient(circle at 84% 4%,color-mix(in srgb,#3977e8 12%,transparent),transparent 38%)}
html[data-theme=dark] .dashboard-page .stat-card,html[data-theme=dark] .dashboard-page .activity-ranking-card,html[data-theme=dark] .dashboard-page .dashboard-trend-panel,html[data-theme=dark] .dashboard-page .dashboard-mini-metric,html[data-theme=dark] .dashboard-page .dashboard-model-panel{box-shadow:0 10px 28px rgba(0,0,0,.16)}

/* 白色专业数据大盘：中间趋势主图，两侧核心指标，下方排行与系统运行。 */
.dashboard-page{--dash-blue:#2768f2;--dash-cyan:#10aec8;--dash-purple:#7558e8;--dash-orange:#f29c38;display:grid;grid-template-columns:282px minmax(440px,1fr) 258px;grid-template-areas:"header header header" "asset trend creation" "activity activity activity" "system system system";align-items:stretch;gap:14px;background:#fff}
.dashboard-page::before{display:none}
.dashboard-page>.page-header{grid-area:header;position:relative;min-height:72px;display:flex;align-items:flex-start;justify-content:center;padding:2px 0 17px;border-bottom:1px solid #e9eef5;text-align:center}
.dashboard-page>.page-header::before,.dashboard-page>.page-header::after{content:"";position:absolute;top:19px;width:min(22%,220px);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dash-blue) 42%,transparent))}
.dashboard-page>.page-header::before{right:calc(50% + 115px)}.dashboard-page>.page-header::after{left:calc(50% + 115px);transform:scaleX(-1)}
.dashboard-page>.page-header .page-title{position:relative}.dashboard-page>.page-header .page-title::after{content:"DATA OVERVIEW";display:block;margin-top:7px;color:#94a3b8;font-size:8px;font-weight:650;letter-spacing:.24em}
.dashboard-page>.page-header .page-title h1{font-size:22px;letter-spacing:.08em}.dashboard-page>.page-header .page-title p{display:none}
.dashboard-page>.page-header>.btn{position:absolute;right:0;top:0}
.dashboard-page>.section{position:relative;min-width:0;margin:0;padding:16px;border:1px solid #dfe7f1;border-radius:10px;background:#fff;box-shadow:0 7px 24px rgba(28,55,94,.055)}
.dashboard-page>.section::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--panel-accent,var(--dash-blue)),transparent);opacity:.8}
.dashboard-asset-overview{grid-area:asset;--panel-accent:var(--dash-cyan)}.dashboard-trend-overview{grid-area:trend;--panel-accent:var(--dash-blue)}.dashboard-creation-overview{grid-area:creation;--panel-accent:var(--dash-purple)}.dashboard-activity-overview{grid-area:activity;--panel-accent:var(--dash-orange)}.dashboard-system-overview{grid-area:system;--panel-accent:var(--dash-blue)}
.dashboard-page>.section>.section-head{height:28px;margin:0 0 12px}.dashboard-page .section-head h2{font-size:13px;font-weight:650;letter-spacing:.02em}.dashboard-page .section-head h2::before{width:3px;height:13px;background:var(--panel-accent,var(--dash-blue))!important}.dashboard-page .section-caption{margin:3px 0 0;font-size:9px}
.dashboard-page .asset-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-page .creation-stats{grid-template-columns:1fr;gap:8px}
.dashboard-page .asset-stats .stat-card,.dashboard-page .creation-stats .stat-card{--stat-accent:var(--dash-blue);min-height:91px;justify-content:center;padding:12px 9px;border:1px solid #e5ebf3;border-radius:7px;background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--stat-accent) 5%,#fff));box-shadow:none;transition:border-color .18s ease,transform .18s ease}
.dashboard-page .asset-stats .stat-card:nth-child(1){--stat-accent:#2a72e8}.dashboard-page .asset-stats .stat-card:nth-child(2){--stat-accent:#7459df}.dashboard-page .asset-stats .stat-card:nth-child(3){--stat-accent:#10a6bd}.dashboard-page .asset-stats .stat-card:nth-child(4){--stat-accent:#ed9635}
.dashboard-page .creation-stats .stat-card:nth-child(1){--stat-accent:#7558e8}.dashboard-page .creation-stats .stat-card:nth-child(2){--stat-accent:#2768f2}.dashboard-page .creation-stats .stat-card:nth-child(3){--stat-accent:#10aec8}
.dashboard-page .asset-stats .stat-card::before,.dashboard-page .creation-stats .stat-card::before{left:10px;right:auto;top:11px;width:3px;height:18px;border-radius:3px}.dashboard-page .asset-stats .stat-card::after,.dashboard-page .creation-stats .stat-card::after{width:52px;height:52px;right:-24px;top:-25px}
.dashboard-page .stat-label{font-size:9px}.dashboard-page .stat-value{margin:7px 0 4px;font-size:25px;letter-spacing:-.8px}.dashboard-page .stat-meta{font-size:8px;white-space:nowrap}
.dashboard-page .dashboard-trend-panel{height:239px;padding:13px 13px 8px;border:0;border-radius:7px;background:linear-gradient(180deg,#fbfdff,#fff);box-shadow:inset 0 0 0 1px #edf1f6}.dashboard-page .dashboard-trend-chart{height:184px}.dashboard-page .dashboard-trend-bar-wrap{height:160px}.dashboard-page .dashboard-trend-bars{background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#edf1f6 53px)}.dashboard-page .dashboard-trend-bar-wrap i{background:linear-gradient(180deg,#5d91ff,#2768f2)}.dashboard-page .dashboard-trend-bar-wrap b{background:linear-gradient(180deg,#48d1df,#10aec8)}.dashboard-page .dashboard-trend-legend i{background:#2768f2}.dashboard-page .dashboard-trend-legend span+span i{background:#10aec8}
.dashboard-page .dashboard-activity-overview{padding-bottom:14px}.dashboard-page .activity-ranking-subhead{margin:10px 0 8px;padding-left:9px;border-left:2px solid #dbe4ef;color:#6d7b90;font-size:9px;letter-spacing:.04em}.dashboard-page .activity-ranking-grid{gap:8px}.dashboard-page .activity-ranking-card{padding:12px;border:1px solid #e4eaf2;border-radius:7px;background:#fff;box-shadow:none}.dashboard-page .activity-ranking-card::before{left:-1px;top:12px;bottom:auto;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--dash-blue)}.dashboard-page .activity-ranking-grid .activity-ranking-card:nth-child(2)::before{background:#7558e8}.dashboard-page .activity-ranking-grid .activity-ranking-card:nth-child(3)::before{background:#10aec8}.dashboard-page .activity-ranking-grid .activity-ranking-card:nth-child(4)::before{background:#ed9635}.dashboard-page .activity-ranking-grid .activity-ranking-card:nth-child(5)::before{background:#e25486}.dashboard-page .activity-ranking-card h3{margin:0 0 9px;font-size:10px}.dashboard-page .activity-ranking-row{height:31px}.dashboard-page .activity-ranking-user img,.dashboard-page .activity-ranking-user>span{width:22px;height:22px;flex-basis:22px}.dashboard-page .activity-ranking-user strong{font-size:10px}.dashboard-page .activity-ranking-row>b{font-size:11px}
.dashboard-page .activity-ranking-entity-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-page .dashboard-system-layout{grid-template-columns:minmax(370px,.85fr) minmax(500px,1.4fr);gap:10px}.dashboard-page .dashboard-system-metrics{gap:8px}.dashboard-page .dashboard-mini-metric{min-height:91px;padding:13px;border-color:#e3eaf3;border-radius:7px;background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--metric-accent) 4%,#fff));box-shadow:none}.dashboard-page .dashboard-mini-metric strong{margin:7px 0 4px;font-size:23px}.dashboard-page .dashboard-model-panel{padding:14px;border-color:#e3eaf3;border-radius:7px;background:#fff;box-shadow:none}.dashboard-page .dashboard-model-row{grid-template-columns:minmax(145px,1fr) minmax(120px,1.5fr) 48px;margin-top:9px}.dashboard-page .dashboard-model-progress{height:5px;background:#edf1f6}.dashboard-page .dashboard-model-progress i{background:linear-gradient(90deg,#2768f2,#5fa0ff)}
@media(max-width:1250px){.dashboard-page{grid-template-columns:1fr 1fr;grid-template-areas:"header header" "trend trend" "asset creation" "activity activity" "system system"}.dashboard-page .dashboard-trend-panel{height:auto}.dashboard-page .asset-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .creation-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.dashboard-page{display:block}.dashboard-page>.section{margin-top:12px}.dashboard-page>.page-header{justify-content:flex-start;text-align:left}.dashboard-page>.page-header::before,.dashboard-page>.page-header::after,.dashboard-page>.page-header .page-title::after{display:none}.dashboard-page>.page-header>.btn{right:0}.dashboard-page .creation-stats{grid-template-columns:1fr 1fr}.dashboard-page .dashboard-system-layout{grid-template-columns:1fr}.dashboard-page .activity-ranking-entity-grid{grid-template-columns:1fr 1fr}}
html[data-theme=dark] .dashboard-page{background:var(--bg)}html[data-theme=dark] .dashboard-page>.page-header{border-color:var(--line)}html[data-theme=dark] .dashboard-page>.section,html[data-theme=dark] .dashboard-page .activity-ranking-card,html[data-theme=dark] .dashboard-page .dashboard-model-panel{border-color:var(--line);background:var(--panel)}html[data-theme=dark] .dashboard-page .asset-stats .stat-card,html[data-theme=dark] .dashboard-page .creation-stats .stat-card,html[data-theme=dark] .dashboard-page .dashboard-mini-metric{border-color:var(--line);background:linear-gradient(155deg,var(--panel),color-mix(in srgb,var(--stat-accent,var(--metric-accent)) 8%,var(--panel)))}html[data-theme=dark] .dashboard-page .dashboard-trend-panel{background:#17191d;box-shadow:inset 0 0 0 1px var(--line)}html[data-theme=dark] .dashboard-page .dashboard-trend-bars{background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#272b31 53px)}html[data-theme=dark] .dashboard-page .dashboard-model-progress{background:#292d34}

/* 资产概览四项指标撑满左侧驾驶舱区域。 */
.dashboard-page .dashboard-asset-overview{display:flex;flex-direction:column}
.dashboard-page .dashboard-asset-overview .asset-stats{flex:1;grid-template-rows:repeat(2,minmax(0,1fr))}
.dashboard-page .asset-stats .stat-card{min-height:0;padding:18px 10px}
.dashboard-page .asset-stats .stat-label{font-size:10px;font-weight:550}
.dashboard-page .asset-stats .stat-value{margin:10px 0 7px;font-size:32px;line-height:1;font-weight:680;letter-spacing:-1px}
.dashboard-page .asset-stats .stat-meta{font-size:9px;line-height:1.4}
.asset-media-resolution{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid rgba(255,255,255,.34);border-radius:6px;background:rgba(0,0,0,.42);color:rgba(255,255,255,.94);font-size:9px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;backdrop-filter:blur(4px)}
.inspiration-detail-prompt{flex:0 0 315px;min-height:315px;max-height:315px;display:flex;flex-direction:column;overflow:hidden}.inspiration-detail-prompt p{min-height:0;overflow-y:auto;padding-right:9px;scrollbar-width:thin}
@media(max-width:760px){.inspiration-detail-prompt{flex-basis:255px;min-height:255px;max-height:255px}}
.composer-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.rewrite-prompt-btn{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:550;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.rewrite-prompt-btn svg{color:#6b5bd2}.rewrite-prompt-btn:hover{border-color:#cfc9f4;background:#f7f5ff;color:#5543bd}.rewrite-prompt-btn:disabled{opacity:.58;cursor:wait}html[data-theme=dark] .rewrite-prompt-btn{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-theme=dark] .rewrite-prompt-btn:hover{border-color:#5d518e;background:#29243b;color:#c6baff}html[data-theme=dark] .rewrite-prompt-btn svg{color:#a99af2}@media(max-width:640px){.composer-actions{gap:6px}.rewrite-prompt-btn{padding:0 9px}.rewrite-prompt-btn span{max-width:92px;overflow:hidden;text-overflow:ellipsis}}

/* 用户菜单：字体大小设置沿用主题切换的三段式控件。中号保持现有界面字号。 */
.font-size-label{margin-top:10px;padding-bottom:7px}
.font-size-switch{margin-bottom:2px}
.font-size-glyph{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1;color:currentColor}
.font-size-glyph-small{font-size:12px}.font-size-glyph-medium{font-size:15px}.font-size-glyph-large{font-size:18px}

/* 全站字号倍率：仅调整文字，不缩放布局、图标和弹窗尺寸。 */
html{--font-scale:1}
html[data-font-size="small"]{--font-scale:.9}
html[data-font-size="medium"]{--font-scale:1}
html[data-font-size="large"]{--font-scale:1.12}
html[data-font-size="small"] body,html[data-font-size="large"] body{font-size:calc(13px * var(--font-scale))}
html[data-font-size="small"] .page-title h1,html[data-font-size="large"] .page-title h1{font-size:calc(24px * var(--font-scale))!important}
html[data-font-size="small"] .create-hero h1,html[data-font-size="large"] .create-hero h1{font-size:calc(26px * var(--font-scale))!important}
html[data-font-size="small"] .inspiration-header h1,html[data-font-size="large"] .inspiration-header h1{font-size:calc(25px * var(--font-scale))!important}
html[data-font-size="small"] .handbook-page-title h1,html[data-font-size="large"] .handbook-page-title h1{font-size:calc(19px * var(--font-scale))!important}
html[data-font-size="small"] .login-hero h1,html[data-font-size="large"] .login-hero h1{font-size:calc(46px * var(--font-scale))!important}
html[data-font-size="small"] .login-card h2,html[data-font-size="large"] .login-card h2{font-size:calc(26px * var(--font-scale))!important}
html[data-font-size="small"] .page-title p,html[data-font-size="large"] .page-title p,
html[data-font-size="small"] .page-header p,html[data-font-size="large"] .page-header p{font-size:calc(12px * var(--font-scale))!important}
html[data-font-size="small"] .nav-item,html[data-font-size="large"] .nav-item{font-size:calc(10px * var(--font-scale))!important}
html[data-font-size="small"] .user-menu .menu-item,html[data-font-size="large"] .user-menu .menu-item{font-size:calc(12px * var(--font-scale))!important}
html[data-font-size="small"] .theme-label,html[data-font-size="large"] .theme-label{font-size:calc(10px * var(--font-scale))!important}
html[data-font-size="small"] .user-menu .theme-option,html[data-font-size="large"] .user-menu .theme-option{font-size:calc(10px * var(--font-scale))!important}
html[data-font-size="small"] .btn,html[data-font-size="large"] .btn,
html[data-font-size="small"] .pill,html[data-font-size="large"] .pill,
html[data-font-size="small"] .input,html[data-font-size="large"] .input,
html[data-font-size="small"] .select,html[data-font-size="large"] .select,
html[data-font-size="small"] .textarea,html[data-font-size="large"] .textarea{font-size:calc(12px * var(--font-scale))!important}
html[data-font-size="small"] .field label,html[data-font-size="large"] .field label,
html[data-font-size="small"] .field .hint,html[data-font-size="large"] .field .hint,
html[data-font-size="small"] .tiny,html[data-font-size="large"] .tiny,
html[data-font-size="small"] .muted,html[data-font-size="large"] .muted{font-size:calc(11px * var(--font-scale))!important}
html[data-font-size="small"] .section-head h2,html[data-font-size="large"] .section-head h2,
html[data-font-size="small"] .form-section h3,html[data-font-size="large"] .form-section h3,
html[data-font-size="small"] .card-title,html[data-font-size="large"] .card-title{font-size:calc(14px * var(--font-scale))!important}
html[data-font-size="small"] .settings-card h2,html[data-font-size="large"] .settings-card h2{font-size:calc(16px * var(--font-scale))!important}
html[data-font-size="small"] .composer textarea,html[data-font-size="large"] .composer textarea,
html[data-font-size="small"] .result-copy,html[data-font-size="large"] .result-copy,
html[data-font-size="small"] .create-turn-prompt,html[data-font-size="large"] .create-turn-prompt{font-size:calc(13px * var(--font-scale))!important}
html[data-font-size="small"] .card-desc,html[data-font-size="large"] .card-desc,
html[data-font-size="small"] .card-meta,html[data-font-size="large"] .card-meta,
html[data-font-size="small"] .badge,html[data-font-size="large"] .badge{font-size:calc(11px * var(--font-scale))!important}
html[data-font-size="small"] .stat-label,html[data-font-size="large"] .stat-label,
html[data-font-size="small"] .stat-meta,html[data-font-size="large"] .stat-meta,
html[data-font-size="small"] .empty,html[data-font-size="large"] .empty{font-size:calc(11px * var(--font-scale))!important}
html[data-font-size="small"] .stat-value,html[data-font-size="large"] .stat-value{font-size:calc(26px * var(--font-scale))!important}
html[data-font-size="small"] .asset-media-text,html[data-font-size="large"] .asset-media-text,
html[data-font-size="small"] .asset-media-text p,html[data-font-size="large"] .asset-media-text p,
html[data-font-size="small"] .asset-media-text strong,html[data-font-size="large"] .asset-media-text strong{font-size:calc(11px * var(--font-scale))!important}
html[data-font-size="small"] .modal-head h2,html[data-font-size="large"] .modal-head h2,
html[data-font-size="small"] .modal-body,html[data-font-size="large"] .modal-body,
html[data-font-size="small"] .modal .field,html[data-font-size="large"] .modal .field{font-size:calc(12px * var(--font-scale))}
html[data-font-size="small"] .create-page,html[data-font-size="large"] .create-page,
html[data-font-size="small"] .composer,html[data-font-size="large"] .composer,
html[data-font-size="small"] .create-history,html[data-font-size="large"] .create-history{font-size:calc(12px * var(--font-scale))}
html[data-font-size="small"] .inspiration-card-creator,html[data-font-size="large"] .inspiration-card-creator,
html[data-font-size="small"] .asset-media-creator,html[data-font-size="large"] .asset-media-creator,
html[data-font-size="small"] .inspiration-detail-info,html[data-font-size="large"] .inspiration-detail-info{font-size:calc(11px * var(--font-scale))}

/* Shared brand/product tiles: large visuals, concise information and hover actions. */
.product-tile .brand-tile-visual{aspect-ratio:4/3;grid-template-rows:minmax(0,1fr)}
.product-tile-cover{display:grid;place-items:center;grid-row:1;width:84%;height:80%;min-height:0;margin-top:20px}
.product-tile-cover img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transition:transform .25s ease}
.product-tile:hover .product-tile-cover img{transform:scale(1.035)}
.product-tile-brand-logo{position:absolute;top:12px;right:14px;z-index:1;display:grid;place-items:center;width:78px;height:34px;padding:6px 9px;border:1px solid rgba(0,0,0,.045);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(20,24,28,.025);pointer-events:none}
.product-tile-brand-logo img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.product-tile-brand-logo[hidden]{display:none}
.product-tile-has-brand-logo .brand-tile-category{max-width:calc(100% - 125px)}
.product-tile-placeholder{display:grid;place-items:center;width:80px;height:80px;border-radius:20px;background:color-mix(in srgb,var(--text) 5%,var(--panel));color:var(--muted)}
.product-tile-specification{display:flex;align-items:baseline;gap:8px;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
.product-tile-specification strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}
.product-tile-specification>span{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.product-tile-cover img{transition:none}}
@media(hover:none),(pointer:coarse){.product-tile .brand-tile-visual{aspect-ratio:auto;grid-template-rows:220px auto}}
:is(#brand-grid,#product-grid){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
:is(#brand-grid,#product-grid) .brand-tile{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 2px 6px rgba(20,24,28,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
:is(#brand-grid,#product-grid) .brand-tile:hover,:is(#brand-grid,#product-grid) .brand-tile:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--text) 22%,var(--line));box-shadow:0 10px 24px rgba(20,24,28,.065)}
.brand-tile-visual{position:relative;display:grid;place-items:center;aspect-ratio:3/2;flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-accent) 4%,#fff),color-mix(in srgb,var(--brand-accent) 1%,#fff) 75%);border-bottom:1px solid var(--line);isolation:isolate}
/* Brand tiles keep a hint of identity; product tiles use a neutral studio backdrop. */
.product-tile .brand-tile-visual{background:radial-gradient(ellipse at 50% 35%,#fff 0%,#fafafa 55%,#f3f4f5 100%)}
.brand-tile-category{position:absolute;top:17px;left:19px;max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77786f;font-size:10px;letter-spacing:.04em}
.brand-tile-logo{display:grid;place-items:center;width:76%;height:54%;margin-top:9px}
.brand-tile-logo img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transition:transform .25s ease}
.brand-tile:hover .brand-tile-logo img{transform:scale(1.035)}
.brand-tile-initial{display:grid;place-items:center;width:80px;height:80px;border:1px solid #dfe2d9;border-radius:22px;background:#e7ebe1;color:#54624c;font-size:38px;font-weight:600}
.brand-tile-tools{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid color-mix(in srgb,var(--brand-accent) 18%,rgba(0,0,0,.08));border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:0 3px 10px rgba(20,24,28,.08);opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(10px)}
.brand-tile:hover .brand-tile-tools,.brand-tile:focus-within .brand-tile-tools{opacity:1;pointer-events:auto;transform:translateY(0)}
.brand-tile-tools button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:7px;background:transparent;color:color-mix(in srgb,var(--text) 70%,var(--muted));cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.brand-tile-tools button:hover{background:color-mix(in srgb,var(--brand-accent) 12%,var(--panel));color:var(--text);transform:translateY(-1px)}
.product-tile .brand-tile-tools{border-color:var(--line)}
.product-tile .brand-tile-tools button:hover{background:var(--hover)}
.brand-tile-tools button:is([data-delete-brand],[data-delete-product]){margin-left:2px;border-left:1px solid var(--line);border-radius:0 7px 7px 0}
.brand-tile-tools button:is([data-delete-brand],[data-delete-product]):hover{background:#fff0ee;color:#b93830}
.brand-tile-tools>span{display:none}
.brand-tile button:focus-visible{outline:2px solid #658367;outline-offset:3px}
.brand-tile-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:22px 22px 17px}
.brand-tile-body h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--text);font-size:calc(20px * var(--font-scale,1));font-weight:650;line-height:1.4;letter-spacing:-.4px}
.brand-tile-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.4em;margin:8px 0 20px;color:var(--muted);font-size:calc(12px * var(--font-scale,1));line-height:1.7}
.brand-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}
.brand-tile-counts{display:flex;gap:14px;min-width:0;color:var(--muted);font-size:11px;white-space:nowrap}
.brand-tile-counts b{margin-right:3px;color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.brand-tile-open{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;min-height:32px;margin:-5px -7px -5px 0;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:11px;font-weight:550;cursor:pointer}
.brand-tile-open>span:last-child{font-size:17px;transition:transform .15s ease}
.brand-tile-open:hover{background:var(--hover)}
.brand-tile-open:hover>span:last-child{transform:translate(1px,-1px)}
html[data-theme=dark] :is(#brand-grid,#product-grid) .brand-tile{border-color:var(--line);background:var(--panel)}
html[data-theme=dark] .brand-tile-visual{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-accent) 8%,#242424),color-mix(in srgb,var(--brand-accent) 2%,#202020))}
html[data-theme=dark] .product-tile .brand-tile-visual{background:radial-gradient(ellipse at 50% 35%,#2a2a2a 0%,#252525 55%,#202020 100%)}
html[data-theme=dark] .brand-tile-category{color:#b9b4b4}
@media(max-width:1200px){:is(#brand-grid,#product-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){:is(#brand-grid,#product-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){:is(#brand-grid,#product-grid){grid-template-columns:1fr;gap:18px}.brand-tile-body{padding:19px 19px 16px}}
@media(hover:none),(pointer:coarse){.brand-tile-tools{position:relative;right:auto;bottom:auto;grid-row:2;margin:-6px 12px 12px auto;opacity:1;pointer-events:auto;transform:none}.brand-tile-visual{aspect-ratio:auto;grid-template-rows:175px auto}.brand-tile-logo{grid-row:1;height:55%;margin-top:22px}.brand-tile-tools button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){:is(#brand-grid,#product-grid) .brand-tile,.brand-tile-logo img,.brand-tile-tools,.brand-tile-open>span:last-child{transition:none}:is(#brand-grid,#product-grid) .brand-tile:hover{transform:none}}

/* AI exploration workspace: independent composer and result panes. */
.create-workspace-main>.create-topbar{display:none}
.create-workspace-main .create-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;padding:20px!important;overflow:hidden}
.create-workspace .composer{position:static;left:auto;bottom:auto;transform:none;grid-column:1;grid-row:1;display:flex;flex-direction:column;width:100%;height:100%;max-height:none;min-height:0;min-width:0;padding:0;overflow:hidden;border-radius:16px;background:var(--panel);box-shadow:0 3px 16px rgba(0,0,0,.035);z-index:2}
.create-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:19px 18px;border-bottom:1px solid var(--line)}
.create-panel-heading strong{display:block;font-size:13px;font-weight:650}
.create-panel-heading span{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
.create-composer-fields{flex:1;min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.create-workspace .composer-head{display:flex;flex-direction:column;align-items:stretch;gap:16px;overflow:visible;margin:0 0 18px}
.create-workspace .composer-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.create-workspace .composer-head .create-options{display:flex;flex:0 1 180px;min-width:130px;width:180px;height:auto;margin:0}
.create-workspace .composer-mode-row .composer-handbook-toggle{flex:none;min-width:116px;height:34px;padding-left:43px;padding-right:4px;font-size:10px}
.create-workspace .composer-mode-row .composer-handbook-toggle>svg{display:none}
.create-workspace .create-option{flex:1;min-width:0;justify-content:center}
.create-workspace .composer-head .composer-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-height:none;flex:none;overflow:visible;gap:8px}
.create-workspace .composer-chip{width:100%;min-width:0}
.create-workspace #create-product{grid-column:1/-1}
.create-workspace .composer-handbook-toggle{justify-content:center;height:38px}
.create-field-heading{display:block;margin:18px 0 8px;color:var(--text);font-size:11px;font-weight:600}
.create-workspace .composer textarea{display:block;height:180px;min-height:120px;max-height:350px;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical;background:var(--bg);color:var(--text);font-size:12px}
.create-workspace .composer textarea:focus{outline:2px solid color-mix(in srgb,var(--text) 16%,transparent);outline-offset:1px}
.create-workspace .reference-assets-section{margin:16px 0 0;padding:0;border:0}
.create-workspace .reference-assets-heading{flex-wrap:wrap;gap:4px}
.create-workspace .reference-asset-slots{flex-wrap:nowrap}
.create-workspace .reference-asset-slot{width:84px;height:84px;flex:0 0 84px}
.create-workspace .reference-asset-slot.selected img{position:absolute;inset:5px;display:block;width:calc(100% - 10px);height:calc(100% - 10px);min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:transparent}
.create-workspace .composer-bottom{display:block}
.create-workspace .composer-settings{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}
.create-workspace .create-model-picker{width:100%;min-width:0;flex:1 0 100%}
.create-workspace .composer-settings>select{min-width:0;max-width:none;flex:1}
.create-workspace .composer-duration-field{flex:0 1 104px;min-width:104px;width:104px}
.create-workspace .composer>.composer-actions{display:flex;flex:none;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:var(--panel)}
.create-workspace .rewrite-prompt-btn{padding:0 10px;height:40px;flex:1;min-width:0;font-size:11px}
.create-workspace .generate-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;height:40px;flex:1;border-radius:10px;padding:0 10px;font-size:12px;white-space:nowrap}
.create-workspace-results{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.create-workspace-result-head{position:relative;z-index:5;flex-shrink:0;padding:0 0 12px;border-bottom:1px solid var(--line)}
.create-workspace .create-results-toolbar-wrap{position:static;max-width:none;width:100%;background:transparent;backdrop-filter:none}
.create-workspace .create-results-toolbar{max-width:none;margin:0;padding:0;background:transparent;backdrop-filter:none;align-items:flex-start;flex-direction:column;gap:12px}
.create-workspace .create-results-toolbar-controls{width:100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible;gap:6px}
.create-workspace .create-result-sort{margin-right:auto}
.create-workspace .create-results-search{width:110px;min-width:80px;flex:0 1 110px;padding:0 8px}
.create-workspace .create-result-date{min-width:0;width:104px;padding:0 5px}
.create-workspace .create-result-sort,.create-workspace .create-result-filter{padding:0 8px}
.create-workspace .create-user-picker{min-width:96px;max-width:108px;flex:0 0 104px}
.create-workspace .create-user-trigger{padding:0 8px}
.create-workspace-main .create-workspace .create-conversation{width:100%;max-width:none;height:auto;min-height:0;flex:1;margin:0;padding:20px 12px 24px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.create-workspace .create-conversation .create-hero{padding:16px 12px 30px}
.create-workspace .create-hero h1{font-size:22px}
.create-workspace .create-turn{max-width:1100px;margin:0 auto 28px}
.create-workspace .create-result-header{flex-wrap:wrap;gap:6px}
.create-panel-expand{display:none}
@media(min-width:1001px){
  .create-workspace.create-panel-is-collapsed{grid-template-columns:minmax(0,1fr)}
  .create-panel-is-collapsed .composer{display:none}
  .create-panel-is-collapsed .create-workspace-results{grid-column:1}
  .create-panel-is-collapsed .create-workspace-result-head{display:block;min-height:78px}
  .create-panel-is-collapsed .create-results-toolbar-wrap{width:var(--create-result-content-width,100%);margin-left:var(--create-result-content-left,0px)}
  .create-panel-is-collapsed .create-results-toolbar-title{min-height:34px;padding-right:155px}
  .create-panel-is-collapsed .create-panel-expand{position:absolute;top:0;right:0;display:inline-flex;height:34px;margin:0;z-index:1}
}
@media(max-width:1000px){
  .create-workspace-main .create-workspace{display:flex;flex-direction:column;height:auto;overflow:visible;padding:16px!important}
  .create-workspace .composer{height:auto;flex:none}
  .create-composer-fields{max-height:60vh;flex:auto}
  .create-workspace-results{min-height:480px;height:75vh;flex:none}
  .create-panel-collapse,.create-panel-expand{display:none}
  .create-workspace .create-results-toolbar-controls{flex-wrap:wrap;overflow:visible}
  .create-workspace .create-hero h1{font-size:18px}
}

/* AI 探索桌面优化：结果在左，较宽的创作面板在右；常用参数尽量保持单行。 */
@media(min-width:1001px){
  .create-workspace-main .create-workspace{grid-template-columns:minmax(0,1fr) clamp(500px,38vw,600px);gap:24px}
  .create-workspace .composer{grid-column:2;grid-row:1}
  .create-workspace-results{grid-column:1;grid-row:1}
  .create-composer-fields{overflow-y:auto;padding:12px 18px}
  .create-workspace .composer-head{gap:10px;margin-bottom:12px}
  .create-workspace .composer-head .composer-top{display:flex;flex-wrap:nowrap;gap:6px}
  .create-workspace .composer-top .composer-chip{flex:1;min-width:0;width:0;padding:0 7px;text-overflow:ellipsis}
  .create-workspace .composer-top #subject-type{flex:0 0 110px;width:110px}
  .create-workspace .composer-top #create-brand{flex:0 0 150px;width:150px}
  .create-workspace .composer-handbook-toggle>svg{display:none}
  .create-workspace .composer-chip,.create-workspace .composer-handbook-toggle{height:34px}
  .create-workspace .composer textarea{height:clamp(96px,calc(100dvh - 540px),210px);min-height:96px;max-height:210px}
  .create-workspace .create-panel-heading{padding:14px 18px}
  .create-workspace .reference-assets-section{margin-top:11px}
  .create-workspace .reference-asset-slots{padding-bottom:2px}
  .create-workspace .create-field-heading{margin:11px 0 6px}
  .create-workspace .composer-settings{flex-wrap:nowrap;gap:6px}
  /* Reserve the video mode's two 86px controls, the 104px duration field, and three 6px gaps. */
  .create-workspace .create-model-picker{width:calc(80% - 239px);min-width:0;flex:0 0 calc(80% - 239px)}
  .create-workspace .composer-settings>select{flex:0 1 86px;width:86px;height:34px;padding:0 7px}
  .create-workspace .composer-duration-field{flex:0 0 104px;width:104px;height:34px;padding:0 5px}
  .create-workspace .composer-duration-field input{width:42px;height:26px;padding:0 2px}
  .create-workspace .composer>.composer-actions{padding:11px 18px}
  .create-workspace .rewrite-prompt-btn,.create-workspace .generate-btn{height:36px}
  .create-workspace.create-panel-is-collapsed{grid-template-columns:minmax(0,1fr)}
  .create-panel-is-collapsed .create-workspace-results{grid-column:1}
}
@media(min-width:1250px){.create-workspace .create-results-toolbar-controls{flex-wrap:nowrap;gap:5px}}
@media(max-width:640px){.create-workspace .composer-mode-row{gap:4px}}

/* 创作面板分区统一层级，并给创作要求更充足的编辑空间。 */
.create-workspace .create-field-heading,
.create-workspace .reference-assets-heading strong{font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.01em}
.create-workspace .reference-assets-heading span{font-size:10px;line-height:1.4}
@media(min-width:1001px){
  .create-workspace .composer textarea{height:clamp(130px,calc(100dvh - 520px),240px);min-height:130px;max-height:240px}
  .create-workspace .reference-assets-section{margin-top:16px}
}
/* 文本创作页：顶部横向文本生成面板，不展示类型切换和参考图。 */
.creative-text-page{padding-bottom:40px}
.creative-text-page .creative-page-header{margin:12px 0 18px}
.creative-text-page .composer{position:static;transform:none;width:100%;margin:0 auto 24px;padding:16px;border-radius:16px}
.creative-text-page .composer-top{flex-wrap:nowrap;align-items:center}
.creative-text-page .composer textarea{height:148px;min-height:148px;flex:1;min-width:260px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.creative-text-page .composer-top,.creative-text-page .composer-top select,.creative-text-page .composer-handbook-toggle{font-size:11px}
.creative-text-page .generate-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;height:40px;flex:1;border-radius:10px;padding:0 10px;border:0;background:#171717;color:#fff;font-size:12px;white-space:nowrap}.creative-text-page .generate-btn::after{content:'开始生成'}.creative-text-page .generate-btn svg{width:16px;height:16px}
.creative-text-page .rewrite-prompt-btn{padding:0 10px;height:36px;flex:0 0 145px;width:145px;font-size:11px}
.creative-text-page .composer-actions{width:auto;gap:6px;align-items:center}
.creative-text-page .generate-btn{height:36px;flex:0 0 145px;width:145px;border-radius:10px;padding:0 10px;font-size:11px}
.creative-text-page .composer-bottom{display:flex;flex:1}
.creative-text-page .composer-settings{flex:1}
.creative-text-page .create-conversation{min-height:300px;max-height:none;overflow:visible}
.creative-copy-result{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 20px}.creative-copy-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.creative-copy-result-head strong{font-size:13px}.creative-copy-result-head span{font-size:11px;color:var(--muted)}.creative-copy-title-field{display:grid;gap:6px;margin:0 0 10px}.creative-copy-title-field label{font-size:11px;font-weight:600;color:var(--text)}.creative-copy-title-field input{width:100%;height:40px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:transparent;color:var(--text);font-size:13px;font-weight:600;outline:none}.creative-copy-title-field input:focus{border-color:#9b8cdf;box-shadow:0 0 0 2px rgba(115,96,214,.1)}.creative-copy-title-field input[data-status="running"]{color:var(--muted);font-style:italic}.creative-copy-title-field input[data-status="failed"]{color:var(--danger)}.creative-copy-result textarea{width:100%;min-height:255px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;background:transparent;color:var(--text);font-size:13px;line-height:1.7}.creative-copy-result textarea[data-status="running"]{color:var(--muted);font-style:italic}.creative-copy-result textarea[data-status="failed"]{color:var(--danger)}
.creative-copy-step{margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.creative-copy-step-head{display:flex;align-items:flex-start;gap:12px;padding:0 2px 15px;border-bottom:1px solid var(--line)}.creative-copy-step-head>span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:var(--text);color:var(--panel);font-size:10px;font-weight:700;letter-spacing:.04em}.creative-copy-step-head strong{display:block;font-size:15px;line-height:1.3}.creative-copy-step-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.creative-copy-step .composer{margin:18px 0;padding:0;border:0;box-shadow:none;background:transparent}.creative-copy-step .creative-copy-result{margin:0;padding:0;border:0;background:transparent}.creative-copy-step .creative-copy-result-head{padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:700px){.creative-text-page .composer-top{flex-wrap:wrap}.creative-text-page .composer textarea{min-width:100%}}
.create-model-option-logo img{display:block;width:100%;height:100%;object-fit:contain}
.graphic-stepper{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:12px}.graphic-stepper span.active{color:var(--text);font-weight:650}.graphic-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}.graphic-panel h2{font-size:14px;margin:0 0 14px}.graphic-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.graphic-requirements,.graphic-copy-editor{width:100%;min-height:150px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);resize:vertical}.graphic-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.graphic-actions .composer-handbook-toggle{margin-right:auto}.graphic-prompt-item{display:flex;gap:8px;align-items:flex-start;margin-top:10px}.graphic-prompt-item textarea{flex:1;min-height:90px;padding:10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text)}.graphic-export-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.graphic-export-preview img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:8px;background:var(--hover)}
.creative-image-step{margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.creative-image-controls,.creative-image-settings{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}
.creative-image-control,.creative-image-setting{display:grid;gap:7px;min-width:0}.creative-image-control>label,.creative-image-setting>label,.creative-image-style-panel>label{font-size:11px;font-weight:650;color:var(--text)}
.creative-image-style-control{max-width:420px}.creative-image-style-toggle{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--hover)}.creative-image-style-toggle button{flex:1;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.creative-image-style-toggle button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08);font-weight:650}
.creative-image-style-panel{padding:16px 0;border-bottom:1px solid var(--line)}.creative-image-style-panel .textarea{width:100%;min-height:74px;resize:vertical}.creative-image-style-panel .field-hint{margin:6px 0 0}.creative-reference-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.creative-reference-toolbar>div{display:grid;gap:4px}.creative-reference-toolbar strong{font-size:11px}.creative-reference-toolbar span{font-size:10px;color:var(--muted)}.creative-selected-references{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;min-height:38px;align-items:center}.creative-reference-empty{font-size:10px;color:var(--muted)}.creative-reference-chip{display:flex;align-items:center;gap:6px;padding:4px 7px 4px 4px;border:1px solid var(--line);border-radius:8px;background:var(--hover);font-size:10px}.creative-reference-chip img{width:28px;height:28px;border-radius:5px;object-fit:contain;background:var(--panel)}.creative-reference-chip span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-reference-chip button{width:18px;height:18px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.creative-reference-chip button:hover{color:var(--danger)}
.creative-image-actions{display:flex;align-items:center;gap:12px;padding:16px 0}.creative-image-status{font-size:10px;color:var(--muted)}.creative-image-settings{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(110px,1fr));padding-top:0}.creative-step-model-picker{display:flex;align-items:center;gap:7px}.creative-step-model-picker .select{flex:1;min-width:0}.creative-step-model-picker img{width:20px;height:20px;object-fit:contain;flex:0 0 20px}.creative-image-batch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 10px}.creative-image-batch-actions strong{font-size:12px}.creative-image-prompt-list{display:grid;gap:10px}.creative-image-prompt-item{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(180px,240px);gap:12px;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--hover)}.creative-image-title{display:grid;align-content:start;gap:8px}.creative-image-title>span{font-size:10px;color:var(--muted);font-weight:650}.creative-image-title input,.creative-image-prompt textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:11px;padding:9px;outline:none}.creative-image-title input:focus,.creative-image-prompt textarea:focus{border-color:#9b8cdf;box-shadow:0 0 0 2px rgba(115,96,214,.1)}.creative-image-prompt textarea{height:100%;min-height:120px;line-height:1.55;resize:vertical}.creative-image-preview{position:relative;min-height:150px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.creative-image-preview>img{display:block;width:100%;height:100%;min-height:150px;object-fit:contain}.creative-image-placeholder,.creative-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.creative-image-hover-actions{position:absolute;inset:auto 7px 7px 7px;display:flex;gap:6px;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.creative-image-preview:hover .creative-image-hover-actions,.creative-image-preview:focus-within .creative-image-hover-actions{opacity:1;transform:none}.creative-image-hover-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:29px;border:1px solid rgba(255,255,255,.26);border-radius:7px;background:rgba(22,22,28,.8);backdrop-filter:blur(8px);color:#fff;font-size:10px;cursor:pointer}.creative-image-hover-actions button:hover{background:rgba(22,22,28,.94)}.creative-image-empty-state{padding:34px 18px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:11px}.creative-hidden-history{display:none!important}
.creative-reference-picker{min-width:0}.creative-reference-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:440px;overflow:auto;padding:2px 0 4px}.creative-reference-picker-card{min-width:0;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden;text-align:left;color:var(--text);cursor:pointer}.creative-reference-picker-card.selected{border-color:#7465d5;box-shadow:0 0 0 2px rgba(116,101,213,.2)}.creative-reference-picker-image{position:relative;display:block;aspect-ratio:3/4;background:var(--hover);overflow:hidden}.creative-reference-picker-image img{display:block;width:100%;height:100%;object-fit:contain}.creative-reference-picker-image em{position:absolute;left:5px;top:5px;padding:3px 5px;border-radius:4px;background:rgba(27,29,38,.78);color:#fff;font-size:8px;font-style:normal}.creative-reference-picker-card>strong{display:block;padding:7px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.creative-upscale-modal{display:grid;gap:16px}.creative-upscale-preview{height:min(360px,45vh);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--hover)}.creative-upscale-preview img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:800px){.creative-image-controls{grid-template-columns:1fr 1fr}.creative-image-settings{grid-template-columns:1fr 1fr}.creative-image-prompt-item{grid-template-columns:1fr}.creative-image-preview{min-height:220px}.creative-image-preview>img{min-height:220px}.creative-reference-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Step 2 与 Step 1 文案卡统一视觉规格；两种风格输入保持同高。 */
.creative-image-step{padding:18px;margin-bottom:22px}
.creative-image-step .creative-copy-step-head{padding-bottom:15px}
.creative-image-step .creative-copy-step-head strong{font-size:15px;line-height:1.3}
.creative-image-step .creative-copy-step-head p{font-size:11px;line-height:1.5}
.creative-image-controls{padding:16px 0}
.creative-image-control>label,.creative-image-setting>label,.creative-image-style-panel label{font-size:11px;font-weight:600}
.creative-image-style-panel{height:148px;min-height:148px;box-sizing:border-box;padding:14px 0;border-bottom:1px solid var(--line)}
.creative-image-style-panel[data-image-style-panel="text"]{display:flex;align-items:stretch}
.creative-image-style-panel[data-image-style-panel="text"].hidden{display:none}
.creative-style-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.creative-image-style-panel .textarea{flex:1;min-height:0;height:auto;padding:10px 12px;font-size:12px;line-height:1.6}
.creative-image-style-panel .field-hint{margin:0;font-size:10px}
.creative-reference-layout{display:grid;grid-template-columns:minmax(0,520px) 190px;gap:20px;align-items:stretch;justify-content:start;height:100%}
.creative-reference-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.creative-reference-info strong{font-size:11px;font-weight:600}
.creative-reference-info>span{max-width:520px;color:var(--muted);font-size:10px;line-height:1.55}
.creative-reference-info .btn{margin-top:auto;height:34px;font-size:11px}
.creative-selected-references{position:relative;display:grid;place-items:center;align-self:center;justify-self:start;min-width:0;min-height:0;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--hover);overflow:hidden}
.creative-reference-preview-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center}
.creative-reference-preview-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:6px;box-sizing:border-box}
.creative-reference-preview-wrap button{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(20,20,25,.72);color:#fff;cursor:pointer}
.creative-image-actions,.creative-image-batch-actions{font-size:11px}
.creative-image-actions .btn,.creative-image-batch-actions .btn{font-size:11px}
.creative-image-settings select,.creative-image-settings .select,.creative-image-controls select{height:38px;font-size:11px}
@media(max-width:640px){.creative-image-style-panel{height:160px;min-height:160px}.creative-reference-layout{grid-template-columns:minmax(0,1fr) 132px;gap:12px}.creative-reference-info>span{font-size:9px}.creative-reference-info .btn{height:32px}.creative-reference-preview-wrap img{padding:4px}}
.creative-copy-title-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}

/* AI 创作 Step 3 图文结果与素材中心图文卡片。 */
.creative-graphic-step{margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.creative-graphic-actions{display:flex;align-items:center;gap:10px;padding:16px 0 14px;border-bottom:1px solid var(--line)}
.creative-graphic-actions .btn{font-size:11px}.creative-graphic-status{font-size:11px;color:var(--muted)}
.creative-graphic-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:16px}
.creative-graphic-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--hover);padding:14px;overflow:hidden}
.creative-graphic-card h3{margin:0 0 9px;font-size:14px;line-height:1.4}.creative-graphic-copy{white-space:pre-wrap;max-height:190px;overflow:auto;color:var(--muted);font-size:11px;line-height:1.65;margin-bottom:12px}
.creative-graphic-image{position:relative;border-radius:9px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.creative-graphic-image img{display:block;width:100%;height:260px;object-fit:contain}.creative-graphic-image span{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:5px;background:rgba(20,20,26,.75);color:#fff;font-size:10px}
.asset-media-grid[data-asset-grid-type="graphic"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.asset-media-card.asset-graphic .asset-media-surface{padding:0;background:var(--panel)}.asset-media-graphic{padding:18px}.asset-media-graphic h3{margin:0 0 9px;font-size:15px}.asset-media-graphic p{margin:0 0 14px;max-height:96px;overflow:hidden;white-space:pre-wrap;color:var(--muted);font-size:12px;line-height:1.65}.asset-media-graphic-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.asset-media-graphic-images figure{margin:0;min-width:0}.asset-media-graphic-images img{display:block;width:100%;height:150px;object-fit:contain;border-radius:7px;background:var(--hover)}.asset-media-graphic-images figcaption{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.graphic-asset-detail{max-width:min(900px,80vw)}.graphic-asset-detail h2{margin:0 0 12px;font-size:18px}.graphic-asset-detail-copy{white-space:pre-wrap;max-height:260px;overflow:auto;color:var(--muted);line-height:1.7;font-size:13px}.graphic-asset-detail-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.graphic-asset-detail-images figure{margin:0}.graphic-asset-detail-images img{display:block;width:100%;height:220px;object-fit:contain;background:var(--hover);border-radius:8px}.graphic-asset-detail-images figcaption{font-size:11px;color:var(--muted);margin-top:5px}
@media(max-width:700px){.creative-graphic-preview,.asset-media-grid[data-asset-grid-type="graphic"]{grid-template-columns:1fr}.asset-media-graphic-images,.graphic-asset-detail-images{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-graphic-image img{height:220px}}

/* 图文素材使用规整的两列卡片，不参与普通素材的瀑布流布局。 */
.asset-media-grid[data-asset-grid-type="graphic"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-count:initial!important;columns:initial!important;gap:16px!important;align-items:start}
.asset-media-grid[data-asset-grid-type="graphic"] .asset-media-card{display:block!important;width:auto!important;break-inside:initial!important;margin:0!important}
.asset-media-card.asset-graphic .asset-media-surface{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 5px 18px rgba(28,24,52,.06)}
.asset-media-card.asset-graphic .asset-media-graphic{padding:18px}.asset-media-card.asset-graphic .asset-graphic-copy{cursor:zoom-in}.asset-media-card.asset-graphic .asset-graphic-copy h3{margin:0 0 9px;font-size:15px}.asset-media-card.asset-graphic .asset-graphic-copy p{margin:0 0 14px;max-height:112px;overflow:hidden;white-space:pre-wrap;color:var(--muted);font-size:12px;line-height:1.7}
.asset-media-card.asset-graphic .asset-media-graphic-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.asset-media-card.asset-graphic .asset-media-graphic-images figure{margin:0;min-width:0;cursor:zoom-in}.asset-media-card.asset-graphic .asset-media-graphic-images img{display:block;width:100%;height:156px;object-fit:contain;border-radius:8px;background:var(--hover)}.asset-media-card.asset-graphic .asset-media-graphic-images figcaption{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.asset-media-card.asset-graphic .asset-graphic-download{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:rgba(26,25,34,.66);color:#fff;cursor:pointer;opacity:0;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease,background .16s ease;backdrop-filter:blur(8px)}.asset-media-card.asset-graphic:hover .asset-graphic-download,.asset-media-card.asset-graphic:focus-within .asset-graphic-download{opacity:1;transform:none}.asset-media-card.asset-graphic .asset-graphic-download:hover{background:rgba(26,25,34,.9)}
@media(max-width:700px){.asset-media-grid[data-asset-grid-type="graphic"]{grid-template-columns:1fr!important}.asset-media-card.asset-graphic .asset-media-graphic-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
.creative-copy-title-field label{white-space:nowrap}
.asset-media-card.asset-graphic .asset-graphic-download{top:auto;bottom:10px;transform:translateY(3px)}
.asset-media-card.asset-graphic .asset-media-hover{pointer-events:none}.asset-media-card.asset-graphic .asset-media-hover .asset-media-actions{pointer-events:auto}

/* 图文素材：单列展示，并通过清晰的文案/图片分区提升阅读秩序。 */
.asset-media-grid[data-asset-grid-type="graphic"]{display:grid!important;grid-template-columns:1fr!important;column-count:initial!important;columns:initial!important;gap:18px!important;align-items:stretch}
.asset-media-grid[data-asset-grid-type="graphic"] .asset-media-card{display:block!important;width:auto!important;margin:0!important;break-inside:initial!important}
.asset-media-card.asset-graphic .asset-media-surface{border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 24px rgba(28,24,52,.07)}
.asset-media-card.asset-graphic .asset-media-graphic{padding:0}
.asset-media-card.asset-graphic .asset-graphic-copy{padding:20px 22px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--hover) 88%,var(--panel)),var(--panel));border-bottom:1px solid var(--line);cursor:zoom-in}
.asset-media-card.asset-graphic .asset-graphic-section-label{display:inline-flex;align-items:center;height:22px;margin-bottom:9px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.04em}
.asset-media-card.asset-graphic .asset-graphic-copy h3{margin:0 0 12px;font-size:17px;line-height:1.45}
.asset-media-card.asset-graphic .asset-graphic-copy p{margin:0;max-width:960px;max-height:180px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.8;white-space:pre-wrap}
.asset-media-card.asset-graphic .asset-graphic-gallery{padding:17px 22px 22px;background:var(--panel)}
.asset-media-card.asset-graphic .asset-graphic-gallery-head{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--text)}
.asset-media-card.asset-graphic .asset-graphic-gallery-head strong{font-size:12px;font-weight:650}.asset-media-card.asset-graphic .asset-graphic-gallery-head span{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--hover);color:var(--muted);font-size:10px}
.asset-media-card.asset-graphic .asset-media-graphic-images{padding:0;background:var(--panel);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.asset-media-card.asset-graphic .asset-media-graphic-images figure{padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--hover);cursor:zoom-in;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.asset-media-card.asset-graphic .asset-media-graphic-images figure:hover{border-color:#9286d1;box-shadow:0 5px 14px rgba(28,24,52,.08);transform:translateY(-1px)}
.asset-media-card.asset-graphic .asset-media-graphic-images img{height:220px;border-radius:8px;background:var(--panel)}
.asset-media-card.asset-graphic .asset-media-graphic-images figcaption{padding:6px 2px 1px;font-size:11px;color:var(--muted)}
.asset-media-card.asset-graphic .asset-media-hover{border-radius:16px}
.asset-media-card.asset-graphic .asset-media-hover .asset-media-actions{position:absolute;right:12px;bottom:12px}
.asset-media-card.asset-graphic .asset-graphic-download{position:static;width:29px;height:29px;transform:none}
.asset-toolbar-filters #graphic-asset-favorite.active{border-color:#9083cf;background:#f4f1ff;color:#6252b3}
html[data-theme=dark] .asset-toolbar-filters #graphic-asset-favorite.active{border-color:#61568f;background:#29243c;color:#c6bbff}
@media(max-width:700px){.asset-media-card.asset-graphic .asset-media-graphic-images{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-media-card.asset-graphic .asset-graphic-copy{padding:17px 16px 15px}.asset-media-card.asset-graphic .asset-graphic-gallery{padding:14px 16px 17px}.asset-media-card.asset-graphic .asset-media-graphic-images img{height:180px}}

/* 图文素材的可选区域：桌面端最多六张并排，每张不超过卡片宽度的六分之一。 */
.asset-media-card.asset-graphic .asset-graphic-copy{box-sizing:border-box;width:calc(100% - 44px);margin:18px 22px 0;padding:18px 20px;border:2px solid var(--line);border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--hover) 88%,var(--panel)),var(--panel));transition:border-color .16s ease,box-shadow .16s ease}
.asset-media-card.asset-graphic .asset-graphic-title{margin:0 22px;padding:20px 0 15px;border-bottom:1px solid var(--line)}
.asset-media-card.asset-graphic .asset-graphic-title h3{margin:0;font-size:14px;line-height:1.4;font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-media-card.asset-graphic .asset-graphic-copy{position:relative}
.asset-media-card.asset-graphic .asset-graphic-copy::after{content:"点击放大";position:absolute;top:15px;right:18px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:10px;line-height:1;opacity:.82}
.asset-media-card.asset-graphic .asset-graphic-copy:hover{border-color:#9286d1;box-shadow:0 5px 16px rgba(28,24,52,.08)}
.asset-media-card.asset-graphic .asset-graphic-copy p{width:100%;max-width:none;box-sizing:border-box}
.asset-media-card.asset-graphic .asset-graphic-gallery{padding-top:16px}
.asset-media-card.asset-graphic .asset-media-graphic-images{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.asset-media-card.asset-graphic .asset-media-graphic-images figure{box-sizing:border-box;border-width:2px;padding:6px}
.asset-media-card.asset-graphic .asset-media-graphic-images figure:hover{border-width:2px}
.asset-media-card.asset-graphic .asset-media-graphic-images img{height:142px}
@media(max-width:1100px){.asset-media-card.asset-graphic .asset-media-graphic-images{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.asset-media-card.asset-graphic .asset-graphic-title{margin:0 16px;padding:17px 0 13px}.asset-media-card.asset-graphic .asset-graphic-copy{width:calc(100% - 32px);margin:14px 16px 0;padding:15px 16px}.asset-media-card.asset-graphic .asset-media-graphic-images{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-media-card.asset-graphic .asset-media-graphic-images img{height:180px}}
html[data-font-size="small"] .asset-media-card.asset-graphic .asset-graphic-title h3,html[data-font-size="large"] .asset-media-card.asset-graphic .asset-graphic-title h3{font-size:calc(11px * var(--font-scale))!important}
.brand-document-drop.dragover{border-color:#7765c6;background:#fbfaff}
.brand-document-candidate-picker{height:30px;margin:0 0 6px;padding:0 8px;font-size:9px}
.brand-document-drop{position:relative;min-height:178px;padding:24px 18px;border:1px dashed #cfc8eb;border-radius:12px;background:#faf9ff;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.brand-document-drop:hover{border-color:#9e91d4;background:#f8f6ff;box-shadow:0 5px 16px rgba(66,47,139,.06)}.brand-document-drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.brand-document-drop>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:#6f5cc4}.brand-document-drop strong{font-size:12px;font-weight:600}.brand-document-drop small{color:var(--muted);font-size:10px;line-height:1.5}.brand-document-file-list{display:grid;align-content:start;gap:8px;min-height:178px;max-height:310px;overflow:auto;padding:2px}.brand-document-file{display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:54px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.brand-document-file-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--hover);color:#6f5cc4}.brand-document-file>div{min-width:0;display:flex;flex-direction:column;gap:2px}.brand-document-file strong{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.brand-document-file small{color:var(--muted);font-size:9px}.brand-document-file>button{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center}.brand-document-file>button:hover{background:#fff0f0;color:var(--danger)}.brand-document-empty{min-height:76px;padding:20px 14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:10px;line-height:1.55;text-align:center;display:grid;place-items:center}.brand-document-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-document-results-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-document-results-head strong{font-size:12px;font-weight:600}.brand-document-results-head span{color:var(--muted);font-size:10px;line-height:1.5}.brand-document-results-head .btn{flex:0 0 auto}.brand-aux-upload+.brand-aux-actions{margin-top:0}html[data-theme=dark] .brand-document-drop{border-color:#50476b;background:#211e2d}html[data-theme=dark] .brand-document-drop:hover,html[data-theme=dark] .brand-document-drop.dragover{border-color:#8171c0;background:#28223d}html[data-theme=dark] .brand-document-drop>span{background:#302846;color:#c0b0ff}html[data-theme=dark] .brand-document-file-icon{background:#2d2742;color:#c0b0ff}html[data-theme=dark] .brand-document-file>button:hover{background:#392222;color:#ff8989}
.modal-backdrop.modal-suspended{visibility:hidden;pointer-events:none}.auxiliary-modal-backdrop{z-index:1010;background:rgba(0,0,0,.32)}.auxiliary-modal{width:min(980px,100%)}.auxiliary-modal .modal-body{max-height:calc(90vh - 64px);overflow:auto}.brand-aux-modal-body{display:grid;gap:14px}.brand-aux-intro{display:flex;flex-direction:column;gap:4px}.brand-aux-intro strong{font-size:13px}.brand-aux-intro span{color:var(--muted);font-size:10px;line-height:1.5}.brand-aux-searchbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 90px auto;gap:8px}.brand-aux-search-status{padding:10px;border-radius:9px;background:#f0f7f2;color:#316840;font-size:10px}.brand-aux-search-status.error{background:#fff1f1;color:#ae3d3d}.brand-aux-sources{display:grid;gap:8px;max-height:310px;overflow:auto}.brand-aux-source{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.brand-aux-source.selected{border-color:#8171ca;box-shadow:inset 0 0 0 1px rgba(111,90,196,.12)}.brand-aux-source input{margin-top:3px;accent-color:#6654ba}.brand-aux-source>div{min-width:0;display:grid;gap:4px}.brand-aux-source strong{font-size:11px;line-height:1.4}.brand-aux-source p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.brand-aux-source small{color:var(--muted);font-size:9px}.brand-aux-extract{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #d7d0f4;border-radius:10px;background:#faf9ff}.brand-aux-extract>div{display:flex;flex-direction:column;gap:3px}.brand-aux-extract strong{font-size:11px}.brand-aux-extract span{color:var(--muted);font-size:9px}.brand-aux-results{padding-top:13px;border-top:1px solid #ddd6f4}.brand-aux-fields{display:grid;gap:9px;margin-top:11px;max-height:430px;overflow:auto;padding-right:3px}.brand-aux-field{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.brand-aux-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-aux-field-head strong{font-size:11px}.brand-aux-field-head span{color:#5c8d68;font-size:9px}.brand-aux-candidates{height:30px;margin-top:8px;padding:0 8px;font-size:9px}.brand-aux-field-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;margin-top:8px}.brand-aux-field-values>div{min-width:0}.brand-aux-field-values small{display:block;margin-bottom:4px;color:var(--muted);font-size:9px}.brand-aux-field-values p{margin:0;min-height:63px;padding:8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.5;white-space:pre-wrap}.brand-aux-field-values .textarea{width:100%;min-height:63px;padding:8px;font-size:10px;line-height:1.5}.brand-aux-field-values em{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4;font-style:normal}.brand-aux-field-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.brand-aux-field-actions .btn{height:28px;padding:0 9px;font-size:9px}.brand-aux-field-actions .btn.active{border-color:#6e61bd;background:#f1efff;color:#5647a9}.brand-aux-upload{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:12px}.brand-aux-upload .brand-document-file-list{max-height:180px}.brand-aux-actions{display:flex;justify-content:flex-end}.brand-aux-actions .btn{min-width:120px}html[data-theme=dark] .auxiliary-modal .modal-head,html[data-theme=dark] .brand-aux-source,html[data-theme=dark] .brand-aux-field,html[data-theme=dark] .brand-aux-extract{background:#202020;border-color:var(--line)}html[data-theme=dark] .brand-aux-results{border-color:#373148}html[data-theme=dark] .brand-aux-search-status{background:#18251c}@media(max-width:760px){.brand-aux-searchbar,.brand-aux-upload,.brand-aux-field-values{grid-template-columns:1fr}.brand-aux-extract{align-items:stretch;flex-direction:column}.brand-aux-extract .btn,.brand-aux-actions .btn{width:100%}}
.brand-document-slot-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.brand-document-slot-clear{padding:0;border:0;background:transparent;color:var(--muted);font-size:9px}.brand-document-slot-clear:hover{color:var(--danger)}

/* 品牌编辑器内嵌智能工具：搜索来源和文件槽位使用同一套卡片语言。 */
.brand-editor-modal{width:min(1040px,100%);height:min(840px,90vh);max-height:none;display:flex;flex-direction:column;overflow:hidden}
.brand-editor-modal .modal-head{flex:0 0 auto}
.brand-editor-modal .modal-body{min-height:0;flex:1;max-height:none;overflow:auto;padding:18px 20px 22px}
.brand-primary-section{margin-bottom:14px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.brand-primary-section .product-form-section-title{margin-bottom:14px}
.brand-primary-section .product-form-section-title strong{font-size:13px}
.brand-primary-section .product-form-section-title span{font-size:10px;line-height:1.55}
.brand-smart-actions-field{margin-top:1px}
.brand-smart-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand-smart-actions .btn{height:36px}
.brand-smart-action-count{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.16);font-size:9px;font-weight:500;letter-spacing:.01em}
.brand-smart-actions .btn:not(.btn-primary) .brand-smart-action-count{background:var(--hover)}
.brand-inline-panel{margin:0 0 14px;border:1px solid #dcd6f6;border-radius:13px;background:#faf9ff;overflow:hidden}
.brand-inline-panel[data-brand-document-panel]{border-color:var(--line);background:var(--panel)}
.brand-inline-panel-head{min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(111,90,196,.14)}
.brand-inline-panel[data-brand-document-panel] .brand-inline-panel-head{border-bottom-color:var(--line)}
.brand-inline-panel-head>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.brand-inline-panel-head strong{font-size:12px;font-weight:650}
.brand-inline-panel-head span{color:var(--muted);font-size:10px;line-height:1.45}
.brand-inline-panel-head>div:last-child{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.brand-inline-panel-head .btn{height:32px;padding:0 11px;font-size:11px}
.brand-inline-panel-head .icon-btn{width:30px;height:30px;border-radius:8px;background:transparent;box-shadow:none;font-size:17px;line-height:1;color:var(--muted)}
.brand-inline-panel-head .icon-btn:hover{background:var(--hover);color:var(--text)}
.brand-inline-panel-body{padding:13px 14px 14px}
.brand-source-grid,.brand-document-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.brand-source-card,.brand-document-slot{position:relative;min-width:0;min-height:180px;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.brand-source-card{display:flex;cursor:pointer}
.brand-source-card:hover,.brand-document-slot:hover{border-color:#a79bdd;box-shadow:0 5px 14px rgba(72,53,147,.09);transform:translateY(-1px)}
.brand-source-card.selected{border-color:#8271ca;box-shadow:inset 0 0 0 1px rgba(111,90,196,.2),0 5px 14px rgba(72,53,147,.08)}
.brand-source-card>input{position:absolute;top:11px;left:11px;z-index:2;width:15px;height:15px;margin:0;accent-color:#6654ba;cursor:pointer}
.brand-source-card-body{min-width:0;width:100%;display:flex;flex-direction:column;gap:6px;padding:11px 11px 10px 34px}
.brand-source-card-top{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:9px}
.brand-source-card-top>span{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;border-radius:6px;background:var(--hover);color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}
.brand-source-card-top b{min-width:0;overflow:hidden;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.brand-source-card-top em{margin-left:auto;flex:0 0 auto;color:#5c8d68;font-size:9px;font-style:normal;white-space:nowrap}
.brand-source-card-body>strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.brand-source-card-body>p{display:-webkit-box;min-height:43px;margin:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.45;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.brand-source-card-body>small{display:block;min-width:0;margin-top:auto;overflow:hidden;color:var(--soft);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.brand-inline-empty{grid-column:1/-1;min-height:110px;padding:22px 15px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:10px;text-align:center}
.brand-search-summary{margin-bottom:10px;padding:9px 11px;border:1px solid #d7d0f4;border-radius:9px;background:rgba(255,255,255,.65);color:#6252a7;font-size:10px;line-height:1.5}
.brand-search-summary.error{border-color:#f0caca;background:#fff4f4;color:#b53f3f}
.brand-inline-extract-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(111,90,196,.14)}
.brand-inline-panel[data-brand-document-panel] .brand-inline-extract-bar{border-top-color:var(--line)}
.brand-inline-extract-bar>span{min-width:0;color:var(--muted);font-size:10px;line-height:1.5}
.brand-inline-extract-bar .btn{height:35px;flex:0 0 auto}
.brand-document-slot{display:flex;flex-direction:column;padding:8px;background:var(--panel)}
.brand-document-slot-preview{height:104px;min-height:104px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--hover)}
.brand-document-slot-empty{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--soft);font-size:9px}
.brand-document-slot-empty>span{width:26px;height:26px;display:grid;place-items:center;border:1px dashed #bdb6d9;border-radius:7px;color:#7566b6;font-size:10px}
.brand-document-slot-empty small{font-size:9px}
.brand-document-mini-text{width:100%;height:100%;padding:9px;color:var(--muted);font-size:9px;line-height:1.55;white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#fff 0,#f8f6ff 100%)}
.brand-document-file-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:58px;height:68px;border:1px solid #d7d0f4;border-radius:8px;background:#faf9ff;color:#6958b7}
.brand-document-file-type b{font-size:10px;font-weight:700;letter-spacing:.04em}
.brand-document-slot-upload{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:calc(100% - 22px);height:31px;margin:0;transform:translate(-50%,-50%);border:1px solid rgba(125,113,189,.38);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,#eeeaff);box-shadow:0 3px 10px rgba(42,31,100,.09);color:#5949a5;font-size:9px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.brand-document-slot-upload:hover{border-color:#8171ca;background:#eeeaff;color:#49399a;transform:translate(-50%,-50%) scale(1.02)}
.brand-document-slot-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.brand-document-slot-meta{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:16px}
.brand-document-slot-check{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.brand-document-slot-check input{width:13px;height:13px;margin:0;accent-color:#6654ba}
.brand-document-slot-clear{padding:0;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}
.brand-document-slot-clear:hover{color:var(--danger)}
.brand-document-slot-number{position:absolute;top:8px;right:9px;color:var(--soft);font-size:9px;font-variant-numeric:tabular-nums}
.brand-extracted-field{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.brand-extracted-field+.brand-extracted-field{margin-top:8px}
.brand-extracted-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand-extracted-field-head strong{font-size:11px;font-weight:650}.brand-extracted-field-head span{color:#5c8d68;font-size:9px;white-space:nowrap}
.brand-extracted-candidates{height:31px;margin-top:8px;font-size:10px}
.brand-extracted-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;margin-top:9px}
.brand-extracted-values>div{min-width:0}.brand-extracted-values small{display:block;margin-bottom:4px;color:var(--muted);font-size:9px}
.brand-extracted-values p{min-height:64px;margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.brand-extracted-values .textarea{min-height:64px;font-size:10px;line-height:1.55;resize:vertical}.brand-extracted-values em{display:block;margin-top:4px;color:var(--soft);font-size:9px;line-height:1.4;font-style:normal}
.brand-apply-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:10px 11px;border:1px solid #e4dff8;border-radius:9px;background:#faf9ff;color:var(--muted);font-size:10px}
.brand-apply-choice>div{display:flex;gap:6px;flex:0 0 auto}.brand-apply-choice .btn{height:31px;padding:0 10px;font-size:10px}.brand-apply-choice .btn.active{border-color:#7767c3;background:#eeeaff;color:#5647a9}
.brand-apply-bar{margin-top:11px}.brand-apply-bar .btn{min-width:130px}
html[data-theme=dark] .brand-primary-section,html[data-theme=dark] .brand-inline-panel[data-brand-document-panel],html[data-theme=dark] .brand-source-card,html[data-theme=dark] .brand-document-slot,html[data-theme=dark] .brand-extracted-field{background:#202020;border-color:var(--line)}
html[data-theme=dark] .brand-inline-panel{background:#211e2d;border-color:#373148}html[data-theme=dark] .brand-search-summary,html[data-theme=dark] .brand-apply-choice{background:#28233a;border-color:#4b426d;color:#c5baf0}
html[data-theme=dark] .brand-document-slot-preview{background:#181818;border-color:var(--line)}html[data-theme=dark] .brand-document-mini-text,html[data-theme=dark] .brand-document-file-type{background:#29243b;border-color:#4b426d;color:#c5baf0}
html[data-theme=dark] .brand-inline-extract-bar{border-color:#373148}.brand-editor-modal .form-actions{padding-top:3px}
@media(max-width:820px){.brand-source-grid,.brand-document-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-extracted-values{grid-template-columns:1fr}}
@media(max-width:560px){.brand-editor-modal .modal-body{padding:14px 13px 18px}.brand-source-grid,.brand-document-slot-grid{grid-template-columns:1fr 1fr;gap:7px}.brand-source-card,.brand-document-slot{min-height:160px}.brand-source-card-body{padding:10px 8px 9px 30px}.brand-source-card>input{left:8px}.brand-inline-panel-head{align-items:flex-start;padding:11px 10px}.brand-inline-panel-head>div:last-child .btn{padding:0 8px}.brand-inline-extract-bar,.brand-apply-choice{align-items:stretch;flex-direction:column}.brand-inline-extract-bar .btn,.brand-apply-choice>div,.brand-apply-choice .btn{width:100%}.brand-apply-choice>div{display:grid;grid-template-columns:1fr 1fr}}

/* 文件槽位采用与参考图相同的“整卡上传”交互：空卡是可点击的虚线卡片，已有文件时悬浮显示重新上传。 */
.brand-document-slot:not(.has-file){padding:0;border-style:dashed;background:var(--hover)}
.brand-document-slot:not(.has-file) .brand-document-slot-preview{display:none}
.brand-document-slot:not(.has-file) .brand-document-slot-upload{position:relative;inset:auto;left:auto;top:auto;width:100%;height:auto;min-height:178px;flex:1;display:flex;align-items:center;justify-content:center;transform:none;border:0;border-radius:inherit;background:transparent;box-shadow:none;color:var(--muted);font-size:10px;font-weight:500}
.brand-document-slot:not(.has-file) .brand-document-slot-upload:hover{transform:none;border:0;background:rgba(122,108,187,.08);color:var(--text)}
.brand-document-slot:not(.has-file) .brand-document-slot-upload span{display:flex;flex-direction:column;align-items:center;gap:7px;white-space:nowrap}
.brand-document-slot:not(.has-file) .brand-document-slot-upload span::before{content:"+";width:34px;height:34px;display:grid;place-items:center;border:1px dashed #aaa0d0;border-radius:10px;color:#7566b6;font-size:22px;font-weight:400;line-height:1}
.brand-document-slot:not(.has-file) .brand-document-slot-upload:focus-within{outline:2px solid rgba(111,90,196,.28);outline-offset:-3px}
.brand-document-slot.has-file .brand-document-slot-upload{position:absolute;top:8px;right:8px;bottom:auto;left:8px;width:auto;height:104px;display:flex;transform:none;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:transparent;font-size:10px}
.brand-document-slot.has-file .brand-document-slot-upload:hover,.brand-document-slot.has-file .brand-document-slot-upload:focus-within{transform:none;border-color:rgba(255,255,255,.4);background:rgba(20,20,28,.52);color:#fff}
.brand-document-slot.has-file .brand-document-slot-upload span{display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .15s ease;color:inherit;white-space:nowrap}
.brand-document-slot.has-file .brand-document-slot-upload:hover span,.brand-document-slot.has-file .brand-document-slot-upload:focus-within span{opacity:1}
.brand-document-slot.has-file .brand-document-slot-upload span::before{content:"↻";font-size:14px;line-height:1}
.brand-document-slot-number{z-index:4}
html[data-theme=dark] .brand-document-slot:not(.has-file){background:#181818}
html[data-theme=dark] .brand-document-slot:not(.has-file) .brand-document-slot-upload span::before{border-color:#62578a;color:#b5a8e6}
@media(max-width:560px){.brand-document-slot:not(.has-file) .brand-document-slot-upload{min-height:158px}}

/* 品牌智能搜索/识别卡片的顶部信息与文件预览。 */
.brand-source-open{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin-left:2px;border-radius:5px;color:var(--muted);font-size:15px;line-height:1;text-decoration:none;transition:background .15s,color .15s,transform .15s}
.brand-source-open:hover{background:var(--hover);color:var(--text);transform:translate(1px,-1px)}
.brand-document-slot-head{position:relative;z-index:5;display:flex;align-items:center;gap:6px;min-height:22px;flex:0 0 22px}
.brand-document-slot-head .brand-document-slot-check{position:static;display:grid;place-items:center;width:16px;height:16px;flex:0 0 16px;overflow:visible}
.brand-document-slot-head .brand-document-slot-check input{width:15px;height:15px;margin:0;cursor:pointer}
.brand-document-slot-check-placeholder{width:15px;height:15px;flex:0 0 15px;border:1px dashed #bdb6d9;border-radius:4px;opacity:.7}
.brand-document-slot-head .brand-document-slot-number{position:static;top:auto;right:auto;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}
.brand-document-slot-open{display:grid;place-items:center;width:22px;height:22px;margin-left:auto;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.brand-document-slot-open:hover{background:var(--hover);color:var(--text);transform:translate(1px,-1px)}
.brand-document-slot.has-file .brand-document-slot-preview{height:84px;min-height:84px;flex:0 0 84px}
.brand-document-slot.has-file .brand-document-slot-upload{top:52px;height:84px}
.brand-document-slot-info{min-width:0;display:flex;flex-direction:column;gap:3px;margin-top:7px}
.brand-document-slot-info strong{display:block;min-width:0;overflow:hidden;color:var(--text);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.brand-document-slot-info p{display:-webkit-box;min-height:28px;margin:0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.brand-document-slot-info small{display:block;min-width:0;overflow:hidden;color:var(--soft);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.brand-document-slot-path{min-width:0;margin-top:6px;overflow:hidden}
.brand-document-slot-path small{display:-webkit-box;min-width:0;overflow:hidden;color:var(--soft);font-size:8px;line-height:1.35;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.brand-document-slot.has-file .brand-document-slot-info,.brand-document-slot.has-file .brand-document-slot-preview,.brand-document-slot.has-file .brand-document-slot-path,.brand-document-slot.has-file .brand-document-slot-meta{margin-left:22px}
.brand-document-slot.has-file .brand-document-slot-preview{height:72px;min-height:72px;flex-basis:72px}
.brand-document-slot.has-file .brand-document-slot-upload{top:52px;height:72px;left:30px;right:8px}
.brand-document-slot.has-file .brand-document-slot-path{margin-top:auto}
.brand-document-slot.has-file .brand-document-slot-meta{position:relative;justify-content:flex-end;margin-top:5px;min-height:22px}
.brand-document-slot.has-file .brand-document-slot-clear{font-size:9px;cursor:pointer}
.brand-document-slot-more-wrap{position:relative;display:inline-flex;align-items:center}
.brand-document-slot-more{width:25px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer}
.brand-document-slot-more:hover,.brand-document-slot-more[aria-expanded="true"]{background:var(--hover);color:var(--text)}
.brand-document-slot-more-menu{position:absolute;right:0;bottom:25px;z-index:8;min-width:78px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 6px 18px rgba(30,24,60,.14)}
.brand-document-slot-more-menu button{display:block;width:100%;height:27px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:9px;text-align:left;cursor:pointer;white-space:nowrap}
.brand-document-slot-more-menu button:hover{background:var(--hover);color:var(--danger)}
html[data-theme=dark] .brand-source-open:hover,html[data-theme=dark] .brand-document-slot-open:hover{background:#302b43;color:#eee}
@media(max-width:560px){.brand-document-slot-info p{font-size:8px}.brand-document-slot-info small,.brand-document-slot-path small{font-size:7px}}

/* 搜索正文在卡片中多展示两行，充分利用卡片下方空间。 */
.brand-source-card-body>p{min-height:72px;-webkit-line-clamp:5}

/* 文件名与序号同一行；文件内容区域进一步增高，移除操作固定在右下角。 */
.brand-document-slot-head .brand-document-slot-name{min-width:0;flex:1;margin-left:0;overflow:hidden;color:var(--text);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.brand-document-slot.has-file .brand-document-slot-preview{height:150px;min-height:150px;flex-basis:150px;margin-left:22px}
.brand-document-slot.has-file .brand-document-slot-upload{top:30px;left:30px;right:8px;height:150px}
.brand-document-slot.has-file{padding-bottom:36px}
.brand-document-slot.has-file .brand-document-slot-meta{position:absolute;right:8px;bottom:8px;z-index:6;margin:0;justify-content:flex-end}
@media(max-width:560px){.brand-document-slot.has-file .brand-document-slot-preview{height:130px;min-height:130px;flex-basis:130px}.brand-document-slot.has-file .brand-document-slot-upload{top:30px;height:130px}}
/* 商品档案智能搜索与文件识别的统一面板样式 */
.product-primary-fields .product-smart-search-actions>div{grid-template-columns:repeat(2,minmax(132px,1fr));max-width:360px}
.product-research-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}
.product-research-panel-head>div{display:flex;flex-direction:column;gap:4px}
.product-research-panel-head strong{font-size:12px}
.product-research-panel-head span{color:var(--muted);font-size:10px;line-height:1.5}
.product-research-panel-head>div:last-child{display:flex;flex-direction:row;align-items:center;gap:7px}
.product-extract-action>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.product-extract-status{display:none;max-width:330px;color:#39764a;font-size:10px;line-height:1.45}
.product-extract-status.visible{display:inline}
.product-extract-status.error{color:var(--danger)}
.product-document-panel .brand-extract-status.error{color:var(--danger)}
.product-document-panel{padding:17px}
.product-document-panel .brand-document-slot-grid{margin-top:4px}
.product-document-extract-bar{margin-top:12px}
html[data-theme=dark] .product-extract-status{color:#86cf99}
html[data-theme=dark] .product-extract-status.error{color:#e69b94}
@media(max-width:760px){.product-primary-fields .product-smart-search-actions>div{grid-template-columns:1fr}.product-research-panel-head{align-items:stretch;flex-direction:column}.product-research-panel-head>div:last-child{justify-content:space-between}.product-extract-status{max-width:none}}