@charset "UTF-8";[data-v-f45b2b75]:root{--paper: #f5f2ec;--paper-warm: #efeae0;--card: #ffffff;--ink: #1c1a17;--ink-soft: #4a463f;--muted: #8a8378;--muted-soft: #b7afa3;--line: #e8e1d2;--line-soft: #f0ebde;--accent: #c5470c;--accent-deep: #9d3608;--accent-soft: #fae3d0;--accent-tint: #fdf2e6;--info: #2c4a6b;--info-soft: #dde6f0;--success: #4a6b3c;--success-soft: #dee8d4;--warn: #b58a2e;--warn-soft: #f5ead0;--danger: #a83d2e;--danger-soft: #f4dad4;--sidebar-bg: #1c1a17;--sidebar-fg: #e8e1d2;--sidebar-mut: #8a8378;--shadow-sm: 0 1px 2px rgba(28, 26, 23, .04), 0 1px 3px rgba(28, 26, 23, .03);--shadow-md: 0 4px 12px rgba(28, 26, 23, .05), 0 2px 4px rgba(28, 26, 23, .04);--shadow-lg: 0 12px 32px rgba(28, 26, 23, .1), 0 4px 12px rgba(28, 26, 23, .06);--shadow-xl: 0 24px 48px rgba(28, 26, 23, .16), 0 8px 16px rgba(28, 26, 23, .08);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font-display: "Fraunces", "Songti SC", "STSong", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}.icon-btn[data-v-f45b2b75]{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);position:relative;transition:background .15s}.icon-btn[data-v-f45b2b75]:hover{background:var(--paper-warm)}.icon-btn svg[data-v-f45b2b75]{width:17px;height:17px}.icon-btn .badge-dot[data-v-f45b2b75]{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:2px solid var(--paper)}.modal-backdrop[data-v-f45b2b75]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1773;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease}.modal-backdrop.active[data-v-f45b2b75]{display:flex}.modal[data-v-f45b2b75]{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - 48px);display:flex;flex-direction:column;width:100%;max-width:520px;animation:modal-in .25s cubic-bezier(.2,.8,.2,1)}.modal-lg[data-v-f45b2b75]{max-width:760px}.modal-xl[data-v-f45b2b75]{max-width:1100px}.modal-head[data-v-f45b2b75]{padding:22px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.modal-head .titles h2[data-v-f45b2b75]{font-size:21px;font-variation-settings:"opsz" 72;font-weight:500;margin-bottom:4px}.modal-head .titles p[data-v-f45b2b75]{color:var(--muted);font-size:13px}.modal-head .titles p .subtitle-num[data-v-f45b2b75]{color:var(--accent-deep);font-weight:700}.modal-body[data-v-f45b2b75]{padding:22px 24px;overflow-y:auto;flex:1}.modal-foot[data-v-f45b2b75]{padding:14px 22px 18px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);background:var(--paper-warm);border-radius:0 0 var(--r-xl) var(--r-xl)}[data-v-8d7b79ba]:root{--paper: #f5f2ec;--paper-warm: #efeae0;--card: #ffffff;--ink: #1c1a17;--ink-soft: #4a463f;--muted: #8a8378;--muted-soft: #b7afa3;--line: #e8e1d2;--line-soft: #f0ebde;--accent: #c5470c;--accent-deep: #9d3608;--accent-soft: #fae3d0;--accent-tint: #fdf2e6;--info: #2c4a6b;--info-soft: #dde6f0;--success: #4a6b3c;--success-soft: #dee8d4;--warn: #b58a2e;--warn-soft: #f5ead0;--danger: #a83d2e;--danger-soft: #f4dad4;--sidebar-bg: #1c1a17;--sidebar-fg: #e8e1d2;--sidebar-mut: #8a8378;--shadow-sm: 0 1px 2px rgba(28, 26, 23, .04), 0 1px 3px rgba(28, 26, 23, .03);--shadow-md: 0 4px 12px rgba(28, 26, 23, .05), 0 2px 4px rgba(28, 26, 23, .04);--shadow-lg: 0 12px 32px rgba(28, 26, 23, .1), 0 4px 12px rgba(28, 26, 23, .06);--shadow-xl: 0 24px 48px rgba(28, 26, 23, .16), 0 8px 16px rgba(28, 26, 23, .08);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font-display: "Fraunces", "Songti SC", "STSong", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}.confirm-credit-text[data-v-8d7b79ba]{margin-right:auto;color:var(--ink-soft);font-family:var(--font-mono);font-size:12px;line-height:1.5;white-space:pre-line}.confirm-credit-text .credit-num[data-v-8d7b79ba]{color:var(--accent-deep);font-weight:700}:root{--paper: #f5f2ec;--paper-warm: #efeae0;--card: #ffffff;--ink: #1c1a17;--ink-soft: #4a463f;--muted: #8a8378;--muted-soft: #b7afa3;--line: #e8e1d2;--line-soft: #f0ebde;--accent: #c5470c;--accent-deep: #9d3608;--accent-soft: #fae3d0;--accent-tint: #fdf2e6;--info: #2c4a6b;--info-soft: #dde6f0;--success: #4a6b3c;--success-soft: #dee8d4;--warn: #b58a2e;--warn-soft: #f5ead0;--danger: #a83d2e;--danger-soft: #f4dad4;--sidebar-bg: #1c1a17;--sidebar-fg: #e8e1d2;--sidebar-mut: #8a8378;--shadow-sm: 0 1px 2px rgba(28, 26, 23, .04), 0 1px 3px rgba(28, 26, 23, .03);--shadow-md: 0 4px 12px rgba(28, 26, 23, .05), 0 2px 4px rgba(28, 26, 23, .04);--shadow-lg: 0 12px 32px rgba(28, 26, 23, .1), 0 4px 12px rgba(28, 26, 23, .06);--shadow-xl: 0 24px 48px rgba(28, 26, 23, .16), 0 8px 16px rgba(28, 26, 23, .08);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font-display: "Fraunces", "Songti SC", "STSong", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(28,26,23,.02) 1px,transparent 1px),radial-gradient(rgba(28,26,23,.012) 1px,transparent 1px);background-size:24px 24px,7px 7px;background-position:0 0,12px 12px;pointer-events:none;z-index:1;mix-blend-mode:multiply}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.15;color:var(--ink)}h1{font-size:36px;font-variation-settings:"opsz" 144,"SOFT" 30}h2{font-size:24px;font-variation-settings:"opsz" 72}h3{font-size:18px;font-variation-settings:"opsz" 36;font-weight:600}h4{font-size:15px;font-variation-settings:"opsz" 14;font-weight:600}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}.serif-italic{font-family:var(--font-display);font-style:italic;font-weight:400}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.app{display:grid;grid-template-columns:232px 1fr;height:100vh;position:relative;z-index:2}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:22px 0;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(232,225,210,.08) 30%,rgba(232,225,210,.08) 70%,transparent 100%)}.brand{padding:0 22px 28px;display:flex;align-items:baseline;gap:10px}.brand-mark{font-family:var(--font-display);font-size:24px;font-weight:500;font-variation-settings:"opsz" 144,"SOFT" 50;color:#f5f2ec;letter-spacing:-.02em}.brand-mark em{font-style:italic;color:var(--accent);font-weight:400}.brand-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--sidebar-mut)}.nav-section{padding:0 12px;margin-bottom:18px}.nav-section-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sidebar-mut);padding:0 10px 8px;font-weight:500}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--r-sm);color:#e8e1d2b8;font-size:13.5px;cursor:pointer;transition:background .15s ease,color .15s ease;margin-bottom:1px}.nav-item:hover{background:#e8e1d20f;color:var(--sidebar-fg)}.nav-item.active{background:#c5470c24;color:#fae3d0}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{width:16px;height:16px;flex-shrink:0;color:var(--sidebar-mut)}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:inherit}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:#e8e1d21a;padding:2px 6px;border-radius:4px;color:#e8e1d2b3}.sidebar-footer{margin-top:auto;padding:14px 16px 4px;border-top:1px solid rgba(232,225,210,.08);margin-left:12px;margin-right:12px}.credits-card{background:#e8e1d20a;border:1px solid rgba(232,225,210,.1);border-radius:var(--r-md);padding:16px 14px 15px}.credits-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-mut);margin-bottom:8px}.credits-balance-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.credits-num{font-family:var(--font-display);font-size:46px;font-weight:400;font-variation-settings:"opsz" 144;color:#f5f2ec;line-height:.92;display:flex;align-items:baseline;gap:4px}.credits-recharge-btn{font-family:var(--font-body);font-size:13px;color:var(--accent);font-weight:500;padding-bottom:2px;flex-shrink:0}.credits-recharge-btn:hover{text-decoration:underline}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 12px 8px;margin-top:6px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c5470c,#d97a3a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:var(--font-mono);flex-shrink:0}.user-meta{line-height:1.25;min-width:0;flex:1}.user-name{font-size:12.5px;color:#f5f2ec}.main{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.topbar{height:56px;border-bottom:1px solid var(--line);background:#f5f2ecd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 32px;gap:16px;z-index:10;flex-shrink:0}.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:500}.crumb svg{width:12px;height:12px;opacity:.5}.topbar-spacer{flex:1}.top-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft);padding:6px 11px;border-radius:999px;background:var(--paper-warm);border:1px solid var(--line)}.top-status .dot{width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px var(--success-soft)}.top-status b{font-family:var(--font-mono);font-weight:500}.icon-btn{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);position:relative;transition:background .15s}.icon-btn:hover{background:var(--paper-warm)}.icon-btn svg{width:17px;height:17px}.icon-btn .badge-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:2px solid var(--paper)}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;border:1px solid transparent;background:var(--card);color:var(--ink);border-color:var(--line);transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--paper-warm);border-color:var(--muted-soft)}.btn svg{width:14px;height:14px}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:#2a2620;border-color:#2a2620}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 2px #c5470c40}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--paper-warm)}.btn-danger{background:var(--card);color:var(--danger);border-color:var(--line)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:5px}.btn-lg{height:44px;padding:0 22px;font-size:14.5px}.btn[disabled]{opacity:.45;cursor:not-allowed}.content{flex:1;overflow-y:auto;scroll-behavior:smooth}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--muted-soft);border-radius:5px;border:3px solid var(--paper)}.content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.view{display:none;padding:28px 32px 80px;max-width:1480px;margin:0 auto}.view.active{display:block}.view-narrow{max-width:1040px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.page-head .left{flex:1}.page-head h1{font-size:40px;margin-top:8px;font-variation-settings:"opsz" 144,"SOFT" 50;font-weight:400}.page-head h1 em{font-style:italic;color:var(--accent);font-weight:300}.page-head .right{display:flex;gap:8px;align-items:center}.page-head .desc{color:var(--muted);margin-top:6px;font-size:13.5px;max-width:560px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-pad-lg{padding:28px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title h3{font-family:var(--font-display);font-weight:500;font-size:17px;font-variation-settings:"opsz" 36}.section-title .num{font-family:var(--font-mono);font-size:11px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.section-divider{height:1px;background:var(--line);margin:24px 0}.field{margin-bottom:18px}.label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink);margin-bottom:7px}.label .req{color:var(--accent)}.label .hint{color:var(--muted);font-weight:400;font-size:11.5px;margin-left:4px}.label-row{display:flex;justify-content:space-between;align-items:center}.input,.textarea,.select{width:100%;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;color:var(--ink);transition:border-color .15s,background .15s}.input:focus,.textarea:focus,.select:focus{outline:none;background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:88px;line-height:1.5}.input.error,.textarea.error{border-color:var(--danger);background:var(--danger-soft)}.input::placeholder,.textarea::placeholder{color:var(--muted-soft)}.input:-webkit-autofill,.textarea:-webkit-autofill,.select:-webkit-autofill{box-shadow:0 0 0 1000px var(--paper-warm) inset;-webkit-box-shadow:0 0 0 1000px var(--paper-warm) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}.input:-webkit-autofill:focus,.textarea:-webkit-autofill:focus,.select:-webkit-autofill:focus{border-color:var(--accent);box-shadow:0 0 0 1000px var(--card) inset,0 0 0 3px var(--accent-soft);-webkit-box-shadow:0 0 0 1000px var(--card) inset,0 0 0 3px var(--accent-soft)}.error-msg{font-size:11.5px;color:var(--danger);margin-top:4px;display:none}.error-msg.show{display:block}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:11.5px;font-weight:500;background:var(--paper-warm);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap}.tag-mono{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em}.tag-success{background:var(--success-soft);color:var(--success);border-color:transparent}.tag-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.tag-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.tag-info{background:var(--info-soft);color:var(--info);border-color:transparent}.tag-accent{background:var(--accent-soft);color:var(--accent-deep);border-color:transparent}.tag-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.status-pulse{width:7px;height:7px;border-radius:50%;display:inline-block;position:relative}.status-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:currentColor;opacity:.25;animation:pulse 1.4s ease-out infinite}.placeholder-img{background:linear-gradient(135deg,#f0ebde,#e8e1d2);position:relative;overflow:hidden;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.placeholder-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent 0 18px,rgba(28,26,23,.03) 18px 19px)}.placeholder-img .ph-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card);padding:4px 8px;border-radius:3px;border:1px solid var(--line);z-index:1}.ph-product{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ph-product svg{width:60%;height:60%}#toasts{position:fixed;top:70px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:var(--r-sm);font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);animation:toast-in .25s ease;min-width:240px;max-width:360px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warn{background:var(--warn);color:var(--ink)}.toast svg{width:16px;height:16px;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1773;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease}.modal-backdrop.active{display:flex}.modal{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - 48px);display:flex;flex-direction:column;width:100%;max-width:520px;animation:modal-in .25s cubic-bezier(.2,.8,.2,1)}.modal-lg{max-width:760px}.modal-xl{max-width:1100px}.modal-head{padding:22px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.modal-head .titles h2{font-size:21px;font-variation-settings:"opsz" 72;font-weight:500;margin-bottom:4px}.modal-head .titles p{color:var(--muted);font-size:13px}.modal-body{padding:22px 24px;overflow-y:auto;flex:1}.modal-foot{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);background:var(--paper-warm);border-radius:0 0 var(--r-xl) var(--r-xl)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1759;z-index:99;display:none;animation:fade-in .2s ease}.drawer-backdrop.active{display:block}.drawer{position:fixed;right:0;top:0;height:100vh;width:520px;max-width:92vw;background:var(--card);z-index:100;box-shadow:var(--shadow-xl);display:none;flex-direction:column;animation:drawer-in .3s cubic-bezier(.2,.8,.2,1)}.drawer.active{display:flex}.drawer-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h3{font-family:var(--font-display);font-size:18px;font-weight:500}.drawer-body{padding:20px 22px;flex:1;overflow-y:auto}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:220px;max-width:380px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none}.search-box input{width:100%;height:36px;padding:0 14px 0 34px;border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);font-size:13px}.search-box input:focus{outline:none;border-color:var(--ink)}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12.5px;color:var(--ink-soft);cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--ink-soft)}.filter-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-chip.active .count{color:#f5f2ec99}.filter-chip .count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.product-card:hover{border-color:var(--ink-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-img{aspect-ratio:5/4;background:var(--paper-warm);position:relative;overflow:hidden}.product-card-img .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.product-card-status{position:absolute;top:12px;left:12px}.product-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.product-card:hover .product-card-actions{opacity:1}.product-card-actions .icon-btn{width:30px;height:30px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line)}.product-card-actions .icon-btn svg{width:14px;height:14px}.product-card-body{padding:14px 16px 16px}.product-card-name{font-family:var(--font-display);font-size:16px;font-weight:500;font-variation-settings:"opsz" 36;line-height:1.3;margin-bottom:4px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-card-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);margin-bottom:12px}.product-card-meta .dot{width:2px;height:2px;background:var(--muted-soft);border-radius:50%}.product-card-stats{display:flex;gap:10px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:11px;color:var(--ink-soft)}.product-card-stats span{display:inline-flex;align-items:center;gap:4px}.product-card-stats b{font-family:var(--font-mono);font-weight:600;color:var(--ink);font-size:11.5px}.product-card-stats svg{width:11px;height:11px;color:var(--muted)}.product-card-new{border:1.5px dashed var(--line);background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);min-height:280px}.product-card-new:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent);transform:none;box-shadow:none}.product-card-new svg{width:28px;height:28px}.product-card-new span{font-family:var(--font-display);font-size:16px;font-style:italic;font-weight:400}.create-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:1100px){.create-grid{grid-template-columns:1fr}}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 11px;background:var(--paper-warm);border:1px solid var(--line);border-radius:999px;font-size:12.5px;margin:0 6px 6px 0}.tag-chip .x{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--line);color:var(--ink-soft);font-size:14px;line-height:1;cursor:pointer}.tag-chip .x:hover{background:var(--danger);color:#fff}.selling-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.selling-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);background:var(--paper-warm);border-radius:var(--r-sm)}.selling-item .num{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:18px}.selling-item input{flex:1;border:none;background:transparent;font-size:13.5px;outline:none}.selling-item button{color:var(--muted);padding:4px}.selling-item button:hover{color:var(--danger)}.color-card{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;background:var(--paper-warm);margin-bottom:12px;position:relative}.color-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.color-swatch{width:22px;height:22px;border-radius:5px;border:1px solid var(--line);flex-shrink:0;cursor:pointer;position:relative}.color-card .color-name{flex:1;border:none;background:transparent;font-weight:500;font-size:14px;outline:none;padding:4px 0}.color-card .color-name:focus{border-bottom:1px solid var(--accent)}.color-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.color-img-slot{aspect-ratio:1;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}.color-img-slot .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.color-img-slot .img-x{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#1c1a17b3;color:#fff;display:none;align-items:center;justify-content:center;font-size:11px;cursor:pointer}.color-img-slot:hover .img-x{display:flex}.upload-slot{border:1.5px dashed var(--line);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;color:var(--muted);cursor:pointer;transition:all .15s}.upload-slot:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.upload-slot svg{width:18px;height:18px}.create-side .card{margin-bottom:16px}.workspace-head{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;background:linear-gradient(180deg,var(--card) 0%,var(--paper-warm) 100%);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;margin-bottom:24px}.workspace-cover{aspect-ratio:1;border-radius:var(--r-md);background:var(--paper);position:relative;overflow:hidden}.workspace-info h2{font-size:28px;margin-bottom:6px;font-variation-settings:"opsz" 72,"SOFT" 30;font-weight:400}.workspace-info h2 em{font-style:italic;color:var(--accent)}.workspace-meta{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.workspace-desc{color:var(--ink-soft);font-size:13.5px;line-height:1.65;margin-bottom:14px}.workspace-points{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.workspace-point{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-soft)}.workspace-point:before{content:"•";color:var(--accent);font-weight:600;flex-shrink:0}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-section{margin-bottom:32px}.workspace-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.workspace-section-head .left h3{font-size:19px;font-variation-settings:"opsz" 36;font-weight:500;margin-bottom:2px}.workspace-section-head .left h3 em{font-style:italic;font-weight:400}.workspace-section-head .left p{color:var(--muted);font-size:12.5px}.color-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.color-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.color-tile-img{aspect-ratio:1;background:var(--paper-warm);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.color-tile-img .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.color-tile-img .corner{position:absolute;top:8px;left:8px}.color-tile-img .corner-mono{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:10px;background:#1c1a17b3;color:var(--paper);padding:2px 6px;border-radius:3px;letter-spacing:.05em}.gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c5470c1a,#1c1a178c);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;z-index:2}.gen-overlay .spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.gen-overlay .gen-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.gen-overlay .gen-pct{font-family:var(--font-display);font-size:22px;font-weight:400;font-variation-settings:"opsz" 72}.gen-failed{position:absolute;top:0;right:0;bottom:0;left:0;background:#a83d2ed9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;z-index:2}.gen-failed svg{width:24px;height:24px}.gen-failed-label{font-size:11.5px}.color-tile-body{padding:10px 12px 12px}.color-tile-name{font-size:13px;font-weight:500;margin-bottom:4px;display:flex;align-items:center;gap:6px}.color-tile-name .swatch{width:11px;height:11px;border-radius:3px;border:1px solid var(--line)}.color-tile-actions{display:flex;gap:4px;margin-top:8px}.color-tile-actions button{font-size:11.5px;padding:5px 8px;border-radius:4px;background:var(--paper-warm);border:1px solid var(--line);color:var(--ink-soft)}.color-tile-actions button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.main-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.main-config-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:12px 14px;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap}.main-config-bar .seg-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:4px}.seg-group{display:inline-flex;background:var(--card);border-radius:var(--r-sm);padding:2px;border:1px solid var(--line)}.seg-group button{padding:4px 10px;font-size:12px;border-radius:4px;color:var(--muted)}.seg-group button.active{background:var(--ink);color:var(--paper)}.main-config-bar .spacer{flex:1}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.history-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;cursor:pointer;transition:all .15s}.history-card:hover{border-color:var(--ink-soft);box-shadow:var(--shadow-sm)}.history-thumbs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:14px}.history-thumbs .thumb{aspect-ratio:3/4;background:var(--paper-warm);border-radius:5px;position:relative;overflow:hidden}.history-thumbs .thumb .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.history-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px}.history-card-meta{color:var(--muted);font-size:11.5px}.history-card-name{font-weight:500;margin-bottom:4px;font-size:13.5px}.wizard-layout{display:grid;grid-template-columns:220px 1fr 320px;gap:28px;align-items:start}@media(max-width:1300px){.wizard-layout{grid-template-columns:200px 1fr 280px;gap:18px}}@media(max-width:1100px){.wizard-layout{grid-template-columns:1fr}}.wizard-steps{position:sticky;top:28px}.wizard-steps .eyebrow{margin-bottom:14px;display:block}.wizard-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0;cursor:pointer;position:relative;border-radius:var(--r-sm)}.wizard-step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;width:1px;height:calc(100% - 12px);background:var(--line)}.wizard-step.done:not(:last-child):before{background:var(--accent)}.wizard-step .num{width:26px;height:26px;border-radius:50%;background:var(--paper-warm);border:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);z-index:1;position:relative;font-weight:500}.wizard-step.active .num{background:var(--ink);color:var(--paper);border-color:var(--ink)}.wizard-step.done .num{background:var(--accent);color:#fff;border-color:var(--accent)}.wizard-step .meta{padding-top:3px;min-width:0}.wizard-step .meta .t{font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:1px}.wizard-step .meta .s{font-size:11.5px;color:var(--muted)}.wizard-step.active .meta .t,.wizard-step.done .meta .t{color:var(--ink)}.wizard-main{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;min-height:480px}.wizard-step-head{padding:24px 28px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--paper-warm),var(--card))}.wizard-step-head .eyebrow{margin-bottom:6px;display:block}.wizard-step-head h2{font-size:26px;font-variation-settings:"opsz" 72;font-weight:400;margin-bottom:6px}.wizard-step-head h2 em{font-style:italic;color:var(--accent)}.wizard-step-head p{color:var(--muted);font-size:13.5px}.wizard-body{padding:24px 28px}.wizard-foot{padding:16px 24px;border-top:1px solid var(--line);background:var(--paper-warm);display:flex;justify-content:space-between;align-items:center}.wizard-foot .progress-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.wizard-aside{position:sticky;top:28px;display:flex;flex-direction:column;gap:14px}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px}.summary-card h4{font-family:var(--font-display);font-size:14px;font-weight:500;font-variation-settings:"opsz" 14;margin-bottom:12px;display:flex;align-items:center;gap:7px}.summary-card h4:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.summary-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-soft);font-size:12.5px;gap:8px}.summary-row:last-child{border-bottom:none}.summary-row .k{color:var(--muted);flex-shrink:0}.summary-row .v{color:var(--ink);font-weight:500;text-align:right;word-break:break-all;max-width:60%}.summary-row .v.unset{color:var(--muted-soft);font-weight:400;font-style:italic}.color-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.color-pick{border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:all .15s;position:relative;background:var(--card)}.color-pick:hover{border-color:var(--ink-soft)}.color-pick.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.color-pick.disabled{opacity:.55;cursor:not-allowed;background:repeating-linear-gradient(135deg,var(--paper-warm) 0 8px,var(--card) 8px 16px)}.color-pick-img{aspect-ratio:1;background:var(--paper-warm);position:relative;overflow:hidden}.color-pick-img .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.color-pick-foot{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.color-pick-foot .name{display:flex;align-items:center;gap:6px;font-weight:500}.color-pick-foot .swatch{width:11px;height:11px;border-radius:3px;border:1px solid var(--line)}.color-pick.active:after{content:"✓";position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.switch{position:relative;width:36px;height:20px;background:var(--line);border-radius:999px;cursor:pointer;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--card);border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(16px)}.switch-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--r-md);margin-top:16px}.switch-row .meta{flex:1}.switch-row .t{font-weight:500;font-size:13.5px}.switch-row .s{color:var(--muted);font-size:12px;margin-top:2px}.count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.count-option{border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px;cursor:pointer;text-align:center;background:var(--card);transition:all .15s}.count-option:hover{border-color:var(--ink-soft)}.count-option.active{border-color:var(--accent);background:var(--accent-tint)}.count-option .n{font-family:var(--font-display);font-size:28px;font-weight:500;font-variation-settings:"opsz" 72;line-height:1}.count-option .n em{color:var(--accent);font-style:italic;font-weight:400}.count-option .l{font-size:11.5px;color:var(--muted);margin-top:4px}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-list-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;transition:border-color .15s}.detail-list-item:hover{border-color:var(--muted-soft)}.detail-list-item .drag{display:flex;flex-direction:column;align-items:center;cursor:grab}.detail-list-item .drag .order{font-family:var(--font-mono);font-size:12px;color:var(--muted);font-weight:600}.detail-list-item .drag svg{width:14px;height:14px;color:var(--muted-soft);margin-top:2px}.detail-list-item .body{display:flex;flex-direction:column;gap:4px;min-width:0}.detail-list-item .body select{border:none;background:transparent;padding:0;font-size:14px;font-weight:500;color:var(--ink);outline:none;cursor:pointer;width:100%}.detail-list-item .body select:focus{color:var(--accent)}.detail-list-item .body .desc{font-size:11.5px;color:var(--muted)}.detail-list-item .actions{display:flex;gap:4px}.detail-list-item .icon-btn{width:26px;height:26px}.detail-list-item .icon-btn svg{width:13px;height:13px}.add-detail-btn{width:100%;border:1.5px dashed var(--line);background:transparent;padding:12px;border-radius:var(--r-md);color:var(--muted);font-size:13px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px}.add-detail-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.copy-list{display:flex;flex-direction:column;gap:14px}.copy-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:16px}.copy-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.copy-card-head .left{display:flex;align-items:center;gap:10px}.copy-card-head .num{width:22px;height:22px;border-radius:4px;background:var(--paper-warm);border:1px solid var(--line);font-family:var(--font-mono);font-size:11px;display:inline-flex;align-items:center;justify-content:center}.copy-card-head h5{font-size:14px;font-weight:600}.copy-card-textarea{width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-warm);font-size:13.5px;resize:vertical;outline:none;font-family:inherit}.copy-card-textarea:focus{background:var(--card);border-color:var(--accent)}.strategy-group{display:inline-flex;gap:6px;flex-wrap:wrap}.strategy-pill{padding:5px 10px;font-size:12px;border-radius:999px;border:1px solid var(--line);background:var(--paper-warm);cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);transition:all .15s}.strategy-pill svg{width:11px;height:11px}.strategy-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.strategy-pill:hover:not(.active){border-color:var(--ink-soft)}.copy-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--muted)}.copy-card-foot .ai-rewrite{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:500;cursor:pointer}.copy-card-foot .ai-rewrite:hover{text-decoration:underline}.copy-card-foot .ai-rewrite svg{width:12px;height:12px}.ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:900px){.ratio-grid{grid-template-columns:repeat(3,1fr)}}.ratio-tile{border:1.5px solid var(--line);border-radius:var(--r-md);padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);transition:all .15s}.ratio-tile:hover{border-color:var(--ink-soft)}.ratio-tile.active{border-color:var(--accent);background:var(--accent-tint)}.ratio-shape{background:var(--paper-warm);border:1px solid var(--line);border-radius:3px;position:relative}.ratio-tile.active .ratio-shape{background:var(--accent-soft);border-color:var(--accent)}.ratio-tile .label{font-family:var(--font-mono);font-size:13px;font-weight:600}.ratio-tile .desc{font-size:11px;color:var(--muted);text-align:center}.style-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.style-chip{padding:8px 14px;border-radius:999px;background:var(--paper-warm);border:1px solid var(--line);font-size:13px;cursor:pointer;transition:all .15s}.style-chip:hover{border-color:var(--ink-soft)}.style-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ref-upload-card{border:1.5px dashed var(--line);border-radius:var(--r-md);padding:24px;text-align:center;background:var(--paper-warm);cursor:pointer;transition:all .15s}.ref-upload-card:hover{border-color:var(--accent);background:var(--accent-tint)}.ref-upload-card svg{width:28px;height:28px;color:var(--muted);margin:0 auto 8px}.ref-upload-card .t{font-weight:500;margin-bottom:4px}.ref-upload-card .s{font-size:12px;color:var(--muted)}.priority-callout{background:var(--info-soft);border:1px solid #c5d4e3;border-radius:var(--r-md);padding:14px 16px;margin-top:18px;font-size:12.5px;color:var(--info)}.priority-callout h5{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.priority-callout h5 svg{width:13px;height:13px}.priority-callout ul li{padding:3px 0;line-height:1.5}.priority-callout ul li b{font-family:var(--font-mono);font-size:11.5px}.special-block{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:14px;background:var(--card)}.special-block-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--paper-warm)}.special-block-head .icon-circle{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.special-block-head .icon-circle svg{width:13px;height:13px}.special-block-head .meta{flex:1}.special-block-head h5{font-size:14px;font-weight:600;margin-bottom:1px}.special-block-head .s{font-size:11.5px;color:var(--muted)}.special-block-body{padding:16px}.special-block.disabled{opacity:.5}.confirm-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}@media(max-width:1100px){.confirm-grid{grid-template-columns:1fr}}.confirm-list{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 0}.confirm-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 22px;border-bottom:1px dashed var(--line-soft);align-items:flex-start}.confirm-row:last-child{border-bottom:none}.confirm-row .k{color:var(--muted);font-size:12.5px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.confirm-row .v{font-size:13.5px}.confirm-row .v small{color:var(--muted)}.cost-card{background:var(--ink);color:var(--paper);border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden}.cost-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,var(--accent),transparent);opacity:.4;border-radius:50%}.cost-card h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:14px;font-weight:500}.cost-num{font-family:var(--font-display);font-size:64px;font-weight:300;font-variation-settings:"opsz" 144;line-height:1;display:flex;align-items:baseline;gap:6px}.cost-num small{font-size:14px;color:var(--muted-soft);font-family:var(--font-body)}.cost-detail{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.cost-detail-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12.5px;color:#f5f2ecbf}.cost-detail-row b{font-family:var(--font-mono);color:var(--paper)}.detail-config-page{min-height:calc(100vh - 112px);display:flex;flex-direction:column;gap:14px}.detail-config-head{margin-bottom:0;padding-bottom:14px;flex-shrink:0}.detail-config-head h1{font-size:34px}.detail-config-head .desc{max-width:760px}.config-strip{flex-shrink:0;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(520px,1.7fr) minmax(300px,1fr);grid-template-areas:"product colors colors" "style style brand";align-items:start;gap:10px 18px;padding:14px 16px;overflow:visible}.config-strip>.strip-product{grid-area:product}.config-strip>.strip-field:nth-child(2){grid-area:colors}.config-strip>.strip-style{grid-area:style}.config-strip>.strip-brand{grid-area:brand}.strip-field{display:flex;align-items:flex-start;gap:8px;min-width:0}.strip-product,.strip-brand{align-items:center}.strip-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-shrink:0;height:30px;display:inline-flex;align-items:center}.strip-input{height:32px;min-width:0;width:100%;border:1px solid var(--line);background:var(--paper-warm);border-radius:var(--r-sm);padding:0 10px;font-size:13px;font-weight:500}.strip-input:focus{outline:none;background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.color-chip-row,.style-inline-row,.brand-chip-row{display:flex;gap:6px;row-gap:6px;align-items:center;min-width:0;flex-wrap:wrap}.strip-style{flex-wrap:wrap}.strip-style .strip-label{margin-right:0}.color-select-chip{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--paper-warm);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap;cursor:pointer;transition:all .15s}.color-select-chip:hover{border-color:var(--ink-soft)}.color-select-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.color-select-chip .swatch{width:13px;height:13px;border-radius:4px;border:1px solid rgba(28,26,23,.16);box-shadow:inset 0 0 0 1px #ffffff29}.style-mini-chip,.brand-mini-chip{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper-warm);font-size:12.5px;color:var(--ink-soft);white-space:nowrap;cursor:pointer;transition:all .15s}.style-mini-chip:hover,.brand-mini-chip:hover{border-color:var(--ink-soft)}.style-mini-chip.active,.brand-mini-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mini-upload{height:30px;padding:0 10px;border-radius:var(--r-sm);border:1px dashed var(--muted-soft);background:var(--card);color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.mini-upload:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.mini-upload.has-file{border-style:solid;border-color:var(--accent);color:var(--accent-deep);background:var(--accent-tint)}.mini-upload svg{width:14px;height:14px}.detail-table-card{flex:1;min-height:520px;display:flex;flex-direction:column;overflow:hidden}.detail-table-toolbar{flex-shrink:0;padding:12px 14px;background:linear-gradient(180deg,var(--card),var(--paper-warm));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-table-toolbar strong{font-family:var(--font-display);font-size:18px;font-weight:500;font-variation-settings:"opsz" 36;margin-left:8px}.preset-actions{display:flex;align-items:center;gap:6px}.detail-table-scroll{flex:1;min-height:0;overflow:auto}.detail-table-scroll::-webkit-scrollbar{width:10px;height:10px}.detail-table-scroll::-webkit-scrollbar-track{background:var(--paper-warm)}.detail-table-scroll::-webkit-scrollbar-thumb{background:var(--muted-soft);border-radius:6px;border:3px solid var(--paper-warm)}.detail-config-table{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0}.detail-config-table thead th{position:sticky;top:0;z-index:3;background:var(--paper-warm);border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-align:left;padding:10px;white-space:nowrap}.detail-config-table tbody td{vertical-align:top;padding:10px;border-bottom:1px solid var(--line-soft);background:var(--card)}.detail-config-table tbody tr:hover td{background:#fffdfa}.detail-config-table tbody tr:last-child td{border-bottom:none}.col-order{width:68px}.col-struct{width:158px}.col-copy{width:280px}.col-ref{width:168px}.col-ratio{width:116px}.col-model{width:140px}.col-logo{width:76px}.col-action{width:110px}.row-order-cell{display:flex;align-items:flex-start;gap:8px;padding-top:2px}.drag-handle{width:22px;height:28px;border-radius:5px;background:var(--paper-warm);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0}.drag-handle svg{width:13px;height:13px}.order-num{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-soft);line-height:28px}.struct-select-wrap .select{height:34px;padding:6px 28px 6px 10px;background:var(--paper-warm);font-size:13px}.struct-help{margin-top:6px;font-size:11.5px;color:var(--muted);line-height:1.35}.strategy-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--paper-warm)}.strategy-segment .strategy-pill{margin:0;justify-content:center;padding:5px 7px;border-radius:999px;border:1px solid transparent;background:transparent;font-size:11.5px}.strategy-segment .strategy-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.strategy-segment .strategy-pill.ai.active{background:var(--card);color:var(--accent-deep);border-color:var(--accent);border-style:dashed}.strategy-segment .strategy-pill.strict.active{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px #f5f2ec47}.strategy-caption{margin-top:6px;font-size:11.5px;color:var(--muted)}.copy-widget{min-height:88px}.copy-cell-textarea{width:100%;min-height:86px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-warm);resize:vertical;font-size:13px;line-height:1.5;outline:none}.copy-cell-textarea.strategy-ai{border-style:dashed;background:#fffaf4}.copy-cell-textarea.strategy-opt{border-color:var(--line)}.copy-cell-textarea.strategy-strict{border-color:var(--ink-soft);box-shadow:inset 0 0 0 1px #1c1a170f;background:var(--card)}.copy-cell-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--card)}.copy-footnote{margin-top:6px;display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}.copy-footnote b{font-family:var(--font-mono);color:var(--ink-soft)}.multi-color-editor{display:flex;flex-wrap:wrap;gap:7px}.multi-color-chip{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper-warm);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer}.multi-color-chip.active{background:var(--accent-tint);color:var(--accent-deep);border-color:var(--accent)}.multi-color-chip .swatch{width:12px;height:12px;border-radius:4px;border:1px solid rgba(28,26,23,.16)}.multi-summary{margin-top:8px;padding:8px 10px;border-radius:var(--r-sm);background:var(--info-soft);color:var(--info);font-size:11.5px;border:1px solid #c5d4e3}.size-mini-editor{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}.size-mini-table{width:100%;border-collapse:collapse}.size-mini-table th,.size-mini-table td{border:1px solid var(--line-soft);padding:0}.size-mini-table th{background:var(--paper-warm);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:5px;text-align:center}.size-mini-table input{width:100%;height:28px;border:none;background:transparent;padding:0 6px;text-align:center;font-size:12px;outline:none}.size-mini-table input:focus{background:var(--accent-tint)}.size-mini-actions{display:flex;gap:6px;padding:7px;background:var(--paper-warm);border-top:1px solid var(--line)}.size-mini-actions button{font-size:11.5px;color:var(--accent)}.cert-mini-card{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:stretch}.cert-upload{min-height:92px;border:1.5px dashed var(--line);border-radius:var(--r-sm);background:var(--paper-warm);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:var(--muted);font-size:11.5px;cursor:pointer}.cert-upload:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.cert-upload svg{width:20px;height:20px}.cert-inputs{display:flex;flex-direction:column;gap:7px}.cert-inputs .input{height:34px;padding:0 10px;font-size:12.5px}.ratio-pill-row{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.ratio-pill{height:30px;border-radius:999px;border:1px solid var(--line);background:var(--paper-warm);color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px;text-align:center;cursor:pointer}.ratio-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.single-ref-slot{height:88px;border-radius:var(--r-sm);border:1.5px dashed var(--line);background:var(--paper-warm);color:var(--muted);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:11.5px;cursor:pointer}.single-ref-slot:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.single-ref-slot.has-file{border-style:solid;border-color:var(--accent);background:linear-gradient(135deg,#c5470c17,#f5f2eceb),repeating-linear-gradient(45deg,transparent 0 12px,rgba(28,26,23,.035) 12px 13px);color:var(--accent-deep)}.single-ref-slot svg{width:20px;height:20px}.action-cluster{display:flex;gap:4px;flex-wrap:wrap}.action-cluster .icon-btn{width:28px;height:28px;background:var(--paper-warm);border:1px solid var(--line)}.action-cluster .icon-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.action-cluster .icon-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.action-cluster .icon-btn svg{width:13px;height:13px}.detail-sticky-bar{position:sticky;bottom:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;background:#f5f2eceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);flex-shrink:0}.cost-inline{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft)}.cost-inline b{color:var(--accent-deep)}.sticky-actions{display:flex;align-items:center;gap:8px}@media(max-width:1320px){.config-strip{grid-template-columns:1fr 1fr;align-items:start}.strip-field{flex-wrap:wrap}}@media(max-width:900px){.config-strip{grid-template-columns:1fr}.detail-table-toolbar,.detail-sticky-bar{flex-direction:column;align-items:stretch}.preset-actions,.sticky-actions{justify-content:flex-end;flex-wrap:wrap}}.cat-two-level{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.cat-hint{margin-top:8px;padding:8px 12px;background:var(--info-soft);color:var(--info);font-size:12px;border-radius:var(--r-sm)}.workspace-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--line)}.workspace-tab{padding:12px 22px;font-size:14.5px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;display:flex;align-items:center;gap:8px}.workspace-tab:hover{color:var(--ink-soft)}.workspace-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.workspace-tab .tab-count{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--paper-warm);padding:2px 7px;border-radius:999px}.workspace-tab.active .tab-count{background:var(--accent-tint);color:var(--accent)}.workspace-tabpanel{display:none}.workspace-tabpanel.active{display:block}.ratio-select-wrap{position:relative}.ratio-select-btn{width:100%;height:32px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px;padding:0 10px;display:flex;align-items:center;gap:8px;cursor:pointer}.ratio-select-btn:hover{border-color:var(--ink-soft)}.ratio-select-btn .arrow{margin-left:auto;width:12px;height:12px;color:var(--muted)}.ratio-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:110px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-md);padding:6px;display:none}.ratio-popover.open{display:block}.ratio-popover button{width:100%;height:28px;border-radius:4px;padding:0 8px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);cursor:pointer}.ratio-popover button:hover{background:var(--paper-warm)}.ratio-popover button.active{background:var(--accent-tint);color:var(--accent);font-weight:600}.ratio-mini-box{display:inline-block;border:1.5px solid currentColor;border-radius:2px;background:transparent;flex-shrink:0;margin-left:auto}.selling-select-wrap{position:relative}.selling-trigger{border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);padding:6px 8px;min-height:36px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.selling-trigger:hover{border-color:var(--ink-soft)}.selling-trigger.empty{color:var(--muted-soft);font-size:11.5px;padding:9px 10px}.selling-trigger .sp-chip{background:var(--accent-tint);color:var(--accent);border:1px solid var(--accent-soft);padding:2px 7px;border-radius:4px;font-size:11px;display:inline-flex;align-items:center;gap:4px}.selling-trigger .sp-chip .x{cursor:pointer;font-weight:700;opacity:.6}.selling-trigger .sp-chip .x:hover{opacity:1}.selling-trigger .sp-chip.no-copy{background:var(--paper-warm);color:var(--ink-soft);border-color:var(--line)}.selling-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-md);padding:10px;display:none;max-height:320px;overflow-y:auto}.selling-popover.open{display:block}.selling-popover-hint{font-size:11.5px;color:var(--muted);padding:0 0 8px;border-bottom:1px dashed var(--line);margin-bottom:8px}.selling-popover-list{display:flex;flex-direction:column;gap:4px}.selling-popover-list button{text-align:left;padding:7px 9px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.selling-popover-list button:hover{background:var(--paper-warm)}.selling-popover-list button.selected{background:var(--accent-tint);color:var(--accent);font-weight:500}.selling-popover-list button.no-copy-opt{border-top:1px dashed var(--line);margin-top:6px;padding-top:11px;color:var(--muted)}.selling-popover-list .checkmark{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--line);background:var(--card);flex-shrink:0;display:flex;align-items:center;justify-content:center}.selling-popover-list button.selected .checkmark{background:var(--accent);border-color:var(--accent);color:#fff}.selling-popover-foot{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.selling-popover-foot button{flex:1;height:28px;border-radius:4px;font-size:12px;background:var(--paper-warm);color:var(--ink-soft)}.selling-popover-foot button.primary{background:var(--ink);color:var(--paper)}.ref-cell-wrap{display:flex;flex-direction:column;gap:5px}.ref-role-row{display:flex;gap:3px}.ref-role-pill{flex:1;height:22px;border-radius:999px;border:1px solid var(--line);background:var(--paper-warm);color:var(--muted);font-size:10px;cursor:pointer}.ref-role-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ref-role-hint{font-size:10.5px;color:var(--muted);line-height:1.4}.model-config-card{display:flex;flex-direction:column;gap:6px}.model-pick-btn{height:36px;border-radius:var(--r-sm);border:1px dashed var(--line);background:var(--paper-warm);color:var(--ink-soft);font-size:12.5px;padding:0 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.model-pick-btn:hover{border-color:var(--ink-soft);border-style:solid}.model-pick-btn.picked{border-style:solid;background:var(--card)}.model-pick-btn .avatar-mini{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.model-disabled-note{background:var(--warn-soft);border:1px solid #e0c37d;color:var(--ink-soft);font-size:11.5px;border-radius:var(--r-sm);padding:7px 9px;line-height:1.5}.col-cell-toggle{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.toggle-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-soft)}.toggle-row label{cursor:pointer}.mini-switch{position:relative;width:30px;height:16px;border-radius:999px;background:var(--line);cursor:pointer;transition:background .15s}.mini-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s}.mini-switch.on{background:var(--accent)}.mini-switch.on:after{left:16px}.mini-switch.disabled{background:var(--line-soft);cursor:not-allowed;opacity:.5}.face-toggle{font-size:11px;color:var(--muted);padding-left:38px;display:flex;gap:8px;align-items:center}.face-toggle .mini-switch{width:26px;height:14px}.face-toggle .mini-switch:after{width:10px;height:10px}.face-toggle .mini-switch.on:after{left:14px}.col-cell-disabled{font-size:11px;color:var(--muted-soft);line-height:1.4;padding:4px 0}.ratio-global-hint{font-size:11px;color:var(--muted);font-style:italic}.progress-head{background:linear-gradient(180deg,var(--card) 0%,var(--paper-warm) 100%);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px 32px;margin-bottom:24px}.progress-bar-big{height:6px;background:var(--line);border-radius:4px;overflow:hidden;margin:18px 0 8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#e57b3b 100%);border-radius:4px;transition:width .4s ease}.progress-foot{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.progress-foot b{color:var(--ink);font-family:var(--font-mono)}.progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.progress-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;position:relative}.progress-tile-img{aspect-ratio:3/4;background:var(--paper-warm);position:relative;overflow:hidden}.progress-tile-img .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.progress-tile-body{padding:12px 14px}.progress-tile-num{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.06em}.progress-tile-name{font-size:13px;font-weight:500;margin:2px 0 8px}.progress-tile-status{display:flex;align-items:center;gap:6px;font-size:11.5px}.tile-queued{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper-warm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:1}.tile-queued .q-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tile-queued svg{width:22px;height:22px;color:var(--muted-soft)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.result-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;position:relative}.result-tile-img{aspect-ratio:3/4;background:var(--paper-warm);position:relative;overflow:hidden;cursor:zoom-in}.result-tile-url-image{width:100%;height:100%;object-fit:cover;display:block}.result-tile-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px;opacity:1}.result-tile-actions button{flex:1;font-size:11.5px;padding:5px 8px;border-radius:4px;background:var(--paper-warm);border:1px solid var(--line);color:var(--ink-soft);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:4px}.result-tile-actions button:hover{background:var(--ink);color:var(--paper)}.result-tile-actions button svg{width:12px;height:12px}.result-tile-body{padding:12px 14px}.result-tile-body .struct{font-size:12.5px;font-weight:500;margin-bottom:3px}.result-tile-body .copy{font-size:11.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:32px}.tile-expired{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1a1799;-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--paper);z-index:2}.tile-expired svg{width:22px;height:22px}.tile-expired .e-label{font-size:12px}.tile-expired button{font-size:11.5px;padding:5px 10px;background:var(--paper);color:var(--ink);border-radius:4px;margin-top:4px;font-weight:500}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.brand-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;display:flex;align-items:center;gap:14px}.brand-logo-box{width:56px;height:56px;border-radius:var(--r-sm);background:var(--paper-warm);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:600;font-variation-settings:"opsz" 72;flex-shrink:0}.brand-info{flex:1;min-width:0}.brand-info h4{font-size:15px;margin-bottom:2px}.brand-info .slogan{font-family:var(--font-display);font-style:italic;font-size:12.5px;color:var(--muted)}.brand-info .applied{font-size:11px;color:var(--muted-soft);margin-top:4px;font-family:var(--font-mono)}.credits-hero{background:var(--ink);color:var(--paper);border-radius:var(--r-xl);padding:36px 40px;margin-bottom:28px;position:relative;overflow:hidden}.credits-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(197,71,12,.5),transparent 65%);border-radius:50%}.credits-hero-num{font-family:var(--font-display);font-size:96px;font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 50;line-height:1;margin-bottom:8px}.credits-hero-num em{font-style:italic;color:var(--accent);font-weight:200}.credits-hero-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--muted-soft)}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1000px){.credits-grid{grid-template-columns:1fr}}.credits-table{width:100%;border-collapse:collapse;font-size:13px}.credits-table th,.credits-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}.credits-table th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.credits-table td.cost{font-family:var(--font-mono);text-align:right;font-weight:600}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th,.history-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line-soft)}.history-table thead{background:var(--paper-warm)}.history-table th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.history-table tbody tr:hover{background:var(--paper-warm)}.history-table .name{font-weight:500;display:flex;align-items:center;gap:10px}.history-table .thumb-mini{width:32px;height:32px;border-radius:4px;background:var(--paper-warm);border:1px solid var(--line);position:relative;overflow:hidden;flex-shrink:0}.history-table .thumb-mini .ph-product{position:absolute;top:0;right:0;bottom:0;left:0}.settings-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:var(--r-md);overflow:hidden}.settings-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card)}.settings-item .meta{flex:1}.settings-item .meta .t{font-weight:500;font-size:13.5px}.settings-item .meta .s{color:var(--muted);font-size:12px;margin-top:2px}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.empty-state svg{width:36px;height:36px;margin:0 auto 12px;color:var(--muted-soft)}.empty-state h3{font-size:17px;font-weight:500;color:var(--ink);margin-bottom:6px}.empty-state p{font-size:13px;max-width:380px;margin:0 auto 16px}@media(max-width:900px){.app{grid-template-columns:64px 1fr}.brand-tag,.nav-section-title,.nav-item span:not(.nav-icon),.credits-card,.sidebar-user .user-meta{display:none}.sidebar{padding:18px 0}.brand{padding:0 18px 22px;justify-content:center}.brand-mark{font-size:20px}.nav-item{justify-content:center;padding:9px}.sidebar-footer{padding:0;border:none}.sidebar-user{justify-content:center;padding:12px}.topbar{padding:0 16px}.view{padding:18px 16px 60px}}.create-stepper{display:flex;align-items:center;gap:0;padding:20px 0 28px;position:relative}.create-step{display:flex;align-items:center;gap:8px;cursor:default}.step-num{width:28px;height:28px;border-radius:50%;background:var(--line);color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.step-label{font-size:13px;color:var(--muted);white-space:nowrap;transition:color .2s}.create-step.active .step-num{background:var(--accent);color:#fff}.create-step.active .step-label{color:var(--ink);font-weight:500}.create-step.done .step-num{background:var(--success);color:#fff}.create-step.done .step-label{color:var(--ink-soft)}.step-line{flex:1;height:1px;background:var(--line);margin:0 12px;min-width:24px}.step-cancel{margin-left:auto}.std-gen-list{display:flex;flex-direction:column;gap:10px}.std-gen-item{display:flex;align-items:center;gap:10px}.std-gen-thumb{width:44px;height:44px;border-radius:var(--r-sm);background:var(--paper-warm);border:1px solid var(--line);flex-shrink:0;position:relative;overflow:hidden}.std-gen-meta{flex:1}.std-gen-name{font-size:13px;font-weight:500;margin-bottom:2px}.std-gen-status{font-size:11.5px}.selling-pool-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.selling-pool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.sp-pool-chip{background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 10px;font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-pool-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.main-img-config-modal{display:flex;flex-direction:column;gap:16px}.main-config-field{display:flex;flex-direction:column;gap:6px}.main-config-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.main-config-chips{display:flex;flex-wrap:wrap;gap:5px}.main-config-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper-warm);font-size:12.5px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.main-config-chip:hover{border-color:var(--ink-soft)}.main-config-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.main-config-chip.active .ratio-mini-box{border-color:#f5f2ecb3}.main-config-ref-row{display:flex;gap:8px;align-items:center}.main-config-ref-slot{width:72px;height:72px;border-radius:var(--r-sm);border:1.5px dashed var(--line);background:var(--paper-warm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;color:var(--muted);cursor:pointer;flex-shrink:0}.main-config-ref-slot:hover{border-color:var(--accent);color:var(--accent)}.main-config-ref-slot.has-file{border-style:solid;border-color:var(--line)}.main-config-ref-role{display:flex;flex-direction:column;gap:4px}.main-config-logo-row{display:flex;align-items:center;gap:10px}.color-img-slot{aspect-ratio:1;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden;width:64px;height:64px}.color-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-select-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper-warm);font-size:13.5px;font-weight:500;color:var(--ink-soft);cursor:pointer;gap:8px}.color-select-chip .swatch{width:16px!important;height:16px!important;border-radius:4px!important}.color-select-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.color-select-chip.active .swatch{border-color:#f5f2ec66!important}#primary-color-select .eyebrow{font-size:11px}#primary-color-select p{font-size:12.5px}#primary-color-chips{display:flex;flex-wrap:wrap;gap:8px}.style-inline-row{display:flex!important;flex-wrap:wrap;gap:5px;margin-bottom:0}.style-mini-chip{height:32px;border-radius:var(--r-sm)!important;border:1px solid var(--line);background:var(--paper-warm);font-size:12.5px;color:var(--ink-soft);cursor:pointer;padding:0 12px;text-align:center;white-space:nowrap;flex-shrink:0}.style-mini-chip:hover{border-color:var(--ink-soft)}.style-mini-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.style-section-wrap{display:flex;flex-direction:column;gap:5px}.style-row{display:flex;gap:5px;align-items:center}.custom-style-inline{flex:1;height:32px;border:1px solid var(--accent-soft);border-radius:var(--r-sm);background:var(--paper-warm);padding:0 10px;font-size:12.5px;color:var(--ink);outline:none;min-width:120px}.custom-style-inline:focus{border-color:var(--accent)}#custom-style-wrap{display:none}@keyframes pulse{0%{transform:scale(.5);opacity:.45}to{transform:scale(1.4);opacity:0}}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes drawer-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}