:root{--bg:#fff;--ink:#242424;--muted:#85858f;--muted-2:#6f6f78;--line:#eeeeef;--line-strong:#dfdfe3;--green:#22c55e;--red:#e5252a;--black:#242424;--soft:#f4f4f5;--shadow:0 18px 34px #0000000f;--radius:28px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif}body.dark{--bg:#111113;--ink:#f4f4f5;--muted:#a1a1aa;--muted-2:#b8b8c0;--line:#2a2a2e;--line-strong:#3a3a40;--soft:#1f1f23;--shadow:0 18px 34px #00000038}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.45}body.dark .custom-card,body.dark .product-card,body.dark .material-item,body.dark .generated-tile,body.dark .preview-card,body.dark input.custom-input,body.dark textarea.custom-input,body.dark select.custom-input,body.dark .button-pill,body.dark .upload,body.dark .reference{color:var(--ink);background:#17171a}body.dark .button-pill.black,body.dark .material-tabs button.active{color:var(--black);background:#f4f4f5;border-color:#f4f4f5}body.dark .upload,body.dark .reference{border-color:#3a3a40}body.dark .pill,body.dark .num,body.dark .material-tabs button{color:#d4d4d8;background:#242428}.login-screen{z-index:30;background:var(--bg);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.login-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:var(--bg);border-radius:30px;gap:20px;padding:34px;display:grid}.login-logo{width:220px;height:auto;display:block}.top-logo{opacity:.9;width:auto;height:54px;display:block}.custom-ui button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0}.custom-ui input.custom-input,.custom-ui textarea.custom-input,.custom-ui select.custom-input{font:inherit}.page{width:min(1640px,100vw - 220px);margin:0 auto;padding:38px 0 64px}.custom-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.custom-ui h1,.custom-ui h2,.custom-ui h3,.custom-ui p{letter-spacing:0;margin:0}.custom-ui h1{font-size:27px;font-weight:700;line-height:1.2}.custom-ui h2{margin-bottom:12px;font-size:26px;font-weight:700;line-height:1.2}.custom-ui h3{margin-bottom:8px;font-size:20px;font-weight:700}.muted{color:var(--muted-2)}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.brand-title{gap:6px;display:grid}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-title p{color:var(--muted-2);font-size:14px;font-weight:650}.theme-icon{color:#4b4b54;background:#fff;border:1px solid #e2e2e4;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 1px 2px #00000008}body.dark .theme-icon{color:#f4f4f5;border-color:var(--line-strong);background:#17171a}.welcome{text-align:right;color:var(--ink);gap:6px;display:grid}.welcome strong{font-size:18px}.quota-mini{color:#696972;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px;font-weight:650;display:flex}.button-pill{color:#4b4b54;cursor:pointer;background:#fff;border:1px solid #e2e2e4;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:8px 18px;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000008}.button-pill.black{color:#fff;border-color:var(--black);background:#0a0a0b}.button-pill:disabled{opacity:.42;cursor:not-allowed}.tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:78px;display:flex;overflow-x:auto}.tab{color:#8b8b95;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0 0 13px;font-size:18px;font-weight:500;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";background:var(--ink);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.section-head{margin-bottom:32px}.section-head p{color:var(--muted-2);font-size:19px}.quota-grid,.work-grid,.three-grid,.product-grid{gap:24px;margin-bottom:24px;display:grid}.quota-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-grid{grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr)}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generate-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:18px;margin-bottom:28px;display:grid}.generate-layout .product-grid{gap:14px;margin-bottom:0}.custom-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;min-height:220px;padding:34px}.custom-card.compact{min-height:168px}.card-title{color:#a0a0a8;margin-bottom:10px;font-size:18px;font-weight:700}.big-number{margin-bottom:28px;font-size:34px;font-weight:760;line-height:1.1}.big-number span{margin-left:7px;font-size:20px;font-weight:650}.progress{background:#ececf0;border-radius:999px;width:100%;height:18px;margin-bottom:22px;overflow:hidden}.progress i{border-radius:inherit;background:var(--green);height:100%;display:block}.reset{color:#9b9ba3;font-size:17px;font-weight:500}.wide-card{justify-content:space-between;align-items:center;gap:20px;margin-bottom:58px;display:flex}.plus{color:#fff;background:#060607;border-radius:50%;place-items:center;width:40px;height:40px;font-size:30px;line-height:1;display:grid}.divider{background:var(--line);height:1px;margin:54px 0 34px}.field-stack{gap:18px;display:grid}.custom-ui label.field-label{color:#8f8f98;margin-bottom:8px;font-size:17px;font-weight:700;display:block}.custom-input{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:11px 14px;font-family:inherit;font-size:16px}textarea.custom-input{resize:vertical;min-height:112px}.custom-input:focus{border-color:#b9b9bf;box-shadow:0 0 0 3px #0000000a}.product-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:18px}.product-card h3{justify-content:space-between;align-items:center;gap:12px;font-size:18px;display:flex}.product-card .field-stack{gap:16px}.product-card label.field-label{margin-bottom:6px;font-size:14px}.product-card .custom-input{border-radius:12px;min-height:38px;padding:9px 10px;font-size:14px}.product-card textarea.custom-input{min-height:86px}.upload-grid,.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.upload,.reference{text-align:center;color:#96969f;cursor:pointer;background:#fbfbfc;border:1px dashed #d0d0d5;border-radius:14px;place-items:center;min-height:76px;padding:14px;font-size:13px;font-weight:650;display:grid}.reference{background:linear-gradient(#ffffff0a,#ffffffe6),linear-gradient(135deg,#f3f3f6,#f9f9fa);min-height:78px}.upload.is-dragover,.reference.is-dragover{border-color:var(--ink);color:var(--ink);background:#f4f4f5}.upload.is-filled,.reference.is-filled{color:#4f4f56;background:linear-gradient(#ffffff05,#ffffffdb),linear-gradient(135deg,#e9f8ef,#f4f4f5);border-style:solid;border-color:#c8c8ce}.upload input,.reference input{display:none}.upload span,.reference span{gap:4px;display:grid}.upload small,.reference small{color:#aaaab2;font-size:11px;font-weight:600}.option-row{flex-wrap:wrap;gap:8px;display:flex}.option-row label{border:1px solid var(--line-strong);color:#62626b;cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:30px;margin:0;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.option-row input[type=radio]{width:15px;min-height:15px;accent-color:var(--black)}.inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hint{color:var(--muted-2);margin-top:-2px;font-size:12px;font-weight:650}.material-browser{grid-template-rows:auto auto auto auto minmax(0,1fr);gap:14px;height:100%;min-height:100%;display:grid}.material-scroll{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;max-height:778px;padding-right:2px;display:grid;overflow:auto}.material-item{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:1fr;align-items:center;gap:10px;padding:10px;display:grid}.material-tabs{flex-wrap:wrap;gap:6px;display:flex}.material-tabs button{color:#66666f;cursor:pointer;background:#f1f1f3;border:none;border-radius:999px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:750}.material-tabs button.active{color:#fff;background:#111113}.material-item:hover{background:#fbfbfc;border-color:#c8c8ce}.material-thumb{aspect-ratio:1;color:#55555c;background:linear-gradient(#ffffff14,#ffffffe6),linear-gradient(135deg,#f4f4f5,#e8f7ef);border-radius:14px;place-items:center;width:100%;font-weight:800;display:grid}.material-item strong{margin-bottom:3px;font-size:14px;display:block}.material-item span{color:var(--muted-2);font-size:12px;display:block}.material-upload{text-align:center;color:#8f8f98;cursor:pointer;background:#fbfbfc;border:1px dashed #d0d0d5;border-radius:18px;place-items:center;min-height:82px;padding:14px;font-weight:700;display:grid}.material-upload input{display:none}.material-upload small{color:#aaaab2;margin-top:4px;font-size:12px;display:block}.material-upload.is-filled{color:#4f4f56;background:#f4f4f5;border-style:solid}.generated-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.generated-tile{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;gap:8px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000009}.generated-tile.selected{border-color:var(--black);box-shadow:0 0 0 2px var(--black);background:#fbfbfc}.tile-thumb{aspect-ratio:1.12;color:#55555c;background:linear-gradient(#ffffff14,#ffffffe6),linear-gradient(135deg,#e8f7ef,#eff2ff 58%,#fff5db);border-radius:14px;place-items:center;font-weight:800;display:grid}.tile-thumb img{object-fit:cover;border-radius:14px;width:100%;height:100%}.generated-tile strong{font-size:14px;line-height:1.25}.generated-tile p{color:var(--muted-2);margin:0;font-size:12px;line-height:1.35}.pill{color:#606068;background:#f1f1f3;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.pill.good{color:#16834d;background:#e9f8ef}.pill.warn{color:#9a6700;background:#fff5d8}.pill.bad{color:#b42318;background:#fff0ee}.toast{color:#fff;opacity:0;pointer-events:none;z-index:1000;background:#111113;border-radius:999px;padding:12px 18px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:26px;right:28px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.admin-portal .ant-card{border-radius:16px}.admin-portal .ant-table-wrapper{background:0 0}