:root{color:#202124;font-synthesis:none;background:#f6f7f9;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{z-index:5;background:#fff;border-right:1px solid #e8e9ed;flex-direction:column;gap:4px;width:220px;padding:25px 13px;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:0 13px 24px}.brand b{color:#ff2442;font-size:21px;display:block}.brand span{color:#9297a3;font-size:11px}aside button{color:#686d78;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px 13px;font-size:13px;display:flex}aside button.active{color:#ff2442;background:#fff0f2;font-weight:650}aside small{color:#aaa;margin-top:auto;padding:12px}main{width:calc(100% - 220px);max-width:1600px;margin-left:220px;padding:30px 34px 50px}header,.toolbar,.title,.note-head,.actions{justify-content:space-between;align-items:center;display:flex}header{margin-bottom:25px}h1{margin:0 0 6px;font-size:25px}header p{color:#969ba5;margin:0;font-size:13px}.badge,.ai,.candidate{color:#ff2442;background:#fff0f2;border-radius:20px;padding:6px 11px;font-size:11px}.card{background:#fff;border:1px solid #e8e9ed;border-radius:13px;box-shadow:0 3px 12px #20212408}.toolbar{margin-bottom:15px}.toolbar>div{align-items:center;gap:9px;display:flex}.primary,.secondary,.ghost,.link,.copy-btn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;display:inline-flex}.primary{color:#fff;background:#ff2442}.secondary{color:#454953;background:#fff;border:1px solid #dfe1e6}.ghost{color:#ff2442;background:#fff0f2}.link{color:#ff2442;background:0 0;padding:4px}.primary:disabled{opacity:.45;cursor:not-allowed}.tabs{background:#e9ebef;border-radius:9px;padding:3px}.tabs button{background:0 0;border:0;border-radius:7px;padding:7px 16px}.tabs .on{color:#ff2442;background:#fff}.notice{color:#8a6218;background:#fff8e9;border:1px solid #ffe2a9;border-radius:8px;margin:10px 0;padding:10px 14px}.list article{border-bottom:1px solid #f0f1f3;align-items:center;gap:14px;padding:15px 19px;display:flex}.list article:last-child{border:0}.list article>div{flex:1}.list p{color:#9da1aa;margin:5px 0 0;font-size:12px}.rank{text-align:center;color:#a6abb5;width:26px;font-weight:700}.chips,.tag-row{flex-wrap:wrap;gap:7px;display:flex}.chips{margin:14px 0}.chips span,.tag-row span,.success,.draft{color:#27835a;background:#eef9f3;border-radius:16px;padding:5px 10px;font-size:11px}.tag-row span{color:#3672c7;background:#f1f6ff}.draft{color:#b17416;background:#fff7e8}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #f0f1f3;padding:13px 16px;font-size:12px}th{color:#8c919b;background:#fafafa}td small{color:#aaa;margin-top:4px;display:block}.clickable:hover{background:#fff9fa}.empty{text-align:center;color:#adb1ba;flex-direction:column;align-items:center;gap:9px;padding:55px 16px;display:flex}.empty b{color:#737883;font-weight:500}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.stat{padding:20px}.stat b{margin-bottom:6px;font-size:25px;display:block}.stat span{color:#8b909b;font-size:12px}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{padding:20px}.title{margin-bottom:15px}.title h2{margin:0;font-size:16px}.line,.recommend{border-bottom:1px solid #f1f2f4;align-items:center;gap:10px;padding:11px 0;font-size:12px;display:flex}.line i{color:#aaa;width:20px;font-style:normal}.line b,.recommend b{flex:1}.line small,.recommend small{color:#999}.recommend span{color:#ff2442;background:#fff0f2;border-radius:12px;padding:4px 8px}.studio{grid-template-columns:minmax(230px,280px) minmax(330px,1fr) minmax(330px,420px);align-items:start;gap:14px;display:grid}.select-panel,.editor{padding:18px;position:sticky;top:16px}.field{color:#616671;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;display:flex}.field>span{font-weight:600}.field input,.field select,.field textarea,.filters input,.filters select,.metric-grid input,.edit-form input,.edit-form textarea{background:#fff;border:1px solid #dfe1e6;border-radius:8px;outline:none;width:100%;padding:9px 10px}.field input:focus,.field select:focus,.field textarea:focus,.edit-form input:focus,.edit-form textarea:focus{border-color:#ff2442;box-shadow:0 0 0 2px #ff244214}.product-chips{flex-wrap:wrap;gap:6px;display:flex}.product-chips button{background:#fff;border:1px solid #e0e2e6;border-radius:15px;padding:5px 8px;font-size:10px}.product-chips button.picked{color:#ff2442;background:#fff0f2;border-color:#ff8294}.counter{align-items:center;gap:15px;display:flex}.counter button{background:#fff;border:1px solid #ddd;border-radius:7px;width:30px;height:30px}.generate{color:#fff;background:linear-gradient(135deg,#ff2442,#ff5c75);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.results>.title{padding:0 3px}.note-card{margin-bottom:12px;padding:16px;transition:all .18s}.note-card:hover,.note-card.selected{border-color:#ff9aaa;box-shadow:0 5px 18px #ff244214}.version-tabs{gap:4px;display:flex}.version-tabs button{background:#f0f1f3;border:0;border-radius:6px;padding:4px 8px;font-size:10px}.version-tabs button.on{color:#fff;background:#ff2442}.note-card h3{margin:13px 0 8px;font-size:15px}.note-card>p{color:#646975;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12px;line-height:1.75;display:-webkit-box;overflow:hidden}.copy-btn{color:#626772;background:#f7f8fa;margin-top:12px}.edit-form label{margin:12px 0;font-size:12px;font-weight:600;display:block}.edit-form label em{float:right;color:#9ca0a9;font-style:normal;font-weight:400}.edit-form label em.bad{color:#e5484d}.edit-form input,.edit-form textarea{resize:vertical;margin-top:6px;font-weight:400}.violations{background:#fff8e9;border-radius:8px;padding:8px 10px}.violations p{margin:4px;font-size:11px}.violations .block{color:#d33}.violations .warn{color:#9b711f}.rewrite{flex-wrap:wrap;gap:5px;margin:14px 0;display:flex}.rewrite span{color:#888;width:100%;font-size:11px}.rewrite button{background:#fff;border:1px solid #e2e3e7;border-radius:7px;padding:5px 7px;font-size:10px}.compliance{color:#8e4c56;background:#fff7f8;border:1px solid #ffd4da;border-radius:8px;margin-top:13px;padding:9px 13px;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;z-index:30;background:#24262b;border-radius:9px;align-items:center;gap:7px;padding:11px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0003}.filters{gap:9px;margin-bottom:14px;display:flex}.filters input,.filters select{max-width:220px}.drawer-mask{z-index:20;background:#0005;position:fixed;inset:0}.drawer{background:#fff;width:min(600px,94vw);height:100%;padding:30px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-10px 0 35px #0002}.drawer-close{background:#f1f2f4;border:0;border-radius:50%;padding:6px;position:absolute;top:20px;right:20px}.drawer h2{padding-right:30px}.drawer h3{margin-top:25px}.note-body{white-space:pre-wrap;font-size:13px;line-height:1.8}.hint{color:#8e939e;font-size:11px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric-grid label{color:#737883;font-size:11px}.metric-grid input{margin-top:5px}.wide{width:100%;margin-top:14px}.kb-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.kb-card{padding:17px}.kb-card p{color:#6d727c;font-size:12px;line-height:1.6}.kb-card button{margin-top:13px}.candidate{margin-left:8px}.bars{flex-direction:column;gap:12px;display:flex}.bar-row{align-items:center;gap:10px;font-size:12px;display:flex}.bar-row span{width:90px}.bar-row i{background:linear-gradient(90deg,#ff2442,#ff93a4);border-radius:8px;min-width:4px;height:12px}.form{max-width:850px;padding:25px}.form>.title:not(:first-child){margin-top:25px}.grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.grid.four{grid-template-columns:repeat(4,1fr)}.actions{justify-content:flex-end;gap:8px;margin-top:16px}.modal-mask{z-index:25;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal{width:min(720px,96vw);max-height:92vh;padding:25px;position:relative;overflow:auto}.check{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.check input{width:auto}.date-range{color:#6c717c;align-items:center;gap:9px;margin-bottom:15px;font-size:12px;display:flex}.date-range input{border:1px solid #dfe1e6;border-radius:8px;padding:8px 10px}.ab-panel{margin-top:16px}.ab-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.ab-result{border:1px solid #e7e8ec;border-radius:10px;padding:15px}.ab-result h3{margin:0 0 10px}.ab-result>p{border-bottom:1px solid #f0f1f3;justify-content:space-between;padding-bottom:7px;font-size:12px;display:flex}.ab-sample{border-top:1px solid #eee;margin-top:10px;padding-top:10px;font-size:11px}.ab-sample p{color:#676c77;max-height:90px;line-height:1.6;overflow:auto}@media (width<=1150px){.studio{grid-template-columns:250px 1fr}.editor{grid-column:1/-1;position:static}.kb-grid{grid-template-columns:1fr 1fr}}.asset-row,.cover-assets,.cover-actions,.cover-options,.cover-preview>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-thumb{width:58px;height:58px;position:relative}.asset-thumb img,.cover-assets img{object-fit:cover;border-radius:7px;width:100%;height:100%}.asset-thumb button{color:#fff;background:#222;border:0;border-radius:50%;padding:2px;position:absolute;top:-5px;right:-5px}.asset-add{color:#777;cursor:pointer;border:1px dashed #cfd2d8;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;font-size:10px;display:flex}.cover-maker{border-top:1px solid #eee;margin-top:16px;padding-top:15px}.cover-assets{margin:10px 0}.cover-assets button{background:#eee;border:2px solid #0000;border-radius:8px;width:58px;height:58px;padding:2px}.cover-assets button.picked{border-color:#ff2442}.cover-options select{border:1px solid #dfe1e6;border-radius:8px;flex:1;padding:8px}.cover-actions{margin-top:9px}.cover-actions button{flex:1}.cover-preview{margin-top:12px}.cover-preview>img{object-fit:contain;background:#f3f4f6;border-radius:9px;width:100%;max-height:360px}.cover-preview>div{margin-top:8px}.cover-preview a{text-decoration:none}@media (width<=767px){aside{flex-direction:row;justify-content:space-around;width:100%;height:64px;padding:5px;top:auto;overflow-x:auto}aside .brand,aside small{display:none}aside button{flex-direction:column;flex:0 0 64px;gap:2px;padding:4px;font-size:9px}main{width:100%;margin:0 0 64px;padding:20px 12px}header p{display:none}.stats{grid-template-columns:1fr 1fr}.dash-grid,.studio,.kb-grid,.ab-grid{grid-template-columns:1fr}.select-panel,.editor{position:static}.filters,.date-range{flex-wrap:wrap}.grid,.grid.four,.metric-grid{grid-template-columns:1fr 1fr}}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions button{margin-top:13px}.danger{color:#d92d49;background:#fff5f6;border:1px solid #ffd0d7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;display:inline-flex}.kb-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.kb-card-head>span{color:#ff2442;background:#fff0f2;border-radius:14px;padding:4px 8px;font-size:11px}.linked-products{border-top:1px solid #f0f1f3;flex-direction:column;gap:7px;margin-top:14px;padding-top:12px;display:flex}.linked-products strong{color:#8b9099;font-size:11px}.linked-products>span{color:#b0b4bc;font-size:11px}.linked-products>button{text-align:left;color:#4f545e;background:#fafbfc;border:1px solid #eceef1;border-radius:8px;justify-content:space-between;align-items:center;margin:0;padding:8px 10px;display:flex}.linked-products>button:hover{background:#fff8f9;border-color:#ff9aaa}.linked-products small{color:#9ba0aa}.product-empty-link{width:100%;color:#ff2442!important;background:#fff8f9!important;border-style:dashed!important;border-radius:8px!important}.linked-samples{border-top:1px dashed #eceef1;grid-template-columns:auto 1fr;align-items:center;gap:6px 9px;margin-top:11px;padding-top:10px;display:grid}.linked-samples strong{color:#8b9099;font-size:11px}.linked-samples>span{color:#a4a8b0;text-align:right;font-size:10px}.linked-samples>button{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#5f646e;background:#f7f8fa;border:0;border-radius:7px;grid-column:1/-1;margin:0;padding:7px 9px;overflow:hidden}.linked-samples>button:hover{color:#ff2442;background:#fff0f2}.linked-samples .sample-add-link{color:#ff2442;text-align:center;background:0 0;border:1px dashed #ffd0d7}.sample-category{color:#ff526b!important}.sample-modal{width:min(760px,96vw)}.admin-menu{align-items:center;gap:8px;display:flex}.admin-menu .secondary{padding:6px 10px;font-size:11px}.auth-loading{color:#777;background:#f6f7f9;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.login-page{background:radial-gradient(circle at 15% 15%,#ffe7eb 0,#0000 32%),radial-gradient(circle at 85% 80%,#f1eaff 0,#0000 30%),#f7f8fa;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #ebecef;border-radius:18px;width:min(420px,100%);padding:32px;box-shadow:0 24px 70px #2021241a}.login-brand{align-items:center;gap:11px;display:flex}.login-brand>span{color:#fff;background:linear-gradient(135deg,#ff2442,#ff7087);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.login-brand b,.login-brand small{display:block}.login-brand b{color:#ff2442;font-size:19px}.login-brand small{color:#9a9fa8;margin-top:2px}.login-copy{margin:30px 0 22px}.login-copy h1{margin:0 0 8px;font-size:25px}.login-copy p{color:#9297a1;margin:0;font-size:12px;line-height:1.7}.login-card form{flex-direction:column;gap:15px;display:flex}.login-card form label{color:#575c66;font-size:12px;font-weight:650}.login-card form input{border:1px solid #dfe1e6;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.login-card form input:focus{border-color:#ff2442;box-shadow:0 0 0 3px #ff244218}.login-card form .primary{width:100%;margin-top:3px;padding:11px}.login-error{color:#c62c45;background:#fff2f4;border:1px solid #ffd2d9;border-radius:8px;padding:9px 11px;font-size:11px}.login-foot{text-align:center;color:#b0b4bc;margin-top:20px;display:block}.search-panel,.trend-panel{margin-bottom:14px;padding:18px}.search-row{gap:9px;display:flex}.search-row input{border:1px solid #dfe1e6;border-radius:8px;outline:none;flex:1;padding:9px 10px}.trend-panel .bar-row span{width:110px}.trend-panel .bar-row i{max-width:45%}.trend-panel .bar-row b{white-space:nowrap;font-size:11px}.row-actions{gap:8px;display:flex;flex:none!important}.upload-button{cursor:pointer}.toolbar .filters{margin-bottom:0}.manual-note-modal .section-label{margin:16px 0 9px;font-size:12px;display:block}.manual-note-modal .metric-grid{margin-bottom:12px}.studio{grid-template-columns:minmax(220px,260px) minmax(300px,390px) minmax(380px,1fr);gap:16px;max-width:1380px;margin:0 auto}.results{min-width:0}.editor{min-width:0;padding:20px}.note-card{cursor:pointer;background:#fff;padding:0;overflow:hidden}.note-card-body{padding:14px 16px 16px}.note-cover{aspect-ratio:3/2;text-align:center;background:linear-gradient(145deg,#ffedf1,#ffe1cd 54%,#f9b6c3) 50%/cover;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.note-cover:after{content:"";background:linear-gradient(#0000 45%,#1c0b1124);position:absolute;inset:0}.note-cover strong{z-index:1;color:#3b2027;text-shadow:0 1px #fff8;max-width:90%;font-size:20px;line-height:1.35;position:relative}.note-ai{z-index:2;background:#ffffffde;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0001}.note-card .note-head{justify-content:flex-end}.note-card h3{margin:10px 0 7px}.note-card-body>p{-webkit-line-clamp:4}.note-card.selected{border-color:#ff6078;box-shadow:0 0 0 2px #ff244222,0 10px 28px #ff244218}.tag-row span{color:#2877d4;background:0 0;padding:2px 0}.tag-row{column-gap:9px}.copy-btn{width:100%;margin-top:14px}.cover-maker{background:#fafbfc;border:1px solid #e7e9ed;border-radius:12px;margin-top:18px;padding:16px}.cover-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cover-heading span{color:#9499a3;font-size:11px}.asset-empty{color:#8a8f99;background:#fff;border:1px dashed #d8dbe1;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;padding:12px;font-size:12px;display:flex}.cover-tabs{margin:14px 0 10px;display:flex}.cover-tabs button{flex:1}.cover-pane{animation:.18s fade-in}.cover-options>.field{flex:1;margin:5px 0}.cover-actions button{min-height:38px}.secondary:disabled,.ghost:disabled,.generate:disabled{opacity:.45;cursor:not-allowed}.video-preview{margin-top:12px}.video-preview video{background:#16171a;border-radius:9px;width:100%;max-height:360px;margin-bottom:9px;display:block}.video-preview a{text-decoration:none}.empty .link{font-weight:600}.empty{min-height:180px}.empty svg{color:#ff8294}.edit-form textarea{line-height:1.6}.edit-form>label{margin:10px 0}.cover-maker .compliance{margin-bottom:0}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (width<=1399px) and (width>=1101px){main{padding-left:24px;padding-right:24px}.studio{grid-template-columns:minmax(210px,240px) minmax(280px,340px) minmax(360px,1fr)}}@media (width<=1100px){.studio{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.editor{grid-column:1/-1;position:static}}@media (width<=767px){.studio{grid-template-columns:1fr}.note-cover{aspect-ratio:16/9}.cover-heading,.asset-empty{flex-direction:column;align-items:flex-start}}.slim{color:#202124;background:#fff;border:1px solid #dfe1e6;border-radius:8px;padding:5px 8px;font-size:12px}.pool-cat{color:#8a8f99;margin-top:4px;font-size:11px}.topic-context{border-radius:9px;flex-direction:column;gap:4px;margin:-2px 0 12px;padding:10px;font-size:11px;display:flex}.topic-context b{font-size:12px;line-height:1.45}.topic-context span{color:#737883}.topic-context small{font-weight:600}.topic-context.matched{color:#27835a;background:#eef9f3}.topic-context.weak{color:#9b711f;background:#fff8e9;border:1px solid #ffe2a9}.result-topic{color:#ff2442;background:#fff7f8;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 9px;display:flex}.result-topic>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-topic span{color:#a06a72;font-size:10px}.result-topic b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.result-topic em{white-space:nowrap;border-radius:10px;padding:3px 6px;font-size:10px;font-style:normal}.result-topic em.pass{color:#27835a;background:#e8f7ef}.result-topic em.fail{color:#d92d49;background:#fff0f2}.kb-grid>.empty{background:#fff;border:1px solid #e8e9ed;border-radius:13px;grid-column:1/-1;width:100%;min-height:250px;box-shadow:0 3px 12px #20212408}.page-empty{width:100%}.page-empty>.empty{min-height:280px}.empty-actions{align-items:center;gap:9px;margin-top:5px;display:flex}.product-toolbar{gap:16px}.product-toolbar>div:first-child{align-items:baseline;gap:12px}.product-helper{color:#9297a3;font-size:11px;font-weight:400}.product-filters{background:#fff;border:1px solid #e8e9ed;border-radius:11px;align-items:center;gap:9px;margin-bottom:14px;padding:12px 14px;display:flex}.product-filters input,.product-filters select{background:#fff;border:1px solid #dfe1e6;border-radius:8px;outline:none;padding:8px 10px}.product-filters input{width:min(360px,45vw)}.product-filters select{min-width:160px}.product-filters span{color:#8a8f99;margin-left:auto;font-size:11px}.product-table{min-width:1160px}.product-table td{vertical-align:middle}.product-table-wrap{max-width:100%}.product-identity{align-items:center;gap:11px;min-width:220px;display:flex}.product-identity>img,.product-identity>span{object-fit:cover;border-radius:9px;flex:none;width:48px;height:48px}.product-identity>span{color:#a2a6af;background:#f2f3f5;justify-content:center;align-items:center;display:flex}.product-identity>div{min-width:0}.product-identity b{white-space:nowrap;text-overflow:ellipsis;max-width:240px;display:block;overflow:hidden}.category-pill{color:#d92d49;white-space:nowrap;background:#fff0f2;border-radius:15px;padding:5px 9px;font-size:11px;display:inline-flex}.selling-points{flex-wrap:wrap;gap:5px;max-width:220px;margin-top:7px;display:flex}.selling-points span{color:#686d78;background:#f3f4f6;border-radius:12px;padding:3px 7px;font-size:10px}.compact-assets{flex-wrap:nowrap;min-width:130px}.compact-assets .asset-thumb,.compact-assets .asset-add{width:46px;height:46px}.product-table .row-actions{white-space:nowrap}.product-table .row-actions button{padding:6px 8px;font-size:11px}.product-modal{width:min(820px,96vw)}.product-current-assets{margin:12px 0}.product-current-assets>span{color:#616671;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.file-summary{color:#747985;word-break:break-all;background:#f5f7fa;border-radius:8px;padding:8px 10px;font-size:11px}.import-modal{width:min(980px,97vw)}.import-drop{color:#777;cursor:pointer;background:#fafbfc;border:1.5px dashed #cfd3da;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;margin:14px 0;display:flex}.import-drop:hover{background:#fff8f9;border-color:#ff8294}.import-drop svg{color:#ff5c75}.import-drop span{color:#9a9ea7;font-size:11px}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.section-title{margin:18px 0 4px;font-size:13px}.import-preview{border:1px solid #eaebee;border-radius:9px;max-height:230px}.import-preview table{min-width:760px}.import-preview td{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}@media (width<=900px){.mapping-grid{grid-template-columns:1fr 1fr}.product-toolbar{flex-direction:column;align-items:flex-start}.product-filters{flex-wrap:wrap;align-items:stretch}.product-filters input{width:100%}.product-filters span{margin-left:0}.empty-actions{flex-direction:column}.empty-actions button{width:100%}}@media (width<=600px){.mapping-grid,.product-modal .grid,.import-modal .grid{grid-template-columns:1fr}.product-helper{display:none}}.editor .cover-maker{display:none}.image-studio-callout{background:#fff7f8;border:1px solid #ffd2da;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.image-studio-callout div{flex-direction:column;gap:5px;display:flex}.image-studio-callout span{color:#7b8495;font-size:13px}.image-studio-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.image-setup,.image-create-panel{padding:20px}.image-setup{position:sticky;top:18px}.image-create-panel{min-height:620px}.section-label{margin:18px 0 10px;display:block}.image-create-panel .cover-options{margin-top:20px}.image-create-panel .empty{min-height:300px}.image-tool-nav{background:#fff;border:1px solid #e7e9ee;border-radius:12px;gap:8px;margin-bottom:14px;padding:7px;display:flex}.image-tool-nav button{color:#626b7a;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:150px;padding:10px 18px;display:flex}.image-tool-nav button.on{color:#ff2442;background:#fff0f2;box-shadow:inset 0 0 0 1px #ffc7d0}.image-panel-title{border-bottom:1px solid #edf0f4;flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.image-panel-title b{font-size:18px}.image-panel-title span{color:#8a93a3;font-size:13px}.image-local-upload{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:7px;width:100%;margin-bottom:10px;display:flex}.extract-layout{grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:650px;display:grid}.extract-input,.extract-result{padding:20px}.extract-input textarea{box-sizing:border-box;width:100%;margin:12px 0}.extract-result .empty{min-height:560px}.asset-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.asset-gallery article{background:#fff;border:1px solid #eceef2;border-radius:12px;overflow:hidden}.asset-gallery img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.asset-gallery article div{gap:8px;padding:10px;display:flex}.asset-gallery article div>*{text-align:center;flex:1}@media (width<=1050px){.image-studio-layout{grid-template-columns:1fr}.image-setup{position:static}}@media (width<=800px){.image-tool-nav{overflow:auto}.image-tool-nav button{min-width:130px}.extract-layout{grid-template-columns:1fr}}
