:root{--bg:#0b0d10;--panel:#12161b;--panel2:#181d24;--line:#28303a;--text:#f4f6f8;--muted:#99a4b3;--accent:#ffd84d;--accent2:#ffe680;--danger:#ff7e7e;--ok:#7ee2a8;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#0d1014;color:var(--text)}a{color:inherit}.brand-link{text-decoration:none}.topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#0b0d10;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar strong{font-size:20px}.tenant{margin-left:12px;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:18px;align-items:center;font-size:14px}.top-actions a{color:var(--muted);text-decoration:none}.credits{background:#1d2229;padding:8px 12px;border-radius:999px}.credits b{color:var(--accent)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}.sidebar{border-right:1px solid var(--line);padding:24px 14px;background:#0b0d10}.nav{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;margin-bottom:5px;font-size:15px;cursor:pointer}.nav.active,.nav:hover{background:#171b21;color:#fff}.side-note{margin:30px 10px 0;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.5}.content{padding:32px;max-width:1500px;width:100%;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hero h1{font-size:38px;margin:4px 0 8px}.hero p{color:var(--muted);max-width:760px;margin:0;line-height:1.5}.eyebrow{font-size:11px!important;letter-spacing:.16em;color:var(--accent)!important;font-weight:800}.hero-badge{width:94px;height:94px;border-radius:28px;background:var(--accent);color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;font-weight:900;transform:rotate(3deg)}.hero-badge small{font-size:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.quick-presets{display:grid;grid-template-columns:repeat(10,minmax(76px,1fr));gap:8px;margin-bottom:14px}.quick-presets button{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:14px;min-height:74px;cursor:pointer;font-size:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:.15s}.quick-presets button span{font-size:11px;color:#bec7d1;font-weight:700}.quick-presets button:hover,.quick-presets button.selected{border-color:#665e2c;background:#1c1b13;transform:translateY(-1px)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.compact-grid{align-items:end}.span2{grid-column:span 2}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#cdd4dd;font-weight:650}input,select,textarea{width:100%;background:#0d1116;border:1px solid #303843;border-radius:12px;color:#fff;padding:12px 13px;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:#7b7041;box-shadow:0 0 0 3px rgba(255,216,77,.07)}input[type=color]{padding:5px;height:46px}input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--accent)}.form-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 13px;font-weight:750;cursor:pointer;text-decoration:none;background:#20262e;color:#fff}.btn.primary{background:var(--accent);color:#111}.btn.primary:hover{background:var(--accent2)}.btn.secondary{background:#20262e;border-color:#313a45}.btn.secondary:hover,.btn.ghost:hover{border-color:#596575}.btn.ghost{background:transparent;border-color:#313a45;color:#c8d0d9}.btn.big{padding:13px 18px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.muted{color:var(--muted);font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.section-head h2{margin:2px 0 0}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.design-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.mockup{background:linear-gradient(135deg,#e7eaed,#f7f8f9);padding:26px;min-height:350px;display:flex;justify-content:center;align-items:center}.shirt-surface{--shirt:#111;position:relative;width:225px;height:282px;background:var(--shirt);border-radius:25px 25px 15px 15px;box-shadow:0 17px 34px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;padding:24px}.shirt-surface:before,.shirt-surface:after{content:"";position:absolute;top:18px;width:73px;height:78px;background:var(--shirt);z-index:0}.shirt-surface:before{left:-47px;transform:rotate(25deg);border-radius:16px 0 8px 16px}.shirt-surface:after{right:-47px;transform:rotate(-25deg);border-radius:0 16px 16px 8px}.shirt-surface:after,.shirt-surface:before,.shirt-large:after,.shirt-large:before{filter:brightness(.98)}.rendered-design{width:78%;height:80%;object-fit:contain;position:relative;z-index:2}.card-body{padding:17px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{font-size:10px;background:#20262e;color:#b8c1cc;padding:5px 8px;border-radius:999px}.status-chip.approved,.status-pill.approved{color:#b9f4d0;background:#183127}.status-chip.rejected{color:#ffc4c8;background:#3b1f23}.card-body h3{font-size:18px;margin:12px 0 8px}.card-body p{font-size:13px;color:var(--muted);line-height:1.45;min-height:58px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.risk{font-size:11px;color:#ffd49a;background:#332819;padding:8px 10px;border-radius:9px;margin:10px 0}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.card-actions .btn{font-size:12px;padding:8px 10px}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1b222a,#0b0d10 52%)}.auth-card{width:min(430px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px}.auth-card h1{margin:10px 0 4px}.auth-card form{display:grid;gap:15px;margin-top:22px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--accent);color:#111;font-weight:900;font-size:20px}.notice{padding:11px 13px;border-radius:10px;margin:14px 0;font-size:13px}.notice.error{background:#3b1f23;color:#ffc4c8}.notice.success{background:#183127;color:#b9f4d0}.toast{position:fixed;right:22px;bottom:22px;background:#1b2027;border:1px solid var(--line);padding:13px 16px;border-radius:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:99}.toast.show{opacity:1;transform:none}.toast.error{border-color:#6b3238;color:#ffc4c8}
/* Editor */.editor-shell{min-height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(390px,520px) 1fr}.editor-controls{padding:26px 28px 60px;border-right:1px solid var(--line);background:#0d1014;overflow:auto}.editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.editor-head h1{font-size:22px;line-height:1.2;margin:4px 0 0}.status-pill{font-size:11px;background:#20262e;color:#b8c1cc;padding:6px 9px;border-radius:999px}.editor-section{border-top:1px solid var(--line);padding:18px 0;display:grid;gap:14px}.editor-section:first-of-type{border-top:0}.editor-section h3{margin:0;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.two-col,.three-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-section output{float:right;color:var(--accent);font-size:11px;font-weight:800}.editor-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(13,16,20,0),#0d1014 28%);padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}.editor-preview-wrap{background:#e8ebee;min-width:0;display:flex;flex-direction:column}.preview-toolbar{height:68px;background:#fff;color:#171a1e;border-bottom:1px solid #d2d7dc;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-toolbar span{display:flex;flex-direction:column}.preview-toolbar small{color:#6e7781;font-size:11px;margin-top:2px}.preview-toolbar .btn{color:#222;border-color:#ccd2d8}.preview-toolbar>div{display:flex;gap:8px}.shirt-stage{--shirt:#111;flex:1;display:grid;place-items:center;padding:45px 30px;min-height:600px;background:radial-gradient(circle at 50% 35%,#fff,#dfe4e8 66%)}.shirt-large{position:relative;width:min(46vw,500px);aspect-ratio:.79;background:var(--shirt);border-radius:52px 52px 30px 30px;box-shadow:0 32px 70px rgba(0,0,0,.22);display:grid;place-items:center}.shirt-large:before,.shirt-large:after{content:"";position:absolute;top:34px;width:31%;height:29%;background:var(--shirt)}.shirt-large:before{left:-21%;transform:rotate(24deg);border-radius:30px 0 15px 28px}.shirt-large:after{right:-21%;transform:rotate(-24deg);border-radius:0 30px 28px 15px}.shirt-large img{position:relative;z-index:2;width:77%;height:83%;object-fit:contain}.preview-note{margin:0;padding:12px 18px;background:#f7f8f9;color:#6b727b;text-align:center;font-size:11px;border-top:1px solid #d9dde1}
@media(max-width:1250px){.quick-presets{grid-template-columns:repeat(5,1fr)}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-shell{grid-template-columns:430px 1fr}.shirt-large{width:min(42vw,440px)}}@media(max-width:1050px){.grid3{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.sidebar{display:none}.editor-shell{grid-template-columns:1fr}.editor-controls{border-right:0}.editor-preview-wrap{min-height:720px}}@media(max-width:700px){.content{padding:20px 14px}.design-grid,.grid3,.two-col,.three-col{grid-template-columns:1fr}.span2{grid-column:auto}.quick-presets{grid-template-columns:repeat(3,1fr)}.hero-badge{display:none}.topbar{padding:0 14px}.tenant,.top-actions span:not(.credits){display:none}.form-actions{align-items:flex-start;flex-direction:column}.editor-controls{padding:20px 14px 50px}.preview-toolbar{height:auto;padding:12px;align-items:flex-start;flex-direction:column}.preview-toolbar>div{flex-wrap:wrap}.shirt-stage{min-height:510px;overflow:hidden}.shirt-large{width:280px}.editor-actions{position:static;background:transparent;padding-top:8px}}

/* V3 */
.sidebar .nav{display:flex;text-decoration:none;color:inherit;align-items:center}.sidebar .nav:hover{text-decoration:none}
.filter-bar{display:flex;align-items:end;gap:16px;margin-bottom:24px}.filter-bar label{min-width:220px}.filter-bar .btn{margin-bottom:1px}
.preflight{font-size:10px;text-transform:uppercase;font-weight:800;padding:4px 7px;border-radius:999px;background:#eef1f3;color:#6b727b}.preflight.ok{background:#e7f6ec;color:#267342}.preflight.warning{background:#fff3d6;color:#956500}.preflight.blocked{background:#fde7e7;color:#a23232}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{display:flex;flex-direction:column;gap:16px}.collection-card h3{margin:8px 0 4px}.collection-card p{color:#68717a}.collection-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:6px 10px;padding:14px;background:#f5f7f8;border-radius:14px}.collection-stats b{font-size:26px}.collection-stats span{font-size:12px;color:#727a83}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{padding:0;overflow:hidden}.product-card>img{width:100%;aspect-ratio:8/9;object-fit:cover;background:#eceff1}.product-card>div{padding:18px}.product-card h3{margin:10px 0}
.product-editor{max-width:1500px;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(420px,.8fr) minmax(560px,1.2fr);gap:24px}.product-preview{position:sticky;top:88px;height:max-content;padding:0;overflow:hidden}.product-preview>img{display:block;width:100%;background:#eee}.product-form-wrap{padding:28px}.product-form-wrap label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.product-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.btn.publish{background:#111;color:white;border-color:#111}.btn.publish:disabled{opacity:.4}.preflight-box{padding:18px;border-top:1px solid #e2e5e8}.preflight-box p{margin:6px 0 12px;color:#68717a}.preflight-box.warning{background:#fff9ea}.preflight-box.blocked{background:#fff0f0}.preflight-inline{padding:12px 18px;background:#f6f7f8;border-top:1px solid #e2e5e8;font-size:12px;display:flex;gap:10px;flex-wrap:wrap}.preflight-inline span{color:#6b727b}.settings-card{max-width:900px}.settings-card h2{margin-top:0}
.empty{grid-column:1/-1;text-align:center;padding:40px;color:#727a83}
@media(max-width:1100px){.collection-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-editor{grid-template-columns:1fr}.product-preview{position:static;max-width:680px;margin:auto}.filter-bar{flex-wrap:wrap}}
@media(max-width:700px){.collection-grid,.product-grid{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{min-width:0}.product-editor{padding:14px}.product-form-wrap{padding:18px}}

/* V4 — collection factory, review queue, photo mockups, AI jobs */
.review-content{max-width:1480px;margin:0 auto}.review-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.review-top h1{margin:4px 0 0}.review-top select{min-width:260px}.review-workspace{display:grid;grid-template-columns:minmax(520px,1.35fr) minmax(390px,.65fr);gap:22px;align-items:stretch}.review-preview{min-height:680px;border-radius:24px;background:radial-gradient(circle at 50% 33%,#fff,#dfe4e8 67%);display:grid;place-items:center;overflow:hidden}.review-shirt{--shirt:#111;position:relative;width:min(48vw,520px);aspect-ratio:.79;background:var(--shirt);border-radius:54px 54px 30px 30px;box-shadow:0 34px 70px rgba(0,0,0,.25);display:grid;place-items:center}.review-shirt:before,.review-shirt:after{content:"";position:absolute;top:34px;width:31%;height:29%;background:var(--shirt)}.review-shirt:before{left:-21%;transform:rotate(24deg);border-radius:30px 0 15px 28px}.review-shirt:after{right:-21%;transform:rotate(-24deg);border-radius:0 30px 28px 15px}.review-shirt img{position:relative;z-index:2;width:78%;height:84%;object-fit:contain}.review-info{padding:28px;display:flex;flex-direction:column}.review-info h2{font-size:34px;line-height:1.08;margin:22px 0 8px}.review-subtitle{font-size:18px;margin:0 0 18px;color:#d7dde5}.review-status-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.review-status-row span{font-size:11px;border:1px solid var(--line);padding:7px 9px;border-radius:999px;color:#b8c1cc}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding-top:28px}.review-btn{border:0;border-radius:16px;padding:18px 14px;font-weight:900;font-size:17px;cursor:pointer}.review-btn small{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.15);margin-left:7px}.review-btn.reject{background:#3b2025;color:#ffc9ce}.review-btn.approve{background:#c9f16c;color:#152000}.review-btn:disabled{opacity:.5;cursor:not-allowed}.review-secondary{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.keyboard-hint{font-size:11px;color:var(--muted);margin:20px 0 0}.review-empty{max-width:720px;text-align:center;margin:70px auto;padding:55px}.review-empty h2{font-size:36px;margin:0 0 10px}
.collection-hero{align-items:center}.collection-kpis{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:baseline;min-width:220px}.collection-kpis b{font-size:42px}.collection-kpis span{font-size:12px;color:var(--muted)}.factory-panel{margin-top:22px}.factory-panel h2{margin-top:0}.factory-form{display:grid;gap:18px}.factory-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.factory-counts label{background:#11161c;border:1px solid var(--line);padding:17px;border-radius:15px}.factory-counts label span{display:block;font-weight:800;margin-bottom:10px}.factory-counts input{font-size:24px;font-weight:900}.factory-check{align-self:end;min-height:48px}.factory-summary{display:flex;align-items:center;justify-content:flex-end;gap:20px;padding-top:4px}.factory-summary>span{color:var(--muted)}.factory-summary b{font-size:24px;color:var(--accent)}
.mockup-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.mockup-template-card{overflow:hidden;padding:0}.mockup-template-image{position:relative;background:#e6e9ec;min-height:360px;display:grid;place-items:center;overflow:hidden}.mockup-template-image img{width:100%;height:100%;max-height:620px;object-fit:contain;display:block}.print-zone{position:absolute;border:3px dashed #d7ff65;background:rgba(215,255,101,.12);color:#111;background-color:rgba(215,255,101,.65);font-size:11px;font-weight:900;display:grid;place-items:center;transform-origin:center;pointer-events:none}.mockup-template-form{padding:20px}.four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.check-stack{display:flex;align-items:center;gap:18px;padding-top:25px}.check-stack label,.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.check-stack input,.check-row input{width:auto}.mockup-template-form input[type=number]{min-width:0}
.job-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.job-kpis .panel{padding:18px;display:flex;align-items:baseline;gap:10px}.job-kpis b{font-size:30px}.job-kpis span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;padding:0}.jobs-table{width:100%;border-collapse:collapse;min-width:900px}.jobs-table th,.jobs-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.jobs-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.jobs-table a{color:var(--accent)}.job-status{padding:5px 7px;border-radius:999px;background:#242b33;font-weight:800;font-size:10px}.job-status.done{background:#183127;color:#b9f4d0}.job-status.failed{background:#3b1f23;color:#ffc4c8}.job-status.running{background:#20324b;color:#b9d9ff}.job-status.queued{background:#332819;color:#ffd49a}.job-error{max-width:320px;color:#e2a7aa}.notice code{user-select:all}
@media(max-width:1150px){.review-workspace{grid-template-columns:1fr}.review-preview{min-height:560px}.review-shirt{width:390px}.mockup-template-grid{grid-template-columns:1fr}}
@media(max-width:760px){.review-top{align-items:stretch;flex-direction:column}.review-top select{min-width:0;width:100%}.review-preview{min-height:470px}.review-shirt{width:270px}.review-info h2{font-size:27px}.review-actions,.factory-counts,.four-col,.job-kpis{grid-template-columns:1fr 1fr}.factory-summary{align-items:flex-start;flex-direction:column}.mockup-template-form{padding:14px}}
@media(max-width:520px){.review-actions,.factory-counts,.four-col,.job-kpis{grid-template-columns:1fr}.review-secondary .btn{flex:1}.check-stack{padding-top:0;flex-direction:column;align-items:flex-start}}

/* V5 — fonts, colorways, print export, variable products */
.font-upload{max-width:980px}.font-upload h2{margin-top:0}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.font-card{display:flex;flex-direction:column;gap:18px}.font-card-head{display:flex;justify-content:space-between;gap:14px}.font-card-head>div{display:flex;flex-direction:column;gap:5px}.font-card-head span{font-size:11px;color:var(--muted)}.font-sample{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.font-sample img{display:block;width:100%;height:auto;border-radius:12px}
.colorway-mini-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.colorway-chip{display:flex;align-items:center;gap:8px;background:#171c22;border:1px solid var(--line);color:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px;font-weight:800}.colorway-chip:hover{border-color:#6f6640}.colorway-chip i{--c1:#111;--c2:#fff;--c3:#ffd84d;display:block;width:28px;height:18px;border-radius:999px;background:linear-gradient(90deg,var(--c1) 0 42%,var(--c2) 42% 70%,var(--c3) 70%);border:1px solid rgba(255,255,255,.18)}.colorway-save{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:2px}.colorway-export-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:#fff;border-top:1px solid #d9dde1;color:#15181c}.colorway-export-strip article{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid #d9dde1;border-radius:13px;padding:9px}.colorway-export-strip article span{display:block;font-size:10px;color:#707780;margin-top:3px}.colorway-export-strip article p{margin:6px 0 0;font-size:11px}.colorway-export-strip article a{color:#1e5fa8}.colorway-thumb{--shirt:#111;width:86px;height:90px;border-radius:9px;background:var(--shirt);display:grid;place-items:center;overflow:hidden}.colorway-thumb img{width:84%;height:84%;object-fit:contain}
.variation-settings{display:none;background:#0f141a;border:1px dashed #39434f;padding:15px;border-radius:14px;margin-bottom:16px}.variation-settings.show{display:block}.variation-count{font-size:12px;color:var(--muted);margin-top:2px}.variation-count b{color:var(--accent);font-size:16px}.asset-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.asset-status span{font-size:10px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:var(--muted)}.asset-status span.ok{background:#183127;color:#b9f4d0;border-color:#28503c}
@media(max-width:1100px){.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.font-grid,.colorway-export-strip{grid-template-columns:1fr}.colorway-save{grid-template-columns:1fr}.colorway-export-strip article{grid-template-columns:72px 1fr}.colorway-thumb{width:72px;height:76px}}

/* V6 — perspective mockups, garment masks, color-specific product assets */
.mockup-template-image{min-height:0;display:block;position:relative;background:#e6e9ec}.mockup-template-image>img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.warp-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.warp-overlay polygon{fill:rgba(215,255,101,.13);stroke:#d7ff65;stroke-width:.45;stroke-dasharray:1.5 1}.warp-overlay circle{fill:#d7ff65;stroke:#111;stroke-width:.35;cursor:grab;vector-effect:non-scaling-stroke}.warp-overlay circle:active{cursor:grabbing}.perspective-fields{display:none;margin:10px 0 16px}.perspective-fields.show{display:block}.warp-corner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.warp-corner-grid fieldset{border:1px solid var(--line);border-radius:12px;padding:10px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.warp-corner-grid legend{padding:0 5px;color:#dce2e9;font-size:10px;font-weight:800}.warp-corner-grid label{font-size:10px}.warp-corner-grid input{padding:8px}.muted-fields{opacity:.45}.mockup-mask-form{border-top:1px solid var(--line);padding:16px 20px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.mask-status{border:1px solid var(--line);border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.mask-status.ok{background:#183127;color:#b9f4d0;border-color:#28503c}.mask-status a{font-size:10px}
.mockup-preview-meta{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #e2e5e8;background:#f7f8f9;color:#171a1e;font-size:12px}.mockup-preview-meta span{color:#68717a}.section-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-row h3{margin-bottom:5px}.product-colors-section{margin-top:4px}.product-color-row{display:grid;grid-template-columns:48px minmax(120px,.8fr) minmax(190px,1.25fr) minmax(120px,.8fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#10151b;margin-bottom:8px}.product-color-row>input[type=color]{height:42px;padding:4px}.product-color-name{display:flex;flex-direction:column;gap:2px}.product-color-name b{font-size:12px}.product-color-name span,.product-color-status{font-size:10px;color:var(--muted)}.product-color-status{white-space:nowrap}.empty-inline{border:1px dashed var(--line);border-radius:12px;padding:14px;color:var(--muted);font-size:12px}.variant-assets{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.variant-assets h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.variant-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.variant-asset-grid article{display:grid;grid-template-columns:32px 1fr;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px}.variant-asset-grid i{--swatch:#777;width:30px;height:30px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.2)}.variant-asset-grid b{font-size:11px}.variant-asset-grid span{display:block;color:var(--muted);font-size:9px}.variant-asset-grid p{margin:4px 0;font-size:10px;color:var(--muted)}.variant-asset-grid a{font-size:10px;color:var(--accent)}
@media(max-width:900px){.warp-corner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-color-row{grid-template-columns:44px 1fr 1fr}.product-color-status,.preview-product-color{grid-column:auto}.variant-asset-grid{grid-template-columns:1fr}.section-row{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.warp-corner-grid{grid-template-columns:1fr}.mockup-mask-form{grid-template-columns:1fr}.product-color-row{grid-template-columns:40px 1fr}.product-color-row select,.product-color-status,.preview-product-color{grid-column:1/-1}}

/* V7 — catalog + instant basic mockups */
.catalog-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(520px,1.6fr);gap:22px;align-items:start}.catalog-list{padding:18px}.catalog-list h2{margin:0 0 14px}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 12px;border:1px solid var(--line,#e4e4e4);border-radius:14px;text-decoration:none;color:inherit;margin:8px 0;background:rgba(255,255,255,.55)}.catalog-row:hover,.catalog-row.active{border-color:#111;background:#fff}.catalog-row b,.catalog-row span{display:block}.catalog-row span{font-size:12px;opacity:.65;margin-top:4px}.catalog-badges{text-align:right;min-width:120px}.catalog-badges em{display:inline-block;font-style:normal;font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;background:#eaf7ec;margin-left:4px}.catalog-badges em.off{background:#f2e7e7}.catalog-badges small{display:block;margin-top:7px;opacity:.65}.catalog-form{padding:22px}.catalog-product-picker{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:15px;margin:0 0 18px;border:1px solid rgba(0,0,0,.09);border-radius:16px;background:rgba(255,255,255,.55)}.catalog-product-picker label{margin:0}.basic-preview-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 6px}.basic-preview-actions>span{font-size:12px;font-weight:700;opacity:.62;margin-right:4px}.mockup-quick-color{appearance:none;border:1px solid rgba(0,0,0,.14);background:#fff;color:#151515;border-radius:999px;padding:7px 11px;font-weight:700;font-size:12px;cursor:pointer}.mockup-quick-color.dark{background:#171717;color:#fff;border-color:#171717}.mockup-quick-color:hover{transform:translateY(-1px)}#mockup-source+small{display:block;margin-top:5px}.product-preview #product-mockup{background:#f1f2ef}.bulk-export-note{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.62);border:1px dashed rgba(0,0,0,.14);font-size:13px}.catalog-form textarea[name="colors_text"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}
@media(max-width:1050px){.catalog-layout{grid-template-columns:1fr}.catalog-product-picker{grid-template-columns:1fr}}
.basic-card-mockup{aspect-ratio:8/9;background:#eef0ed;overflow:hidden;border-radius:18px 18px 0 0;display:grid;place-items:center}.basic-card-mockup img{width:100%;height:100%;object-fit:cover;display:block}.review-basic-mockup{width:min(54vw,650px);aspect-ratio:8/9;border-radius:22px;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.2);background:#eef0ed}.review-basic-mockup img{width:100%;height:100%;display:block;object-fit:cover}.review-preview{padding:22px}.review-preview .review-basic-mockup{margin:auto}@media(max-width:1150px){.review-basic-mockup{width:min(78vw,560px)}}@media(max-width:760px){.review-basic-mockup{width:min(88vw,390px)}}

/* V8 — bulk production pipeline */
.production-head h1{margin:4px 0 8px}.production-head p{margin:0;color:var(--muted)}.production-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.production-config{position:sticky;top:88px;display:grid;gap:15px}.production-config h2{margin:0 0 2px}.check-line{flex-direction:row;align-items:flex-start;border:1px solid var(--line);padding:11px 12px;border-radius:12px;background:#0f141a}.check-line input{width:auto;margin-top:3px}.check-line span{display:flex;flex-direction:column;gap:2px}.check-line small{color:var(--muted);font-weight:500}.production-counter{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-radius:13px;background:#171c22;border:1px solid var(--line)}.production-counter b{font-size:27px;color:var(--accent)}.production-counter span{font-size:12px;color:var(--muted)}.production-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px 16px}.production-toolbar label{min-width:260px}.production-toolbar>div{display:flex;gap:7px}.production-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.production-design-card{position:relative;display:block;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;cursor:pointer;transition:.15s}.production-design-card:hover{transform:translateY(-1px);border-color:#4e5966}.production-design-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,216,77,.12)}.production-design-card>input{position:absolute;opacity:0;pointer-events:none}.production-checkmark{position:absolute;right:10px;top:10px;z-index:4;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,15,.72);border:1px solid rgba(255,255,255,.24);font-weight:900;color:transparent}.production-design-card.selected .production-checkmark{background:var(--accent);color:#111;border-color:var(--accent)}.production-design-card>img{display:block;width:100%;aspect-ratio:8/9;object-fit:cover;background:#eef0ed}.production-card-body{display:flex;flex-direction:column;gap:7px;padding:12px}.production-card-body small,.production-card-body em{font-size:10px;color:var(--muted);font-style:normal}.production-card-body b{font-size:13px;line-height:1.25}.production-batch-list{display:grid;gap:11px}.production-batch-row{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:25px;text-decoration:none}.production-batch-row h3{margin:8px 0 5px}.production-batch-row p{margin:0;color:var(--muted);font-size:12px}.batch-progress{display:grid;grid-template-columns:1fr 58px;gap:7px;align-items:center}.batch-progress>span,.progress-track{display:block;height:10px;background:#232a32;border-radius:999px;overflow:hidden}.batch-progress>span i,.progress-track i{display:block;height:100%;background:var(--accent);border-radius:999px}.batch-progress>b{text-align:right}.batch-progress small{grid-column:1/-1;text-align:right;color:var(--muted)}.big-status{font-size:13px;padding:9px 13px}.batch-dashboard{display:grid;grid-template-columns:2.2fr repeat(4,1fr);gap:12px;margin-bottom:12px}.batch-main-progress{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.batch-main-progress>div{display:flex;flex-direction:column}.batch-main-progress b{font-size:28px;color:var(--accent)}.batch-main-progress span{font-size:11px;color:var(--muted)}.batch-kpi{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.batch-kpi b{font-size:26px}.batch-kpi span{font-size:11px;color:var(--muted)}.batch-kpi.ready b{color:#f6df7a}.batch-kpi.published b{color:var(--ok)}.batch-kpi.failed b{color:var(--danger)}.batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.batch-actions .muted{margin-left:auto}.btn.publish{background:#1d5839;border-color:#27714b;color:#d5ffe5}.btn.publish:hover{background:#246847}.production-items-panel h2,.production-events h2{margin-top:0}.production-items{display:grid;gap:8px}.production-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:9px}.production-item>img{width:72px;height:81px;object-fit:cover;border-radius:9px;background:#eef0ed}.item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.production-item p{margin:5px 0 3px;font-size:12px}.production-item small{color:var(--muted);font-size:10px}.production-item-links{display:flex;gap:6px}.item-error{margin-top:6px;padding:7px 9px;border-radius:8px;background:#3b1f23;color:#ffc4c8;font-size:10px}.production-events{margin-top:12px}.production-event{display:grid;grid-template-columns:105px minmax(0,1fr) 140px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.production-event:first-of-type{border-top:0}.production-event time,.production-event span{color:var(--muted)}.production-event.success b{color:#b9f4d0}.production-event.warning b{color:#ffe2a6}.production-event.error b{color:#ffc4c8}.status-pill.queued{background:#252c35;color:#d3d9df}.status-pill.preparing,.status-pill.publishing{background:#332d17;color:#ffe495}.status-pill.ready{background:#26331b;color:#d8f6a8}.status-pill.published,.status-pill.done{background:#183127;color:#b9f4d0}.status-pill.failed,.status-pill.partial_failed{background:#3b1f23;color:#ffc4c8}
@media(max-width:1250px){.production-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-dashboard{grid-template-columns:2fr repeat(2,1fr)}.production-batch-row{grid-template-columns:1fr 330px}}@media(max-width:980px){.production-layout{grid-template-columns:1fr}.production-config{position:static}.production-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-batch-row{grid-template-columns:1fr}.batch-dashboard{grid-template-columns:1fr 1fr}.batch-main-progress{grid-column:1/-1}.batch-actions .muted{width:100%;margin-left:0}.production-item{grid-template-columns:62px 1fr}.production-item>img{width:62px;height:70px}.production-item-links{grid-column:2}}@media(max-width:600px){.production-card-grid{grid-template-columns:1fr}.production-toolbar{align-items:stretch;flex-direction:column}.production-toolbar label{min-width:0}.batch-dashboard{grid-template-columns:1fr 1fr}.production-event{grid-template-columns:80px 1fr}.production-event span{display:none}}

/* V8.1 preview hotfix */
.editor-product-stage{flex:1;min-height:620px;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 34%,#fff,#e3e7e9 72%);overflow:hidden}
.editor-product-stage>img{display:block;max-width:min(720px,88%);max-height:calc(100vh - 165px);width:auto;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 28px 72px rgba(14,18,22,.17)}
.editor-product-stage[data-preview-mode="design"]{background:repeating-conic-gradient(#e9ecef 0 25%,#f7f8f9 0 50%) 50%/24px 24px}
.editor-product-stage[data-preview-mode="design"]>img{max-width:min(680px,78%);max-height:calc(100vh - 190px);border-radius:0;box-shadow:none}
.preview-toolbar-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;flex-wrap:wrap;justify-content:flex-end}
.preview-segment{display:inline-flex!important;flex-direction:row!important;border:1px solid #cdd3d8;border-radius:10px;overflow:hidden;background:#f4f6f7}
.preview-segment button{border:0;border-right:1px solid #cdd3d8;background:transparent;color:#4a525b;padding:8px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.preview-segment button:last-child{border-right:0}.preview-segment button.active{background:#171a1e;color:#fff}.preview-segment.colors button{font-size:14px;padding:7px 9px;background:#fff}
.basic-card-mockup{background:#f1f2ef}.basic-card-mockup img{object-fit:contain}
.review-basic-mockup{background:#f1f2ef;box-shadow:0 26px 58px rgba(0,0,0,.16)}.review-basic-mockup img{object-fit:contain}
@media(max-width:1050px){.editor-product-stage>img{max-height:none;max-width:min(680px,94%)}.preview-toolbar{height:auto;min-height:68px;padding-top:10px;padding-bottom:10px;align-items:flex-start}.preview-toolbar-actions{max-width:68%}}
@media(max-width:700px){.editor-product-stage{min-height:500px;padding:14px}.editor-product-stage>img{max-width:100%}.preview-toolbar{flex-direction:column}.preview-toolbar-actions{max-width:none;width:100%;justify-content:flex-start}}


/* V8.4.4 – test mode + live credit estimate */
.generator-budget{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:14px;margin-top:4px;align-items:stretch}
.quick-test-toggle{display:flex;flex-direction:row;align-items:center;gap:13px;background:#0d1116;border:1px solid #303843;border-radius:14px;padding:14px 16px;cursor:pointer}
.quick-test-toggle input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent)}
.quick-test-toggle span{display:flex;flex-direction:column;gap:3px}
.quick-test-toggle strong{color:#fff;font-size:14px}.quick-test-toggle small{color:var(--muted);font-weight:500;line-height:1.35}
.credit-estimate{background:#171b21;border:1px solid #3d3a26;border-radius:14px;padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center}
.credit-estimate>span{color:var(--muted);font-size:12px;font-weight:700}.credit-estimate>strong{color:var(--accent);font-size:20px;text-align:right}.credit-estimate>small{grid-column:1/-1;color:#bac2cc;line-height:1.35}
#quick-test:checked+span strong{color:var(--accent)}
#quick-test:checked{box-shadow:0 0 0 3px rgba(255,216,77,.08)}
select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:800px){.generator-budget{grid-template-columns:1fr}}

/* V8.5 Creative workflow */
.creative-card{overflow:hidden}.creative-preview{position:relative;background:#f2f3f1;min-height:420px;display:flex;align-items:center;justify-content:center}.creative-preview .card-preview-image{display:block;width:100%;height:100%;min-height:420px;object-fit:contain}.preview-switch{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:4px;padding:4px;background:rgba(11,13,16,.78);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.12);border-radius:999px}.preview-switch button{border:0;background:transparent;color:#cfd5dc;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.preview-switch button.active{background:#ffd84d;color:#111}.creative-primary-actions{display:flex;gap:8px;margin:12px 0 4px}.creative-like{background:#223628;border-color:#31563b;color:#9cf0b5}.creative-like:hover{background:#294631}.creative-tools{gap:7px;flex-wrap:wrap}.creative-tools .btn{font-size:12px;padding:8px 10px}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#20262e;color:#cfd6df;font-size:12px;font-weight:800}.status-pill.approved{background:#183526;color:#8ce9aa}.status-pill.rejected{background:#3a2020;color:#ffaaaa}
@media(max-width:900px){.creative-preview,.creative-preview .card-preview-image{min-height:340px}}

/* V8.6 one-click product */
.review-actions{flex-wrap:wrap}.review-btn.approve-product{background:#20262e;border:1px solid #4b5563;color:#fff}.review-btn.approve-product:hover{border-color:#ffd84d}.quick-product-hint{margin-top:14px;padding:11px 13px;border:1px solid #34404b;border-radius:12px;background:#0d1116;color:#bfc8d2;font-size:12px;line-height:1.45}.quick-product.done{background:#163724;color:#9cf0b8}.open-quick-product{margin-left:4px}

/* V8.7 – bulk production */
.production-cost{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 14px;color:var(--muted)}
.production-cost b{color:var(--accent);font-size:18px}
.batch-main-progress small{display:block;margin-top:9px;color:var(--muted)}
.bulk-design-select{position:absolute;top:58px;right:12px;z-index:6;width:34px;height:34px;border-radius:10px;background:rgba(10,13,17,.88);border:1px solid #424b56;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.bulk-design-select input{position:absolute;opacity:0;pointer-events:none}.bulk-design-select span{width:20px;height:20px;border:1px solid #687383;border-radius:6px;display:grid;place-items:center;color:transparent;font-weight:900}.bulk-design-select input:checked+span{background:var(--accent);border-color:var(--accent);color:#111}
.creative-card.bulk-selected{outline:2px solid var(--accent);outline-offset:-2px}
.bulk-production-tray{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:40;min-width:min(760px,calc(100vw - 32px));display:flex;gap:14px;align-items:center;padding:13px 16px;background:#171c22;border:1px solid #39434e;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.bulk-production-tray[hidden]{display:none}.bulk-production-tray>div{margin-right:auto;display:flex;flex-direction:column;gap:2px}.bulk-production-tray small{color:var(--muted)}
@media(max-width:720px){.bulk-production-tray{flex-wrap:wrap}.bulk-production-tray>div{width:100%}.bulk-production-tray .btn{flex:1}}
/* V8.8 library quality */
.library-filter{display:grid;grid-template-columns:1.35fr repeat(6,minmax(120px,1fr));gap:12px;align-items:end;margin-bottom:20px}.library-filter .filter-actions{display:flex;gap:8px;align-items:center}.library-card .design-card-body{display:flex;flex-direction:column;gap:10px}.cost-pill{border:1px solid #4b4430;background:#1d1b13;color:#ffe680;border-radius:999px;padding:3px 8px;font-size:11px}.library-controls{display:flex;gap:10px;align-items:center;justify-content:space-between}.grade-picker{display:flex;gap:5px}.library-grade-btn{width:34px;height:32px;border-radius:9px;border:1px solid var(--line);background:#171c22;color:#9fa9b5;font-weight:900;cursor:pointer}.library-grade-btn.active.grade-a{background:#153224;color:#9bf4be;border-color:#2e7d50}.library-grade-btn.active.grade-b{background:#322b13;color:#ffe680;border-color:#806c2e}.library-grade-btn.active.grade-c{background:#351c1c;color:#ffabab;border-color:#854242}.library-state-select{max-width:145px;padding:8px 9px}.library-insights{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);align-items:center}.similarity-link{color:#ffd36a;text-decoration:none}.similarity-link.quiet{color:#8ecfaa}.similarity-source{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center;margin-bottom:18px}.similarity-source-preview{height:190px}.similarity-source-preview img{width:100%;height:100%;object-fit:contain}.similar-list{display:grid;gap:10px}.similar-row{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:14px}.similar-row>img{width:160px;height:150px;object-fit:contain;background:#0d1116;border-radius:12px}.similar-row-body h3{margin:6px 0}.similarity-score{border:1px solid #3b4652;border-radius:999px;padding:3px 8px}.similarity-score.warning{color:#ffe680;border-color:#77662f}.similarity-score.danger{color:#ff9e9e;border-color:#874646}.library-grade{display:inline-flex;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;background:#20262e;font-weight:900}@media(max-width:1250px){.library-filter{grid-template-columns:repeat(4,minmax(140px,1fr))}}@media(max-width:760px){.library-filter{grid-template-columns:1fr 1fr}.similarity-source{grid-template-columns:1fr}.similar-row{grid-template-columns:100px 1fr}.similar-row>img{width:100px;height:110px}}


/* V9 SaaS */
.auth-link{text-align:center;margin:16px 0 0;color:var(--muted);font-size:13px}.auth-link a{color:var(--accent);text-decoration:none;font-weight:750}.signup-card{width:min(500px,calc(100% - 32px))}.usage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.usage-card{padding:17px}.usage-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.usage-card strong{display:block;font-size:26px;margin:5px 0 2px}.usage-card small{color:var(--muted);font-size:11px}.settings-two{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.settings-card form{display:grid;gap:14px}.brand-logo-preview{height:80px;display:flex;align-items:center;padding:10px;background:#0d1116;border:1px solid var(--line);border-radius:12px}.brand-logo-preview img{max-height:60px;max-width:220px;object-fit:contain}.soft{border:0;border-top:1px solid var(--line);margin:24px 0}.team-list{display:grid;gap:10px;margin-top:18px}.team-row{display:grid;grid-template-columns:1.2fr auto 1.5fr;align-items:center;gap:18px;padding:16px 18px}.team-row small{display:block;color:var(--muted);margin-top:4px}.team-badges{display:flex;gap:7px;flex-wrap:wrap}.team-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.team-actions select{width:125px}.inline-check{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.inline-check input{width:auto}.plans-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.plan-card{position:relative}.plan-card.current{border-color:#756a32;box-shadow:0 0 0 2px rgba(255,216,77,.08)}.plan-name{font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.plan-price{font-size:28px;font-weight:900;margin:12px 0}.plan-price small{font-size:11px;color:var(--muted);font-weight:600}.plan-card p{min-height:38px;color:var(--muted);font-size:12px}.plan-card ul{padding-left:18px;color:#cbd3dc;font-size:12px;line-height:1.8;min-height:145px}.saas-note{margin-top:18px}.admin-tenant-list{display:grid;gap:12px}.tenant-admin-card{padding:17px}.tenant-admin-main{display:flex;justify-content:space-between;gap:20px;align-items:center}.tenant-admin-main strong{font-size:18px;margin-left:7px}.tenant-admin-main small{display:block;color:var(--muted);margin-top:5px}.tenant-id{font-size:11px;color:var(--muted)}.tenant-stats{display:flex;gap:20px;margin:15px 0;color:var(--muted);font-size:12px}.tenant-stats b{color:#fff;font-size:15px}.tenant-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.tenant-admin-actions form{display:flex;gap:8px;align-items:center}.tenant-admin-actions select{width:140px}
@media(max-width:1250px){.usage-grid{grid-template-columns:repeat(3,1fr)}.plans-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.settings-two{grid-template-columns:1fr}.team-row{grid-template-columns:1fr}.team-actions{justify-content:flex-start}.plans-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.usage-grid,.plans-grid{grid-template-columns:1fr 1fr}.tenant-admin-main{align-items:flex-start;flex-direction:column}.tenant-admin-actions form{width:100%;flex-wrap:wrap}}
/* V9.2 credit wallet */
.wallet-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:26px;background:linear-gradient(135deg,#171b21,#12161b)}.wallet-label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.wallet-hero strong{display:block;font-size:40px;line-height:1;color:var(--accent)}.wallet-hero strong small{font-size:17px;color:#fff}.wallet-meta{max-width:560px;color:#c9d1db;line-height:1.65;text-align:right}.compact-head{margin-top:28px;margin-bottom:14px}.credit-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.credit-pack{display:flex;flex-direction:column;gap:10px}.credit-pack-count{font-weight:900;font-size:25px}.credit-pack-count small{font-size:14px;color:var(--muted)}.credit-pack-price{font-size:24px;color:var(--accent);font-weight:900}.credit-pack p{color:var(--muted);min-height:42px}.topup-history{padding:0;overflow:hidden}.topup-row{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.4fr 1.6fr;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);font-size:13px}.topup-row:first-child{border-top:0}.topup-head{color:var(--muted);font-weight:750;background:#0f1318}.admin-topup-list{display:grid;gap:12px}.admin-topup-card{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:20px;align-items:center}.admin-topup-card strong,.admin-topup-card small{display:block}.admin-topup-card small{color:var(--muted);margin-top:4px}.admin-topup-value{text-align:right}.admin-topup-value b,.admin-topup-value span{display:block}.admin-topup-value b{font-size:18px}.admin-topup-value span{color:var(--accent);font-weight:800;margin-top:3px}@media(max-width:1000px){.credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topup-card{grid-template-columns:1fr}.admin-topup-value{text-align:left}.wallet-hero{align-items:flex-start;flex-direction:column}.wallet-meta{text-align:left}.topup-row{grid-template-columns:1fr 1fr 1fr}.topup-row span:nth-child(4),.topup-row span:nth-child(5){grid-column:auto}}@media(max-width:620px){.credit-pack-grid{grid-template-columns:1fr}.topup-row{grid-template-columns:1fr 1fr}.wallet-hero strong{font-size:32px}}