:root{--bg:#f6f7f2;--ink:#2c382b;--line:#e4e9dc;--lime:#d9ed96;--side:222px;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input,select,textarea,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ea958;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);background:#fbfcf8;border-right:1px solid var(--line);padding:29px 18px 18px;overflow:auto;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;margin:0 8px 34px;font-weight:600;font-size:18px;letter-spacing:-.5px}.brand-icon{background:var(--lime);width:39px;height:39px;display:flex;align-items:center;justify-content:center;letter-spacing:-3px;padding-right:3px;font-size:27px;border-radius:11px;font-weight:500}.brand small{display:block;color:#9ba68e;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:400}.side-title{margin:0 11px 10px;font-size:10px;letter-spacing:1px;color:#a0ac91;display:flex;justify-content:space-between}.side-title span{font-size:9px;letter-spacing:0}.nav-item,.category-item{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:6px;color:#859575;text-align:left}.nav-item{padding:11px 12px;font-size:11px;margin-bottom:3px}.nav-item.active{background:var(--lime);color:#41562c;font-weight:500}.nav-item small,.category-item small{font-size:10px;color:#99a888;font-weight:400}.nav-item.active small{color:#6b814b}.category-caption{margin-top:28px}.category-item{padding:8px 12px;font-size:11px;margin-bottom:2px}.category-item:hover,.nav-item:hover:not(.active){background:#eef3e5}.category-item.active{background:#e9f0db;color:#526e37;font-weight:500}.side-foot{margin:25px 9px 0;padding-top:18px;border-top:1px solid var(--line);font-size:9px;color:#91a17f;line-height:1.8}.side-foot i{display:inline-block;border:1px solid #9bb47a;width:5px;height:5px;border-radius:50%;margin-right:5px}.side-foot p{font-size:8px;color:#a8b09e;margin:3px 0 0}.main-shell{margin-left:var(--side)}header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fbfcf8;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#8a997b}.breadcrumb i{font-style:normal;margin:0 13px;color:#b2bea5}.header-actions{display:flex;gap:9px}.button{background:white;border:1px solid var(--line);border-radius:6px;color:#5d7545;padding:9px 14px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.button:hover{background:#eef4e3}.button.primary{background:#344b2c;border-color:#344b2c;color:white}.button.primary:hover{background:#526c40}.button:disabled{opacity:.4;cursor:default}main{max-width:1550px;margin:auto;padding:32px 40px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:#95a77e;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:17px;height:1px;background:#a0b87e}h1{font-size:29px;letter-spacing:-1px;font-weight:600;margin:12px 0 9px}.page-intro p{font-size:11px;color:#93a183;line-height:1.8;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:29px;padding:20px 0}.stat{padding:0 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-label{font-size:10px;color:#93a280;display:flex;align-items:center;gap:7px}.stat-label>span{font-size:14px;color:#a3b28f}.stat-value{font-size:29px;font-weight:500;letter-spacing:-.5px;line-height:1.25;margin:7px 0 4px}.stat-value small{font-size:10px;margin-left:6px;color:#a1ae94;font-weight:400}.stat p{font-size:9px;color:#a6b09a;margin:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-header h2{font-size:15px;font-weight:500;margin:0;display:flex;gap:12px;align-items:center;scroll-margin-top:15px}.section-header h2>span{font-size:9px;color:#9daa8f;font-weight:400}.text-button{border:0;background:transparent;color:#8b9d75;padding:5px 0;font-size:10px}.text-button:hover{color:#556f38;text-decoration:underline}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.summary-card{padding:17px 18px;background:white;border:1px solid var(--line);border-radius:8px;min-height:142px}.summary-title{font-size:11px;color:#5f754a;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:5px}.summary-title span{font-size:8px;color:#a2b08f}.bar-row{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:9px;color:#8d9f78}.bar-row>span{min-width:61px}.bar-row>b{min-width:18px;text-align:right;font-weight:400;font-size:10px;color:#8c9e76}.bar-track{height:4px;background:#f0f4e9;border-radius:4px;flex:1;overflow:hidden}.bar-track i{display:block;height:100%;background:#c6db9b;border-radius:4px}.bar-row:nth-child(3) .bar-track i{background:#d2e3b3}.bar-row:nth-child(4) .bar-track i{background:#a9c57c}.structure-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.structure-summary button{background:none;border:0;padding:0;display:flex;justify-content:space-between;color:#94a382;font-size:9px;gap:5px}.structure-summary button:hover{color:#526e34}.structure-summary b{font-size:10px;font-weight:400;color:#6d8652}.dataset-section{margin-top:29px}.toolbar{display:flex;align-items:center;gap:10px;margin-top:17px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 12px;flex:1;max-width:370px;color:#99aa85}.search input{width:100%;border:0;background:none;outline:none;font-size:11px;min-width:0;color:#5a7243}.search input::placeholder{color:#a6b395}.toolbar select{padding:9px 11px;font-size:10px;color:#81976a;border:1px solid var(--line);border-radius:6px;background:white;max-width:180px}.toolbar>.text-button{margin-left:auto;white-space:nowrap}.tag-filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 10px}.tag-filter{padding:5px 9px;border:1px solid #e0e8d4;border-radius:4px;background:transparent;color:#99a98a;font-size:9px}.tag-filter.active{color:#627d45;border-color:#d1dfba;background:#e9f0dd}.tag-filter:hover{background:#eef3e5}.collection-note{font-size:9px;color:#a7b29c;margin:10px 0 16px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.sample-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;transition:border-color .2s,box-shadow .2s}.sample-card:hover{border-color:#b7cb96;box-shadow:0 5px 15px #45632108}.image-area{position:relative;width:100%;height:167px;background:#eef3e6;border:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e9efdf;padding:0}.image-area:before{content:'';position:absolute;inset:0;background:radial-gradient(#c3d1b0 .6px,transparent .6px);background-size:12px 12px;opacity:.45}.model-preview{height:135px;position:relative;opacity:.85}.model-preview svg{height:100%;width:170px}.placeholder-label{position:absolute;bottom:11px;font-size:8px;color:#a2b18e;letter-spacing:.6px}.group-badge{position:absolute;left:10px;top:10px;background:#f9fbf3dc;border:1px solid #dde7d1;border-radius:4px;font-size:8px;padding:3px 6px;color:#8aa06f;backdrop-filter:blur(4px)}.image-action{position:absolute;inset:0;background:#35492979;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;opacity:0;transition:.2s}.image-area:hover .image-action,.image-area:focus-visible .image-action{opacity:1}.image-area.has-image{background:#f2f4ed}.image-area.has-image:before{display:none}.image-area img{width:100%;height:100%;object-fit:contain;font-size:10px;color:#91a57c}.card-info{padding:14px 14px 11px}.card-heading{display:flex;align-items:center;gap:5px;justify-content:space-between}.card-heading h3{font-size:12px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-button{border:1px solid #e7eddf;background:#fafcf6;color:#92a57a;min-width:23px;height:23px;border-radius:4px;padding:0;flex-shrink:0;font-size:13px}.edit-button:hover{background:#e8f0da;color:#5f7d3f}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:#9aaa89;margin:9px 0 10px;gap:4px}.image-status{font-size:8px;color:#b1bba6;white-space:nowrap}.image-status.ready{color:#8dab64}.card-tags{display:flex;gap:4px;flex-wrap:wrap;min-height:21px}.card-tags button,.card-tags>span{border:1px solid #e5ebdc;background:#f7f9f2;font-size:8px;padding:3px 5px;border-radius:3px;color:#91a37d}.card-tags button:hover{background:#e8f0da}.card-id{font-size:8px;color:#b2bea5;border-top:1px solid #eef2e7;margin-top:12px;padding-top:8px;letter-spacing:.3px}.empty{text-align:center;padding:50px 25px;border:1px dashed #d6e2c6;border-radius:8px;grid-column:1/-1;color:#829b65}.empty strong{font-size:14px;font-weight:500}.empty p{font-size:11px;color:#a3b191}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#abb79d;padding:20px 0 6px}footer>span:first-child{letter-spacing:2px}.overlay{position:fixed;inset:0;background:#26391b45;backdrop-filter:blur(3px);z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:450px;max-width:100%;padding:29px;background:#fcfdf9;z-index:31;overflow:auto;box-shadow:-15px 0 60px #2c401c1a}.drawer-header{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a1b18d}.close{background:white;border:1px solid var(--line);border-radius:5px;width:28px;height:28px;color:#8aa26c;font-size:20px}.drawer h2{font-size:25px;font-weight:500;margin:19px 0 11px;letter-spacing:-.5px}.drawer-intro{font-size:11px;line-height:1.9;color:#97a783;margin:0 0 22px}.drawer label{display:block;font-size:11px;color:#7e9666;margin:19px 0 8px}.drawer label small{font-size:9px;color:#a6b496;margin-left:5px}.drawer input:not([type=checkbox]),.drawer select,.drawer textarea{width:100%;padding:10px 11px;background:white;border:1px solid #dce5cf;border-radius:5px;color:#647f49;font-size:12px}.drawer textarea{min-height:86px;resize:vertical;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-tags{display:flex;flex-wrap:wrap;gap:7px}.edit-tags label{display:flex;align-items:center;gap:4px;border:1px solid #e0e8d4;background:#f1f5e9;padding:7px 8px;border-radius:4px;margin:0;font-size:10px;cursor:pointer}.edit-tags input{accent-color:#8fac61;margin:0;width:11px;height:11px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.danger{color:#a49378}#toast{position:fixed;bottom:28px;left:calc(50% + 80px);transform:translate(-50%,15px);background:#344b2b;color:white;padding:12px 20px;border-radius:7px;z-index:50;font-size:11px;opacity:0;transition:.2s;pointer-events:none;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}#undo{border:0;background:#d9ecae;color:#3d542b;border-radius:4px;padding:4px 9px;margin-left:8px;font-size:10px}@media(min-width:1650px){main{padding:36px 50px}header{padding:0 50px}.image-area{height:185px}.cards{gap:20px}.card-info{padding:15px 17px 12px}.card-heading h3{font-size:13px}.card-meta{font-size:10px}.card-tags button{font-size:9px}.model-preview{height:150px}}@media(max-width:1250px){:root{--side:196px}.sidebar{padding-left:14px;padding-right:14px}.brand{font-size:16px;margin-left:5px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:27px 28px}header{padding:0 28px}.summary-grid{gap:10px}.summary-card{padding:15px}.summary-title{font-size:10px}.summary-title span{font-size:7px}.structure-summary{gap:9px 10px}.structure-summary button{font-size:8px}.stat{padding:0 18px}.stat p{font-size:8px}}@media(max-width:940px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:last-child{grid-column:1/-1;min-height:0}.structure-summary{grid-template-columns:repeat(4,1fr)}.summary-card:last-child .summary-title{margin-bottom:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}.page-intro p{font-size:10px}.stat{padding:0 13px}.stat-label{font-size:9px}.stat p{display:none}.stat-value{font-size:25px}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.toolbar select{flex:1;max-width:none}.page-intro{gap:10px}.structure-summary button{font-size:9px}}@media(max-width:650px){:root{--side:0px}.sidebar{position:static;width:100%;height:auto;padding:16px 18px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{margin:0 0 16px}.brand-icon{width:33px;height:33px;font-size:23px;border-radius:9px}.brand small{font-size:7px}.side-title,.side-foot,#category-nav{display:none}#group-nav{display:flex;gap:5px;overflow:auto}.nav-item{font-size:9px;padding:8px;gap:6px;white-space:nowrap;border:1px solid #e5ecd9;margin:0}.nav-item small{font-size:8px}header{height:55px;padding:0 18px}.breadcrumb{font-size:9px}.breadcrumb i{margin:0 6px}.header-actions{gap:5px}.header-actions .button{padding:7px 9px;font-size:9px}main{padding:25px 18px}.page-intro{align-items:flex-start;margin-bottom:22px}.page-intro .button{font-size:9px;padding:8px 10px;align-self:center}h1{font-size:21px;line-height:1.5;margin:10px 0 8px;letter-spacing:-.7px;max-width:200px}.eyebrow{font-size:7px;letter-spacing:1px}.page-intro p{font-size:9px;max-width:220px}.stats{padding:16px 0;margin-bottom:24px}.stat{padding:0 10px}.stat-label{font-size:8px;gap:3px}.stat-label>span{display:none}.stat-value{font-size:24px}.stat-value small{font-size:8px;margin-left:4px}.section-header h2{font-size:14px;gap:6px}.section-header h2>span{font-size:8px}.summary-grid{gap:9px}.summary-card{padding:12px}.summary-title{font-size:9px;display:block;margin-bottom:12px}.summary-title>span{display:block;font-size:7px;margin-top:3px}.bar-row{font-size:8px;gap:7px}.bar-row>span{min-width:52px}.bar-row>b{font-size:9px}.structure-summary{grid-template-columns:repeat(2,1fr);gap:9px 22px}.summary-card:last-child .summary-title{display:flex}.dataset-section{margin-top:24px}.dataset-section>.section-header .button{font-size:9px;padding:8px 10px}.toolbar select{font-size:9px;padding:8px}.toolbar .text-button{font-size:9px}.search input{font-size:10px}.tag-filters{gap:5px}.tag-filter{padding:5px 7px;font-size:8px}.collection-note{font-size:8px}.cards{gap:10px}.image-area{height:145px}.model-preview{height:118px}.model-preview svg{width:140px}.group-badge{font-size:7px;left:8px;top:8px}.placeholder-label{font-size:7px}.card-info{padding:11px 10px 9px}.card-heading h3{font-size:11px}.edit-button{min-width:21px;height:21px}.card-meta{font-size:8px}.image-status{font-size:7px}.card-tags{gap:3px}.card-tags button{font-size:7px;padding:3px}.card-id{font-size:7px}footer{display:block;line-height:2;font-size:7px}footer>span{display:block}.drawer{padding:23px}#toast{left:50%;font-size:10px;min-width:220px}}

.blank-upload{font-size:26px;color:#b9c7a6;font-weight:400;display:flex;align-items:center;flex-direction:column;gap:6px}.blank-upload small{font-size:9px;color:#a8b898}.image-area:not(.has-image){background:#f5f7f1}.image-area:before{display:none}.class-scope{font-size:10px;color:#9bab8b;line-height:1.8;min-height:34px;margin:8px 0}.class-styles{font-size:8px;color:#8fa37a;padding:8px 0 12px}.class-count{display:flex;justify-content:space-between;border-top:1px solid #ebf0e3;margin-top:14px;padding-top:10px;font-size:9px;color:#a4b193}.class-count b{font-weight:400;color:#8fa378}#actual-samples{margin-top:35px}.quota-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#89a06d;padding:8px 0}.quota-row input{max-width:75px!important}.card-tags>span{font-size:8px;color:#91a37d;padding:3px 5px;border:1px solid #e5ebdc;border-radius:3px}

.classification-card{display:flex;flex-direction:column}.classification-card .card-info{order:0}.classification-card .image-area{order:1;height:112px;border-top:1px solid #e7edde;border-bottom:0}.classification-card .card-heading h3{font-size:15px}.class-scope{color:#849775}.class-styles{color:#7f956b}.class-count{color:#8d9f7b}.blank-upload{font-size:22px}.blank-upload small{font-size:9px}

.style-subclasses{margin:12px 0 14px}.subclass-heading{display:flex;justify-content:space-between;color:#81966d;font-size:10px;border-top:1px solid #edf1e7;padding:11px 0 7px}.subclass-heading>span{font-size:8px;color:#9cac8b}.style-subclass{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;border-radius:4px;padding:7px 4px;color:#667f50;font-size:11px}.style-subclass>span{display:flex;align-items:center;gap:7px}.style-subclass i{height:5px;width:5px;border-radius:50%;background:#b0c58e}.style-subclass b{font-size:11px;font-weight:500}.style-subclass small{font-size:9px;font-weight:400;color:#a1b08f}.style-subclass:hover,.style-subclass.selected{background:#edf3e3}.style-subclass.selected i{background:#6f8c49}.controlled-label{font-size:10px;color:#8da475;padding:8px 0}.side-styles{border-left:1px solid #d9e4ca;margin:0 10px 8px 17px;padding:3px 0 3px 10px}.side-styles button{display:flex;width:100%;justify-content:space-between;padding:6px;border:0;background:none;color:#95a782;font-size:10px;border-radius:3px}.side-styles button.selected{background:#edf3e3;color:#617f42}.side-styles small{font-size:9px}.style-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0 12px;padding:14px 16px;border:1px solid #e2e9d7;background:#f1f5e9;border-radius:6px}.style-guide strong{font-size:11px;font-weight:500;color:#718b56}.style-guide p{font-size:9px;line-height:1.9;color:#93a580;margin:5px 0 0}@media(max-width:650px){.style-guide{grid-template-columns:1fr;gap:9px;padding:12px}.style-guide>div{display:flex;align-items:flex-start;gap:10px}.style-guide strong{font-size:10px;min-width:35px;margin-top:2px}.style-guide p{font-size:9px;margin:0}.style-subclass{font-size:10px}.subclass-heading{font-size:9px}.subclass-heading>span{font-size:7px}}

/* High-contrast classification overview and focused asset galleries. */
:root{--bg:#f5f6fa;--ink:#202435;--line:#e0e3ec;--lime:#7563ff}body{color:#202435}.sidebar{background:#202437;border-color:#202437}.brand{color:#fff;font-size:19px}.brand-icon{color:#fff;background:#7563ff}.brand small{color:#a9b0ca;font-size:9px}.side-title{color:#9da7c4;font-size:11px}.nav-item{color:#c1c8dc;font-size:13px;padding:12px}.nav-item small{color:#acb6d1;font-size:11px}.nav-item.active{background:#7563ff;color:#fff}.nav-item.active small{color:#e9e5ff}.nav-item:hover:not(.active),.category-item:hover{background:#2b3048}.category-item{font-size:13px;color:#c5ccdf;padding:9px 12px}.category-item small{font-size:11px;color:#99a5c3}.category-item.active{color:#fff;background:#393353;border-left:3px solid #a798ff}.side-foot{border-color:#3a4058;color:#a8b4d0;font-size:10px}.side-foot p{color:#8f9cba;font-size:9px}.side-styles{border-color:#515675}.side-styles button{font-size:12px;color:#b6c0dc}.side-styles button.selected{background:#3b355e;color:#fff}.side-styles small{font-size:10px}.side-styles button:hover{background:#30364f}header{background:#fff}.breadcrumb{font-size:12px;color:#646f89}.button{font-size:12px;color:#4d5680;border-color:#dce0eb;padding:10px 15px;font-weight:500}.button:hover{background:#f0edff;border-color:#b7acf9}.button.primary{background:#6f58ed;border-color:#6f58ed;box-shadow:0 3px 9px #6f58ed22}.button.primary:hover{background:#5c43d6}.eyebrow{color:#7364ab;font-size:10px}.eyebrow:before{background:#8f79e6}h1{font-size:32px;color:#202435;font-weight:700}.page-intro p{font-size:13px;color:#66718b}.stats{box-shadow:0 3px 12px #27335303}.stat-label{color:#67738d;font-size:12px;font-weight:500}.stat-value{color:#29243e;font-size:34px;font-weight:600}.stat-value small{font-size:12px;color:#8a91a5}.stat p{font-size:11px;color:#7b859d}.section-header h2{font-size:18px;font-weight:600;color:#282d42}.section-header h2>span{font-size:11px;color:#78849d}.text-button{font-size:11px;color:#7662ba}.text-button:hover{color:#5f43be}.summary-title{font-size:13px;color:#4a5275;font-weight:500}.summary-title span{font-size:10px;color:#8a93a9}.bar-row{font-size:11px;color:#6e7894}.bar-row>span{min-width:72px}.bar-row>b{font-size:12px;color:#555c7d}.bar-track{height:5px;background:#f1eff8}.bar-track i,.bar-row:nth-child(3) .bar-track i,.bar-row:nth-child(4) .bar-track i{background:#a597f1}.bar-row[data-label="风格化"] .bar-track i{background:#7964e7}.bar-row[data-label="二次元"] .bar-track i{background:#df77b6}.bar-row[data-label="写实"] .bar-track i{background:#dca257}.structure-summary button{font-size:11px;color:#727e98}.structure-summary b{font-size:11px;color:#6e5aa7}.search{border-color:#dfe3ed}.search input{font-size:12px;color:#46506d}.search input::placeholder{color:#939bb0}.toolbar select{font-size:12px;color:#616c89}.tag-filter{font-size:11px;color:#7a849e;border-color:#dce2ee}.tag-filter.active{background:#eee9ff;color:#6a4eb2;border-color:#cbbfed}.tag-filter:hover{background:#f0edfb}.collection-note{font-size:11px;color:#7f89a0}.sample-card{border-color:#dce1ed;box-shadow:0 2px 5px #20243703}.sample-card:hover{border-color:#b6a9eb;box-shadow:0 7px 18px #54468c0a}.classification-card .card-heading h3{font-size:17px;font-weight:600;color:#292d40}.card-heading h3{font-size:14px}.class-scope{font-size:12px;color:#76819a;min-height:38px}.edit-button{color:#7c68bd;border-color:#e2dff0;background:#faf8ff;min-width:27px;height:27px;font-size:15px}.subclass-heading{font-size:11px;color:#7d86a0;border-color:#ebeaf2}.subclass-heading>span{font-size:10px;color:#9aa1b5}.style-subclass{font-size:13px;color:#4e5874;padding:8px 5px}.style-subclass b{font-size:13px;color:#444d6c}.style-subclass small{font-size:11px;color:#9ca4ba}.style-subclass i{background:#7964e7;width:6px;height:6px}.style-subclass[data-style-value="二次元"] i{background:#df77b6}.style-subclass[data-style-value="写实"] i{background:#dca257}.style-subclass:hover,.style-subclass.selected{background:#f1edfd}.card-tags button,.card-tags>span{background:#f5f5fb;border-color:#e4e5f0;color:#7c84a0;font-size:10px}.card-tags button:hover{background:#ebe6fc}.class-count{font-size:11px;color:#8892ab;border-color:#e9ecf3}.class-count b{color:#6b7794}.classification-card .image-area{border-color:#e7e8f1}.image-area:not(.has-image){background:#f7f8fc}.blank-upload{color:#b3accd}.blank-upload small{color:#9b94b1;font-size:10px}.image-action{background:#4e3b9c99}.image-area.has-image{background:#f4f5fa}.card-meta{font-size:11px;color:#76829b}.image-status{color:#9ca6bb}.style-guide{background:#efedfa;border-color:#e2def4;gap:18px}.style-guide strong{font-size:12px;color:#6e56a5}.style-guide p{font-size:11px;color:#8085a3}.drawer{background:#fcfcfe}.drawer h2{font-size:27px;font-weight:600;color:#2e2b40}.drawer-header{color:#8d83a5}.drawer-intro{font-size:12px;color:#8188a0}.drawer label{font-size:12px;color:#656c8b}.drawer input:not([type=checkbox]),.drawer select,.drawer textarea{font-size:13px;color:#454b68;border-color:#dcdfea}.edit-tags label{background:#f3f0fb;color:#7f739b;border-color:#e2dcee;font-size:11px}.edit-tags input{accent-color:#8066d6}.quota-row{font-size:12px;color:#766b91}.danger{color:#ae7682}.close{color:#8a7ca7}.empty{border-color:#d7d9eb;background:#fafaff;color:#8c81a8}.empty strong{font-size:16px;color:#72748c}.empty p{font-size:12px;color:#a0a3b6}.empty .button{margin-top:9px}.empty-upload-icon{display:block;font-size:35px;color:#c3b9dc;margin-bottom:13px}.back-overview{margin-bottom:23px;font-size:12px}.category-style-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.category-style-tabs button{display:flex;align-items:center;gap:12px;font-size:12px;background:#fff;color:#77819b;border:1px solid #e0e3ed;border-radius:6px;padding:10px 15px}.category-style-tabs button.active{background:#eee8ff;color:#6746b7;border-color:#d4c6ef}.category-style-tabs b{font-size:10px;background:#f0f1f7;border-radius:4px;padding:2px 6px;font-weight:500}.category-style-tabs button.active b{background:#e3d8fa;color:#7453ae}.category-view .page-intro,.category-view #stats,.category-view .summary-section,.category-view #style-guide,.category-view #tag-filters,.category-view .collection-note,.category-view #cards,.category-view #style-filter,.category-view #actual-samples>.section-header{display:none!important}.category-view .dataset-section{margin-top:0}.category-view .dataset-section>.section-header h2{font-size:25px;color:#292b3d}.category-view #actual-samples{margin-top:22px}.category-view .empty{padding:75px 25px}.category-view .toolbar{margin-top:0}.category-view main{padding-top:30px}.category-view #pagination{margin-top:20px}footer{font-size:10px;color:#9a9fb4;border-color:#e0e2ed}#toast{background:#50416e}
@media(max-width:940px){.stat p{display:none}.stat-label{font-size:10px}.stat-value{font-size:28px}.summary-title{font-size:12px}.summary-title span{font-size:9px}.structure-summary button{font-size:10px}.style-guide p{font-size:10px}}
@media(max-width:650px){.sidebar{padding-bottom:12px}.brand{font-size:17px}.nav-item{font-size:10px;padding:8px}.nav-item small{font-size:9px}.page-intro p{font-size:11px}h1{font-size:25px}.eyebrow{font-size:8px}.stat-label{font-size:9px}.stat-value{font-size:25px}.stat-value small{font-size:9px}.section-header h2{font-size:16px}.section-header h2>span{font-size:9px}.summary-title{font-size:11px}.bar-row{font-size:9px}.bar-row>span{min-width:59px}.bar-row>b{font-size:10px}.style-guide p{font-size:10px}.style-guide strong{font-size:11px}.tag-filter{font-size:9px}.collection-note{font-size:10px}.classification-card .card-heading h3{font-size:15px}.class-scope{font-size:10px;min-height:36px}.style-subclass{font-size:11px}.subclass-heading{font-size:9px}.subclass-heading>span{font-size:8px}.style-subclass b{font-size:11px}.style-subclass small{font-size:9px}.card-tags button,.card-tags>span{font-size:8px}.class-count{font-size:9px}.category-style-tabs{gap:6px}.category-style-tabs button{font-size:10px;padding:9px;gap:7px}.category-style-tabs b{font-size:9px}.category-view .dataset-section>.section-header h2{font-size:22px}.empty strong{font-size:14px}.empty p{font-size:11px}footer{font-size:8px}}

.category-name-button{border:0;background:none;padding:0;font-size:inherit;font-weight:inherit;color:inherit;display:flex;align-items:center;gap:10px}.category-name-button span{font-size:13px;color:#b5abc9;font-weight:400}.category-name-button:hover{color:#7152bb}.category-name-button:hover span{color:#7152bb}

.category-caption{margin-top:0}.asset-quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.asset-quota-grid>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#727e98}.asset-quota-grid b{font-size:12px;color:#555c7d;font-weight:500}.quota-note{font-size:10px;line-height:1.8;color:#8b94a9;margin:11px 0 0}.style-family{padding:2px 0}.style-family-children{margin-left:10px;padding-left:10px;border-left:1px solid #ded9ed}.style-family-children .style-subclass{font-size:12px;padding:7px 4px}.style-family-children .style-subclass i{width:4px;height:4px;opacity:.7}.side-style-children{margin-left:8px;padding-left:7px;border-left:1px solid #4c456a}.side-style-children button{font-size:11px}.side-style-family>button{font-weight:500}.gallery-style-family{display:flex;flex-direction:column;gap:7px}.gallery-style-family>button{align-self:stretch}.gallery-style-children{display:flex;gap:7px;padding-left:10px;border-left:2px solid #ddd4ef}.gallery-style-children button{font-size:11px;padding:8px 10px}.category-style-tabs{align-items:flex-start}.style-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.style-guide strong small{font-size:10px;font-weight:400;color:#9a8bb5}.style-guide .is-substyle{padding-left:12px;border-left:2px solid #ddd4ef}.style-subclass[data-style-value="干净卡通"] i{background:#30a6bb}.bar-row[data-label="干净卡通"] .bar-track i{background:#30a6bb}.bar-row[data-label="写实风格化"] .bar-track i,.bar-row[data-label="手绘风格化"] .bar-track i{background:#9b86d9}.bar-row[data-label="写实风格化"]>span,.bar-row[data-label="手绘风格化"]>span{padding-left:8px;border-left:1px solid #d9d0eb}.bar-row>span{min-width:86px}.style-subclasses .subclass-heading{margin-top:0}
@media(max-width:650px){.sidebar{padding-bottom:14px}.brand{margin-bottom:14px}#category-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:0 0 4px}#category-nav>.category-item{flex:0 0 auto;width:auto;gap:9px;font-size:11px;padding:8px 10px;border:1px solid #3b4159;margin:0}#category-nav>.category-item.active{background:#7563ff;border-color:#7563ff}#category-nav>.category-item small{font-size:9px}#category-nav>.side-styles{display:none}.asset-quota-grid{gap:9px 14px}.asset-quota-grid>div{font-size:10px}.asset-quota-grid b{font-size:11px}.bar-row>span{min-width:77px}.quota-note{font-size:9px}.style-family-children .style-subclass{font-size:10px;padding:7px 3px}.style-family-children{margin-left:6px;padding-left:7px}.style-guide{grid-template-columns:1fr}.style-guide .is-substyle{margin-left:8px;padding-left:9px}.style-guide strong{min-width:85px}.style-guide strong small{font-size:8px;display:block}.gallery-style-children{gap:5px;padding-left:7px}.gallery-style-children button{font-size:10px;padding:8px}.category-style-tabs{gap:8px}.category-style-tabs>button,.gallery-style-family>button{min-height:35px}}
.category-style-tabs{display:grid;grid-template-columns:repeat(5,max-content);gap:8px;justify-content:start}.gallery-style-family{display:contents}.gallery-style-children{grid-column:3/-1;order:10;align-items:center;justify-content:flex-start}.category-style-tabs>button,.gallery-style-family>button{order:0;white-space:nowrap}.gallery-style-children button{white-space:nowrap}.gallery-style-children{padding-top:2px;padding-bottom:2px}
@media(max-width:650px){.category-style-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.category-style-tabs>button,.gallery-style-family>button{padding:8px 4px;flex-direction:column;gap:4px;min-height:52px}.gallery-style-children{grid-column:3/-1;gap:5px;flex-wrap:wrap}.gallery-style-children button{font-size:9px;padding:6px;gap:4px}.gallery-style-children button b{font-size:8px;padding:1px 4px}}

/* Face-count hierarchy and per-sample attribute filters. */
.complexity-subclasses{margin:12px 0}.complexity-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 5px;border:0;border-radius:6px;background:transparent;color:#505970;text-align:left}.complexity-row:hover,.complexity-row.selected{background:#f1edff;color:#684fc1}.complexity-row>span{display:flex;flex-direction:column;gap:3px}.complexity-row strong{font-size:12px;font-weight:500}.complexity-row small{font-size:10px;color:#8992aa;white-space:nowrap}.complexity-row b{font-size:13px;color:#6f59b8;font-weight:600}.side-complexity{border-left:1px solid #4c456b;margin:1px 8px 10px 16px;padding:3px 0 3px 10px}.side-tier{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 7px;border:0;background:none;color:#bdc5dc;text-align:left;border-radius:5px;gap:5px}.side-tier>span{display:flex;flex-direction:column;gap:4px}.side-tier strong{font-size:12px;font-weight:500}.side-tier small{font-size:8px;color:#929ebb;white-space:nowrap}.side-tier b{font-size:11px;color:#a9b4d1;font-weight:400}.side-tier:hover,.side-tier.selected{background:#3b355e;color:#fff}.side-tier.selected small,.side-tier.selected b{color:#d0c9ee}.complexity-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.complexity-tabs button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:15px;border:1px solid #dfe2ed;border-radius:8px;background:white;color:#5d657d;min-width:0}.complexity-tabs button>span{display:flex;flex-direction:column;gap:7px}.complexity-tabs strong{font-size:13px;font-weight:500}.complexity-tabs small{font-size:10px;color:#9096aa;line-height:1.5}.complexity-tabs b{font-size:12px;font-weight:500;background:#f0f1f7;min-width:24px;padding:3px 7px;text-align:center;border-radius:5px}.complexity-tabs button:hover{border-color:#b6a4ee}.complexity-tabs button.active{background:#eee8ff;color:#6746b7;border-color:#c3b0ed;box-shadow:0 2px 7px #7563ff0a}.complexity-tabs button.active small{color:#9279bc}.complexity-tabs button.active b{background:#ded1fa;color:#6746b7}.gallery-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.gallery-actions>span{font-size:12px;color:#7d859d}.gallery-actions>div{display:flex;gap:8px}.attribute-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px 18px;background:#efecfa;border:1px solid #ddd6f0;border-radius:8px;margin:0 0 17px}.attribute-filters label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;color:#77649a}.attribute-filters select{width:100%;min-width:0;padding:10px 9px;font-size:12px;background:white;color:#505874;border:1px solid #dbd5ed;border-radius:5px}.attribute-filters p{grid-column:1/-1;font-size:10px;margin:0;color:#9285aa}.sample-complexity{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 0;margin-top:4px;border-bottom:1px solid #edf0f6}.sample-complexity strong{font-size:13px;font-weight:600;color:#5b4b94}.sample-complexity>span{font-size:9px;background:#f0ecfa;color:#8c75b5;padding:4px 6px;border-radius:4px;white-space:nowrap}.sample-complexity.pending strong,.sample-complexity.outside strong{color:#9892a4}.sample-attributes{margin:12px 0;display:grid;gap:9px}.sample-attributes>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;font-size:11px;align-items:baseline}.sample-attributes dt{color:#969eb4}.sample-attributes dd{margin:0;color:#56617c;overflow-wrap:anywhere}.sample-card .card-meta{border-top:1px solid #edf0f6;padding-top:10px}.classification-card .card-info{flex:1}.summary-processing{margin-top:14px;border-top:1px solid #ece9f3;padding-top:11px;font-size:11px;color:#8d819f}.summary-processing b{color:#7051b4;margin:0 5px}.field-hint{font-size:10px;color:#9a88b5;margin:8px 0 0;line-height:1.8}.class-tier-note{margin-top:24px}.category-view .dataset-section>.section-header h2>span{font-size:11px;color:#8a92a8}.category-view .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{min-width:0}.bar-row>span{min-width:90px}
@media(min-width:1500px){.category-view .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.complexity-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.category-view .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-filters{gap:10px;padding:14px}.attribute-filters select{font-size:11px}}
@media(max-width:650px){#category-nav>.side-complexity{display:none}.complexity-tabs{gap:8px;margin:18px 0}.complexity-tabs button{padding:12px;gap:6px}.complexity-tabs strong{font-size:12px}.complexity-tabs small{font-size:9px}.complexity-tabs b{font-size:10px;min-width:22px}.complexity-row{padding:10px 2px}.complexity-row strong{font-size:11px}.complexity-row small{font-size:8px;white-space:normal}.complexity-row b{font-size:12px}.gallery-actions>span{font-size:10px}.gallery-actions .button{font-size:10px;padding:8px 10px}.attribute-filters{grid-template-columns:1fr;padding:13px;gap:12px}.attribute-filters label{font-size:10px;gap:6px}.attribute-filters select{font-size:12px;padding:10px}.attribute-filters p{font-size:9px}.sample-complexity{flex-wrap:wrap}.sample-complexity strong{font-size:12px}.sample-complexity>span{font-size:8px;padding:3px 5px}.sample-attributes>div{font-size:10px;grid-template-columns:25px minmax(0,1fr);gap:5px}.sample-attributes{gap:8px}.sample-card .card-meta{font-size:9px}.category-view .dataset-section>.section-header h2>span{display:none}.category-view .empty{padding:50px 15px}.bar-row>span{min-width:76px}}

/* Source shortcuts directly below the complexity choices. */
.provenance-options{margin:0 0 20px;padding:16px 18px;background:#fff;border:1px solid #e0e3ed;border-radius:8px}.provenance-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}.provenance-heading strong{font-size:12px;font-weight:500;color:#666f88}.provenance-heading>span{font-size:10px;color:#9a9fb3}.provenance-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.provenance-tabs button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e4e5ee;background:#f8f9fc;color:#68718a;border-radius:6px;font-size:12px;text-align:left}.provenance-tabs b,.generation-options b{font-size:10px;font-weight:500;color:#929ab0;background:#ecedf5;padding:3px 7px;border-radius:4px}.provenance-tabs button:hover,.generation-options button:hover{border-color:#c0afea;background:#f5f0ff}.provenance-tabs button.active,.generation-options button.active{border-color:#c9b7ee;background:#eee8ff;color:#6c4cb6}.provenance-tabs button.active b,.generation-options button.active b{background:#dfd3f8;color:#7855bd}.generation-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #eeedf5;margin-top:14px;padding-top:14px}.generation-options>span{font-size:11px;color:#969bb0;margin-right:4px}.generation-options button{display:flex;align-items:center;gap:9px;border:1px solid #e5e3ee;background:white;color:#7f7894;padding:8px 11px;border-radius:5px;font-size:11px}.generation-options b{font-size:9px;padding:2px 5px}
@media(max-width:650px){.provenance-options{padding:13px;margin-bottom:16px}.provenance-heading{gap:10px}.provenance-heading strong{font-size:11px}.provenance-heading>span{font-size:9px}.provenance-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provenance-tabs button{font-size:11px;padding:10px}.generation-options{gap:6px;margin-top:12px;padding-top:12px}.generation-options>span{width:100%;font-size:10px;margin-bottom:2px}.generation-options button{font-size:10px;padding:7px 9px}}

/* Meshy branding, a dedicated overview entry, and four complexity tiers. */
.brand{gap:10px;margin-left:3px;margin-bottom:25px}.meshy-brand-icon{flex:0 0 44px;width:44px;height:44px;background:transparent!important;padding:0;border-radius:0;letter-spacing:normal}.meshy-brand-icon img{display:block;width:44px;height:44px;object-fit:contain}.overview-nav{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #3b405b;border-radius:7px;background:#292d44;color:#c7cfe4;font-size:13px;text-align:left;margin-bottom:23px}.overview-nav svg{color:#aaa3d1;flex-shrink:0}.overview-nav:hover{background:#35314f;border-color:#7666b0}.overview-nav.active{color:#fff;background:#6f58ed;border-color:#6f58ed;box-shadow:0 3px 10px #11132822}.overview-nav.active svg{color:#fff}.complexity-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.side-tier strong{font-size:11px}
@media(max-width:1150px){.complexity-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.brand{margin:0 0 14px}.meshy-brand-icon,.meshy-brand-icon img{width:37px;height:37px}.meshy-brand-icon{flex-basis:37px}.overview-nav{width:100%;margin:0 0 12px;padding:10px 12px;font-size:12px}.overview-nav svg{width:16px;height:16px}.complexity-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.complexity-tabs>button:first-child{grid-column:1/-1}.complexity-tabs>button:first-child>span{flex-direction:row;align-items:center;gap:12px}}

/* Full-width category composition within each complexity tier. */
.complexity-category-card{grid-column:1/-1;padding:24px 28px;border-radius:11px;border-color:#dfe3ee;min-width:0}.complexity-category-card .overview-chart-heading{margin-bottom:20px}.composition-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:#737c94;margin-bottom:20px}.composition-legend>span{display:flex;align-items:center;gap:8px}.composition-legend i,.matrix-category i{display:inline-block;width:9px;height:9px;border-radius:3px;flex-shrink:0}.tier-compositions{display:grid;gap:13px}.tier-composition-row{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:22px}.tier-composition-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#66718a}.tier-composition-label strong{font-weight:500}.tier-composition-label>span{font-variant-numeric:tabular-nums;color:#8f96a9}.tier-composition-bar{height:31px;background:#f1f2f7;border-radius:6px;overflow:hidden;display:flex;gap:2px}.tier-composition-bar>span{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:1}.matrix-description{color:#8992a8;font-size:11px;margin:22px 0 12px}.complexity-matrix-scroll{overflow-x:auto}.complexity-matrix{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed;text-align:left;font-variant-numeric:tabular-nums}.complexity-matrix caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.complexity-matrix th,.complexity-matrix td{padding:11px 18px;border-bottom:1px solid #edf0f6;line-height:1.6}.complexity-matrix thead th{background:#f6f5fb;color:#615779;font-weight:600;font-size:12px}.complexity-matrix thead th small{display:block;font-size:10px;color:#a099b2;font-weight:400}.complexity-matrix tbody th{font-size:12px;color:#606c86;font-weight:400}.matrix-category{display:flex;align-items:center;gap:10px}.complexity-matrix td{color:#67708a;font-size:12px}.complexity-matrix td>b{font-weight:500;display:inline-block;min-width:55px;color:#4c5471}.complexity-matrix td>b small{font-weight:400;font-size:10px;color:#a1a7b7}.complexity-matrix td>span{font-size:11px;color:#979fb2}.complexity-matrix tbody tr:hover{background:#faf9ff}.complexity-matrix tfoot{background:#f5f2fc}.complexity-matrix tfoot th{font-size:12px;color:#66528e}.complexity-matrix tfoot td{border-bottom:0}.complexity-matrix tfoot span{color:#87739f}@media(max-width:800px){.complexity-category-card{padding:20px 18px}.tier-composition-row{grid-template-columns:125px minmax(0,1fr);gap:14px}.composition-legend{gap:10px 15px;font-size:11px}.complexity-category-card .chart-unit{display:none}}@media(max-width:500px){.tier-composition-row{grid-template-columns:1fr;gap:7px}.tier-composition-label{justify-content:flex-start;gap:12px}.tier-composition-bar{height:27px}.matrix-description{line-height:1.8}.complexity-category-card .overview-chart-heading p{font-size:10px}.complexity-matrix th,.complexity-matrix td{padding:10px 12px}}

/* Collapsed overview groups match the sidebar; children are optional detail. */
.complexity-matrix{min-width:760px}.complexity-matrix th:first-child{width:27%}.matrix-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.matrix-caption .matrix-description{margin:0}.matrix-caption>span{font-size:11px;color:#9b91b4}.complexity-matrix .matrix-group th{padding:0 18px}.matrix-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:14px 0;background:none;border:0;text-align:left;color:#5f6784;font-size:12px;font-weight:500}.matrix-chevron{display:inline-block;color:#a196bd;transition:transform .15s}.matrix-group-toggle[aria-expanded=true] .matrix-chevron{transform:rotate(180deg)}.matrix-group-toggle:hover{color:#8062ba}.matrix-group-toggle:focus-visible{outline:2px solid #a48bde;outline-offset:3px;border-radius:3px}.matrix-children[hidden]{display:none!important}.complexity-matrix .matrix-children th,.complexity-matrix .matrix-children td{background:#faf9fd;font-size:11px;padding-top:9px;padding-bottom:9px}.matrix-child-label{padding-left:25px;color:#929ab0;position:relative}.matrix-child-label:before{content:'';position:absolute;left:12px;top:4px;width:5px;height:7px;border-left:1px solid #d8d2e5;border-bottom:1px solid #d8d2e5}.matrix-children td>b,.matrix-children td>span{color:#969cb0;font-size:11px}.matrix-group-toggle .matrix-category{line-height:1.5}.matrix-parent:hover{background:#faf8ff}@media(max-width:800px){.matrix-caption{align-items:flex-start;flex-direction:column;gap:6px}.complexity-matrix .matrix-group th{padding:0 12px}}

/* Overview charts use the same real sample data as the gallery. */
:root{--chart-track:#eeedf5}.stats{padding:23px 0}.stat-top{display:flex;align-items:center;gap:9px;margin-bottom:9px}.stat-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#eee9ff;color:#8060db;flex-shrink:0}.stat-icon svg{width:17px;height:17px}.stat:nth-child(2) .stat-icon{color:#368fb8;background:#e7f3fa}.stat:nth-child(3) .stat-icon{color:#29a48c;background:#e7f7f1}.stat:nth-child(4) .stat-icon{color:#cb9148;background:#fcf2e4}.stat-value{font-variant-numeric:tabular-nums;margin:7px 0 5px}.stat-label{font-size:12px;color:#65708c}.summary-grid{gap:18px;align-items:stretch}.overview-chart-card{padding:22px 23px 20px;min-height:0;border-radius:11px;border-color:#dfe3ee;background:#fff;box-shadow:0 3px 13px #28234103}.overview-chart-heading{display:flex;align-items:center;gap:10px;min-height:44px}.chart-heading-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#eee8fc;color:#8665d4}.chart-heading-icon svg{width:18px;height:18px}.chart-heading-icon.icon-tier{background:#e6f5f3;color:#2f9f93}.chart-heading-icon.icon-source{background:#e9efff;color:#6b82c9}.overview-chart-heading>div{min-width:0}.overview-chart-heading h3{font-size:16px;color:#30394f;font-weight:600;line-height:1.3;margin:0}.overview-chart-heading p{font-size:11px;color:#8a94aa;line-height:1.6;margin:5px 0 0}.chart-unit{font-size:10px;color:#9ca4b7;white-space:nowrap;margin-left:auto;align-self:flex-start;padding-top:4px}.overview-donut{position:relative;width:178px;height:178px;margin:18px auto 15px}.overview-donut>svg{display:block;width:100%;height:100%;overflow:visible}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.donut-center strong{font-size:34px;line-height:1.1;letter-spacing:-1px;color:#35334f;font-weight:600;font-variant-numeric:tabular-nums}.donut-center span{font-size:11px;color:#9ba4b8}.overview-donut.is-empty .donut-center strong{color:#7b7794}.overview-legend{display:grid;gap:0}.legend-category{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:21px}.legend-row{display:grid;grid-template-columns:8px minmax(0,1fr) minmax(16px,max-content) 42px;gap:9px;align-items:center;min-height:34px;font-size:12px;padding:7px 0}.legend-swatch{background:var(--swatch);width:7px;height:7px;border-radius:2px;display:block}.legend-name{min-width:0;display:flex;flex-direction:column;gap:4px}.legend-name>span{color:#65718c;line-height:1.5;overflow-wrap:anywhere}.legend-name small{font-size:10px;color:#a1a8bb;line-height:1.5}.legend-row>b{font-size:12px;color:#4e5875;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.legend-percent{text-align:right;font-size:11px;color:#a3a9ba;font-variant-numeric:tabular-nums}.legend-tier .legend-row{padding:8px 0;min-height:48px}.legend-tier .legend-swatch{align-self:start;margin-top:5px}.legend-tier .legend-row>b,.legend-tier .legend-percent{align-self:start;padding-top:2px}.legend-tier .legend-row+.legend-row{border-top:1px solid #f2f3f8}.decimated-summary{margin-top:13px;padding-top:14px;border-top:1px solid #eeeef5}.decimated-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.decimated-summary span{display:flex;align-items:center;gap:7px;font-size:11px;color:#8390a8}.decimated-summary svg{width:14px;height:14px;color:#9990b4}.decimated-summary strong{font-size:14px;color:#7e65ba;font-weight:500;font-variant-numeric:tabular-nums}.decimated-summary strong small{font-size:10px;font-weight:400;color:#a3a9ba;margin-left:5px}.decimated-track{height:5px;margin-top:10px;background:#f0edf7;border-radius:5px;overflow:hidden}.decimated-track i{height:100%;background:#a38acb;display:block}.decimated-summary p{font-size:10px;color:#a1a8bb;margin:8px 0 0;line-height:1.6}
@media(max-width:1400px){.overview-chart-card{padding:19px 17px}.chart-unit{font-size:9px}.overview-chart-heading{gap:8px}.overview-chart-heading h3{font-size:15px}.overview-chart-heading p{font-size:10px}.chart-heading-icon{width:30px;height:30px;border-radius:8px}.chart-heading-icon svg{width:16px;height:16px}.legend-category{column-gap:13px}.legend-row{grid-template-columns:7px minmax(0,1fr) minmax(14px,max-content) 34px;gap:6px;font-size:11px}.legend-percent{font-size:10px}.legend-row>b{font-size:11px}.legend-name small{font-size:9px}}
@media(max-width:1250px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-chart-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:25px}.overview-chart-card:nth-child(3) .overview-chart-heading{grid-column:1/-1}.overview-chart-card:nth-child(3) .overview-donut{align-self:center;margin:12px auto}.overview-chart-card:nth-child(3) .overview-legend{align-self:center}.overview-chart-card:nth-child(3) .decimated-summary{grid-column:1/-1}.overview-chart-heading p{font-size:11px}.legend-name small{font-size:10px}.legend-percent{font-size:11px}.legend-row{font-size:12px}}
@media(max-width:650px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;padding:18px 0}.stat{padding:0 16px}.stat:nth-child(2){border:0}.stat:nth-child(3){border-right:1px solid var(--line)}.stat-top{gap:8px;margin-bottom:6px}.stat-icon{width:27px;height:27px;border-radius:8px}.stat-icon svg{width:15px;height:15px}.stat-label{font-size:11px}.stat-value{font-size:29px;margin-left:35px}.stat-value small{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:14px}.overview-chart-card{padding:19px 20px}.overview-chart-card:nth-child(3){grid-column:auto;display:block}.overview-chart-heading{gap:10px}.overview-chart-heading h3{font-size:15px}.overview-chart-heading p{font-size:11px}.chart-heading-icon{width:33px;height:33px;border-radius:9px}.chart-unit{font-size:10px}.overview-donut{width:170px;height:170px;margin:14px auto 13px}.overview-chart-card:nth-child(3) .overview-donut{margin:14px auto 13px}.legend-category{column-gap:23px}.legend-row{font-size:12px;grid-template-columns:7px minmax(0,1fr) minmax(14px,max-content) 38px;gap:8px;min-height:35px}.legend-row>b,.legend-percent{font-size:11px}.legend-name small{font-size:10px}.legend-tier .legend-row{min-height:49px}.decimated-summary p{font-size:10px}}
@media(max-width:380px){.overview-chart-card{padding:17px 15px}.legend-category{column-gap:15px}.legend-category .legend-row{font-size:11px;gap:5px;grid-template-columns:6px minmax(0,1fr) 13px 21px}.legend-category .legend-percent{font-size:10px}.chart-unit{font-size:9px}.overview-chart-heading p{font-size:10px}.stat{padding:0 12px}.stat-label{font-size:10px}}
@media(min-width:1251px){.stats{padding:20px 0}.stat-top{margin-bottom:4px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-value{margin:4px 0}.overview-chart-heading{min-height:40px}.overview-donut{width:160px;height:160px;margin:12px auto}.overview-chart-card{padding-top:20px;padding-bottom:19px}.legend-row{min-height:31px;padding:6px 0}.legend-tier .legend-row{min-height:44px;padding:6px 0}.decimated-summary{margin-top:10px;padding-top:11px}.decimated-summary p{margin-top:6px}.decimated-track{margin-top:8px}}
@media(min-width:1251px){.page-intro{margin-bottom:22px}.stats{margin-bottom:23px}.summary-section>.section-header{margin-bottom:12px}.overview-donut{margin-top:10px;margin-bottom:8px}}

/* Collapse the selected category without changing its sample filters. */
.category-item{position:relative;padding-right:28px}.category-item::after{content:'';position:absolute;right:12px;top:50%;width:5px;height:5px;border-right:1.5px solid #8f99b6;border-bottom:1.5px solid #8f99b6;transform:translateY(-60%) rotate(-45deg)}.category-item[aria-expanded="true"]::after{transform:translateY(-80%) rotate(45deg);border-color:#c9baff}
@media(max-width:650px){.category-item::after{display:none}}

/* Category pages can group the same samples by complexity or by style. */
.category-heading{display:flex;align-items:center;gap:15px;min-width:0;flex-wrap:wrap}.classification-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.classification-switch select{appearance:none;-webkit-appearance:none;border:1px solid #d8cdef;background:#f0eaff;color:#7756b4;font-size:12px;font-weight:500;border-radius:6px;padding:9px 32px 9px 13px;min-width:146px;cursor:pointer}.classification-switch>span{position:absolute;right:12px;top:50%;transform:translateY(-60%);font-size:17px;line-height:1;color:#9c83bd;pointer-events:none}.complexity-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.style-classifications{background:#fff;border:1px solid #e0e3ed;border-radius:8px;padding:15px 18px;margin:0 0 18px}.style-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.style-choice-heading>strong{font-size:12px;font-weight:500;color:#6d7490}.all-style-choice{display:flex;align-items:center;gap:9px;padding:5px 8px;border:0;background:transparent;color:#969db0;font-size:11px;border-radius:4px}.all-style-choice b{font-size:10px;font-weight:400}.all-style-choice.active{background:#f0eafd;color:#8b66b7}.style-choice-grid{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.style-choice-grid button{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:9px 13px;border:1px solid #e1e4ef;border-radius:6px;background:#f9fafe;color:#747e97;font-size:12px;min-height:36px}.style-choice-grid button b{font-size:10px;min-width:20px;text-align:center;padding:2px 5px;border-radius:4px;background:#eeeff6;color:#a0a6bb;font-weight:500}.style-choice-grid button:hover{border-color:#baa6e3;background:#f5f0ff}.style-choice-grid button.active{border-color:#c4afea;background:#eee7fc;color:#7953b5}.style-choice-grid button.active b{background:#dfd1f5;color:#8660ba}.style-choice-family{display:flex;align-items:center;gap:6px}.style-choice-family>button{color:#8c74ae;background:#faf7ff;border-color:#e9e1f3}.style-choice-children{display:flex;align-items:center;gap:6px;padding-left:8px;margin-left:2px;border-left:1px solid #dfd7ef}.style-choice-grid .style-choice-child{font-size:11px;padding:8px 11px}.primary-styles{padding:0;border:0;background:transparent;margin:20px 0}.primary-styles .style-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:stretch}.primary-styles .style-choice-grid>button{padding:17px 16px;align-items:flex-start;min-height:87px;background:#fff;font-size:13px;position:relative}.primary-styles .style-choice-grid>button.active{background:#eee7fc}.primary-styles .style-choice-family{display:flex;flex-direction:column;align-items:stretch;gap:7px}.primary-styles .style-choice-family>button{font-size:13px;padding:12px 15px;background:#fff}.primary-styles .style-choice-family>button.active{background:#eee7fc}.primary-styles .style-choice-children{margin:0 0 0 7px;padding-left:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.primary-styles .style-choice-child{padding:8px 7px;gap:5px;white-space:nowrap;font-size:10px}.primary-styles .style-choice-child b{font-size:9px;min-width:17px;padding:2px 4px}.side-style-nested{margin:0 0 4px 6px;padding-left:7px;border-left:1px solid #4c456a}.side-style-choice{padding-top:8px;padding-bottom:8px}.side-style-choice strong{font-size:11px}.side-style-child strong{font-size:10px}.side-style-child{padding-left:7px}
@media(max-width:1150px){.primary-styles .style-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-choice-grid{gap:8px}.style-choice-grid button{padding:8px 11px;font-size:11px}.style-choice-grid .style-choice-child{font-size:10px;padding:8px}}
@media(max-width:1050px){.complexity-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.category-heading{gap:10px}.classification-switch select{font-size:11px;min-width:132px;padding:8px 28px 8px 10px}.classification-switch>span{font-size:15px;right:10px}.category-view .dataset-section>.section-header{align-items:center}.category-view .dataset-section>.section-header h2{font-size:22px}.category-view .dataset-section>.section-header .button{font-size:9px;padding:8px 9px}.complexity-tabs>button:first-child{grid-column:auto}.complexity-tabs>button:first-child>span{flex-direction:column;align-items:flex-start;gap:7px}.style-classifications{padding:13px;margin-bottom:16px}.style-choice-heading{margin-bottom:11px}.style-choice-heading>strong{font-size:11px}.all-style-choice{font-size:10px;padding:4px 7px}.style-choice-grid{gap:7px}.style-choice-family{flex-wrap:wrap;gap:6px}.style-choice-children{gap:6px;padding-left:7px}.style-choice-grid button{font-size:11px;padding:8px 10px;min-height:35px;gap:10px}.style-choice-grid button b{font-size:9px;min-width:18px}.style-choice-grid .style-choice-child{font-size:10px;padding:8px}.primary-styles{padding:0;margin:18px 0}.primary-styles .style-choice-grid{gap:9px}.primary-styles .style-choice-grid>button{font-size:12px;min-height:85px;padding:13px 12px}.primary-styles .style-choice-family>button{font-size:12px;padding:10px 12px}.primary-styles .style-choice-children{gap:6px;grid-template-columns:1fr;margin-left:5px;padding-left:7px}.primary-styles .style-choice-grid>button{min-height:114px}.primary-styles .style-choice-child{font-size:10px;padding:7px}.primary-styles .style-choice-child b{font-size:9px}}
@media(max-width:390px){.category-view .dataset-section>.section-header{align-items:flex-start}.category-heading{gap:8px;align-items:flex-start;flex-direction:column}.style-choice-grid .style-choice-child{font-size:10px}.style-choice-children{flex-wrap:wrap}}

/* Extra views remain collapsed until explicitly opened. */
.sample-views{border-top:1px solid #e8e6f0;margin-top:10px;padding-top:2px}
.sample-views summary{cursor:pointer;color:#765ab4;font-size:11px;padding:9px 0;list-style:none;display:flex;align-items:center;gap:7px}
.sample-views summary::-webkit-details-marker{display:none}
.sample-views summary::before{content:'›';font-size:17px;line-height:1;transition:transform .15s}
.sample-views[open] summary::before{transform:rotate(90deg)}
.sample-views summary span{margin-left:auto;padding:2px 6px;background:#f0eafa;border-radius:4px;font-size:10px}
.view-images{display:grid;gap:10px;padding:3px 0 8px}
.view-images figure{margin:0;background:#f7f7fb;border:1px solid #e7e5ef;border-radius:6px;overflow:hidden}
.view-images img{display:block;width:100%;height:225px;object-fit:contain;color:#8d84a1;font-size:11px}
.view-images figcaption{padding:7px 9px;color:#8d84a1;font-size:10px;border-top:1px solid #ebe8f2}
@media(max-width:650px){.sample-views summary{font-size:10px}.view-images img{height:175px}}

.model-file-link{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ddd5f1;background:#f5f1ff;color:#7252b1;border-radius:5px;padding:9px 10px;margin-top:9px;font-size:11px}
.model-file-link:hover{background:#ece3fc;border-color:#bca4e8}
.model-file-link small{font-size:9px;color:#9b89b8;white-space:nowrap}
.complexity-tabs{display:block;grid-template-columns:none}.complexity-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.complexity-tabs.secondary-complexity{padding:16px 18px;background:#fff;border:1px solid #e0e3ed;border-radius:8px;margin:0 0 18px}.complexity-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.complexity-choice-heading>strong{font-size:12px;font-weight:500;color:#6d7490}.complexity-tabs .all-complexity-choice{display:flex;gap:9px;background:transparent;border:0;padding:5px 8px;color:#969db0;font-size:11px;box-shadow:none}.complexity-tabs .all-complexity-choice b{background:transparent;font-size:10px;padding:0;min-width:0}.complexity-tabs .all-complexity-choice.active{background:#f0eafd;color:#8b66b7}.generation-budget-note{margin:12px 0 0;font-size:10px;line-height:1.7;color:#8a8fa4}.target-budget{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 0;border-bottom:1px solid #edf0f6;color:#8a92a7;font-size:11px}.target-budget b{color:#6e55ad;font-size:12px;font-weight:600}.image-budget-fields{background:#f3efff;border:1px solid #ded5f4;border-radius:8px;padding:0 16px 14px;margin-top:24px}.image-budget-fields>label:first-child{margin-top:16px}.image-budget-fields .field-hint{color:#8c7ca8}
@media(max-width:1050px){.complexity-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.complexity-tabs.secondary-complexity{padding:13px}.complexity-choice-grid{gap:8px}.generation-budget-note{font-size:9px}.target-budget{font-size:10px}.target-budget b{font-size:11px}.complexity-choice-heading>strong{font-size:11px}.complexity-tabs .all-complexity-choice{font-size:10px}.image-budget-fields{padding:0 12px 12px}}
.quick-complexity-field{display:inline-flex;position:relative;align-items:center;max-width:100%;border-radius:5px}.quick-complexity-select{appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid #ddd3f1;border-radius:5px;background:#f4efff;color:#654ba6;font:inherit;font-size:13px;font-weight:600;padding:6px 26px 6px 9px;max-width:100%;min-height:32px}.quick-complexity-field>span{position:absolute;right:9px;top:50%;transform:translateY(-58%);font-size:14px;color:#9678bc;pointer-events:none}.quick-complexity-select:hover{background:#ece3fc;border-color:#baa4df}.quick-complexity-select:focus-visible{outline:2px solid #a68adc;outline-offset:2px}.quick-complexity-select option{background:white;color:#5d507e;font-weight:400}
@media(max-width:650px){.quick-complexity-select{font-size:12px;padding:5px 23px 5px 7px;min-height:30px}.quick-complexity-field>span{right:8px;font-size:13px}}
.sample-complexity>.quick-complexity-field{padding:0;background:transparent;white-space:normal}
.sample-image-frame,.view-image-frame{position:relative}.image-delete-button{position:absolute;z-index:2;right:9px;top:9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:5px 8px;border:1px solid #ead1d7;border-radius:6px;background:#fffc;color:#ae5467;font-size:11px;line-height:1.2;box-shadow:0 2px 6px #3a244510;backdrop-filter:blur(8px)}.image-delete-button svg{width:14px;height:14px;flex-shrink:0}.image-delete-button:hover{background:#fff0f2;border-color:#d992a2;color:#a5354d}.image-delete-button:focus-visible{outline:2px solid #c3637a;outline-offset:2px}.image-delete-button:active{background:#ffe3e9}
@media(max-width:650px){.image-delete-button{right:7px;top:7px;padding:5px 7px;font-size:10px;min-height:29px;gap:3px}.image-delete-button svg{width:13px;height:13px}}

/* Asset taxonomy: five major groups and thirteen subcategories. */
.trash-nav{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#9da8c4;font-size:11px;border-radius:6px;padding:9px 10px;margin: auto 8px 0;text-align:left;min-height:35px}
.trash-nav svg{width:15px;height:15px;flex-shrink:0}.trash-nav small{margin-left:auto;color:#8592b1;font-size:10px}.trash-nav:hover,.trash-nav.active{background:#302e46;border-color:#49435f;color:#ddd4f2}.trash-nav.active small{color:#c8b7eb}.sidebar .side-foot{margin-top:12px}
.trash-view #bulk-upload,.trash-view #image-filter,.trash-view .collection-note{display:none!important}.trash-intro{font-size:12px;line-height:1.8;color:#8a91a8;margin:4px 0 18px}.trash-card .image-area{cursor:default}.trash-card h3{font-size:14px;margin:0 0 10px;color:#45445e}.trash-meta{font-size:11px;color:#8d92a8;margin:0 0 9px}.trash-reason{font-size:10px;line-height:1.8;color:#9a93a9;margin:0 0 13px}.restore-button{color:#7252b1;border-color:#d9ccef;background:#f6f0ff;width:100%;margin-top:auto}.restore-button:hover{background:#ece2fb;border-color:#bba2dc}.trash-card .card-info{display:flex;flex-direction:column}
.image-credit{border-top:1px solid #eeeaf4;margin-top:10px;padding:2px 0}.image-credit summary{cursor:pointer;color:#9992a9;font-size:10px;padding:7px 0}.image-credit p{font-size:9px;line-height:1.8;overflow-wrap:anywhere;color:#9c96ab;margin:3px 0}.image-credit a{color:#8a71ae;text-decoration:underline}
@media(max-width:650px){.trash-nav{margin:12px 0 0;width:100%;max-width:180px}.trash-intro{font-size:11px}.trash-card h3{font-size:12px}}
.side-category-group{margin-bottom:6px}
.group-item{padding:12px 27px 12px 10px;font-size:12px;min-height:46px}
.group-item>span{display:flex;align-items:center;gap:9px}
.group-item i,.category-collection-heading i,.category-choice-heading strong>span{font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--group-color) 18%,transparent);color:var(--group-color);border-radius:5px;width:24px;height:26px;font-size:12px;font-weight:600}
.side-category-children{border-left:1px solid #4d476d;margin:5px 10px 12px 21px;padding:2px 0 2px 10px}
.side-subcategory{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:5px;padding:10px 12px;margin:2px 0;background:transparent;color:#b9c3dd;font-size:12px;text-align:left}
.side-subcategory small{font-size:11px;color:#98a7c9}
.side-subcategory:hover{background:#302e49;color:#fff}
.side-subcategory.active{background:#484063;color:#fff;font-weight:600}
.side-subcategory.active small{color:#d4c7f6}
.category-collections{display:grid;gap:28px}
.category-collection{min-width:0}
.category-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #dddfea}
.category-collection-heading>button{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:0;text-align:left;color:#303149}
.category-collection-heading i{width:30px;height:31px}
.category-collection-heading strong{font-size:17px;font-weight:600}
.category-collection-heading button>span{font-size:10px;color:#927bb6;margin-left:8px}
.category-collection-heading>small{font-size:10px;color:#8c94ac}
.category-collection .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.category-collection .classification-card{border-top:3px solid color-mix(in srgb,var(--group-color) 65%,white)}
.category-classifications{background:white;border:1px solid #e0e3ed;border-radius:8px;padding:16px 18px;margin:20px 0 18px}
.category-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.category-choice-heading strong{display:flex;align-items:center;gap:9px;font-size:12px;color:#656d86;font-weight:500}
.category-choice-heading strong>span{width:23px;height:24px;font-size:11px}
.all-category-choice{display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:4px;color:#8d94a9;padding:6px 8px;font-size:11px}
.all-category-choice b{font-size:10px;font-weight:500}
.all-category-choice.active{background:#f0eafd;color:#865fba}
.category-choice-grid{display:flex;flex-wrap:wrap;gap:9px}
.category-choice-grid>button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:130px;border:1px solid #e0e3ef;background:#f8f9fe;color:#747d98;padding:11px 14px;border-radius:6px;font-size:13px}
.category-choice-grid b{font-weight:500;background:#edf0f7;border-radius:4px;font-size:11px;padding:3px 6px;color:#99a2bb}
.category-choice-grid>button:hover{border-color:#bba6e6;background:#f4efff}
.category-choice-grid>button.active{background:#eee7fc;border-color:#bfa6ee;color:#7952b9}
.category-choice-grid>button.active b{background:#ded0f6;color:#8058b6}
.attribute-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.legend-category{grid-template-columns:1fr}
.legend-category .legend-row{min-height:48px}
.legend-category .legend-name small{line-height:1.7;white-space:normal}
@media(max-width:1150px){.category-collection .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.category-collection .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  #category-nav{display:block}
  .side-category-group{width:100%;margin:4px 0}
  .group-item{font-size:12px;padding:10px 12px}
  .group-item::after{display:block}
  .side-category-children{display:flex;flex-wrap:wrap;gap:5px;margin:7px 7px 12px;padding:3px 0 3px 10px}
  .side-subcategory{width:auto;font-size:11px;padding:8px 11px;gap:12px}
  .side-subcategory small{font-size:10px}
  .category-collections{gap:24px}
  .category-collection-heading{flex-wrap:wrap;gap:8px}
  .category-collection-heading strong{font-size:15px}
  .category-collection-heading button>span{font-size:9px}
  .category-collection-heading>small{font-size:9px}
  .category-classifications{padding:13px;margin:18px 0 16px}
  .category-choice-heading strong{font-size:11px;gap:6px}
  .all-category-choice{font-size:10px;gap:6px;padding:5px 7px}
  .category-choice-grid{gap:7px}
  .category-choice-grid>button{min-width:110px;padding:10px 11px;font-size:12px;gap:16px}
  .attribute-filters{grid-template-columns:1fr}
}

/* Sample gallery pagination. */
#actual-samples{scroll-margin-top:24px}.page-size-note{font-size:11px;color:#8b93ab;white-space:nowrap}.sample-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.pagination-count{color:#8b93ab;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:7px}.page-number{min-width:34px;height:34px;border:1px solid #e0dced;border-radius:7px;background:#fff;color:#7b7592;font:inherit;padding:0 9px}.page-number:hover{background:#f3efff;border-color:#c4b3ed}.page-number.active{color:#fff;background:#7356de;border-color:#7356de}.pagination-ellipsis{color:#a1a3b5;padding:0 3px}.pagination-controls .button:disabled{opacity:.45;cursor:default}.page-number:focus-visible{outline:2px solid #9d7ced;outline-offset:2px}
@media(max-width:760px){.sample-pagination{flex-direction:column;align-items:center;gap:14px}.pagination-controls{gap:5px;flex-wrap:wrap;justify-content:center}.pagination-controls .button{padding:8px 10px}.page-number{min-width:29px;height:31px;padding:0 6px}.page-size-note{font-size:10px}}

/* Published viewer and optional local annotation mode. */
#trash-nav,#import,#add,#add-in-category,#bulk-upload,.edit-button,.image-action{display:none!important}
body.online-annotation-mode .edit-button[data-edit]{display:inline-flex!important}
.image-area{cursor:default}.classification-card .image-area{cursor:pointer}
.annotation-bar{display:flex;align-items:center;gap:12px;padding:11px 32px;border-bottom:1px solid #e4def3;background:#faf8ff;color:#8a7ca9;font-size:12px;line-height:1.6}
.annotation-bar strong{color:#7655c1;white-space:nowrap}.online-annotation-mode .annotation-bar{background:#f1ebff}
#annotation-toggle{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:650px){.annotation-bar{padding:10px 18px;gap:8px;font-size:11px}.header-actions{gap:6px}#annotation-toggle{padding:9px 10px}}