:root{--bg:#fff9ec;--surface:#fff;--surface-soft:#fffdf6;--text:#252019;--muted:#756c5f;--line:#ebddc8;--accent:#ffd42a;--accent-dark:#2a241b;--puff-yellow:#ffd42a;--puff-yellow-soft:#fff3b8;--puff-cream:#fffaf0;--puff-ink:#252019;--puff-green:#56755a;--green:#2f7d5b;--red:#b94d44;--yellow:#9b6a12}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,Noto Sans CJK SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fffdf5;flex-direction:column;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;min-height:78px;margin-bottom:30px;display:flex}.brand-logo{object-fit:contain;flex:none;width:76px;height:76px}.brand-copy{gap:3px;min-width:0;display:grid}.brand strong{font-size:15px;line-height:1.25}.brand-copy span{color:var(--muted);font-size:12px;line-height:1.35}.brand-copy .app-version{background:var(--puff-yellow-soft);color:var(--puff-ink);letter-spacing:0;border:1px solid #f3d95d;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.nav{gap:8px;display:grid}.nav a{color:var(--muted);border-radius:8px;padding:10px 12px}.nav a:hover,.nav a.active{color:var(--text);background:#fff2b0}.sidebar-shop-motifs{opacity:.86;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin-top:22px;padding:10px 4px 0;display:grid}.sidebar-shop-motifs img{filter:drop-shadow(0 5px 8px #3e2f181a);object-fit:contain;justify-self:center;width:42px;height:42px}.sidebar-shop-motifs img:first-child{width:35px;height:35px;transform:rotate(-8deg)}.sidebar-shop-motifs img:nth-child(2){width:52px;height:52px}.sidebar-shop-motifs img:nth-child(3){width:48px;height:34px;transform:rotate(5deg)}.main{padding:28px}.auth-shell{min-height:100vh}.auth-main{align-items:center;min-height:100vh;padding:28px;display:grid}.sidebar-user{border-top:1px solid var(--line);gap:10px;margin-top:28px;padding-top:18px;display:grid}.sidebar-user>div{gap:3px;display:grid}.sidebar-user strong{font-size:14px;line-height:1.25}.sidebar-user span{color:var(--muted);font-size:12px}.sidebar-logout{justify-content:center;width:100%}.login-page{justify-items:center;width:100%;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:18px;width:100%;max-width:420px;padding:28px;display:grid}.login-logo{object-fit:contain;width:86px;height:86px}.login-panel h1{margin:0 0 6px;font-size:24px;line-height:1.2}.login-panel p{color:var(--muted);margin:0}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{margin:0;font-size:28px;line-height:1.2}.subtle{color:var(--muted);font-size:13px}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr)}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.base-pack-grid{align-items:start;gap:16px}.grid.four.base-pack-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.optional-output-section{gap:16px;display:grid}.optional-output-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.optional-output-head h2{margin:0;font-size:21px;line-height:1.25}.optional-output-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.optional-generated-card{width:100%}.optional-picker-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;gap:14px;padding:14px;display:grid}.optional-picker-group{gap:9px;display:grid}.optional-picker-group h3,.optional-results-head h3,.optional-current-head h3{margin:0;font-size:16px;line-height:1.25}.optional-picker-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.optional-template-option{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:start;gap:8px;min-height:94px;padding:12px;display:grid}.optional-template-option:hover,.optional-template-option.is-selected{border-color:#d6c8b7;box-shadow:0 8px 24px #2c251d0f}.optional-template-option>span,.optional-template-option>div{gap:4px;display:grid}.optional-template-option strong{font-size:15px;line-height:1.25}.optional-template-option span span,.optional-template-option div span,.optional-template-option small,.optional-template-option em{color:var(--muted);font-size:12px;line-height:1.35}.optional-template-option small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.optional-template-option em{background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-style:normal;display:block}.optional-template-option.is-disabled{cursor:default;grid-template-columns:minmax(0,1fr) auto;min-height:auto}.optional-current-task,.optional-results{gap:12px;display:grid}.optional-current-task{border-bottom:1px solid var(--line);padding-bottom:16px}.optional-current-head,.optional-results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.optional-current-head>div{gap:7px;display:grid}.optional-results-head span{color:var(--muted);font-size:12px}.activity-set-preview-grid{background:var(--surface-soft);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.activity-set-preview-item{background:var(--surface);display:grid;position:relative}.activity-set-preview-item .generated-preview{border-bottom:0}.activity-set-preview-item>span{border:1px solid var(--line);color:var(--muted);background:#ffffffe6;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.optional-upload-card .card-body{gap:12px}.optional-upload-preview{color:var(--muted)}.optional-upload-copy{color:var(--muted);font-size:13px;line-height:1.45}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.panel{padding:20px}.product-summary-panel{gap:14px;display:grid}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title-row h2{margin:0;font-size:21px;line-height:1.25}.product-heading-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-detail-topbar{border:1px solid var(--line);background:linear-gradient(#fffdf6 0%,#fff8e3 100%);border-radius:8px;flex-wrap:wrap;align-items:flex-start;padding:18px;position:relative;overflow:hidden}.product-detail-topbar>:not(.vi-detail-motif){z-index:1;position:relative}.vi-detail-motif{opacity:.16;pointer-events:none;z-index:0;align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;right:18px}.vi-detail-motif img:first-child{width:78px;height:78px;transform:rotate(-8deg)}.vi-detail-motif img:last-child{width:88px;height:52px;transform:rotate(7deg)}.product-title-block{gap:12px;min-width:0;display:grid}.product-detail-stats{flex-wrap:wrap;gap:8px;display:flex}.summary-metric{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650;line-height:1;display:inline-flex}.summary-metric.complete{color:var(--green);background:#eaf6ef;border-color:#cbe9d7}.summary-metric.failed{color:var(--red);background:#fff0ec;border-color:#f1c8bf}.summary-metric.running{color:#1d65c1;background:#eef7ff;border-color:#cae6ff}.product-action-stack{justify-items:end;gap:10px;min-width:min(100%,360px);display:grid}.secondary-action-row{opacity:.92;justify-content:flex-end}.product-next-action{text-align:right;background:#ffffffb8;border:1px solid #ecd9af;border-radius:8px;justify-items:end;gap:8px;padding:12px;display:grid}.product-next-action p{color:var(--muted);max-width:310px;margin:0;font-size:12px;line-height:1.45}.action-eyebrow{color:var(--yellow);letter-spacing:0;font-size:12px;font-weight:700;line-height:1}.danger-action-details{color:var(--muted);justify-items:end;gap:7px;font-size:12px;display:grid}.danger-action-details summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline;list-style:none}.danger-action-details summary::-webkit-details-marker{display:none}.workflow-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workflow-strip a{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;gap:5px;min-height:70px;padding:11px 12px;display:grid}.workflow-strip a:hover{border-color:#d6c8b7;box-shadow:0 8px 22px #2c251d0f}.workflow-strip strong{font-size:14px;line-height:1.25}.workflow-strip span{color:var(--muted);font-size:12px;line-height:1.35}.workflow-section{scroll-margin-top:18px}.workflow-section-head{margin-bottom:0}.workflow-section-head h2{margin:0;font-size:21px;line-height:1.25}.section-title-copy{gap:4px;display:grid}.section-subhead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.section-subhead strong{font-size:16px}.section-subhead span{color:var(--muted);font-size:13px}.product-meta-line{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:13px;line-height:1.35;display:flex}.product-overview{grid-template-columns:minmax(220px,330px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.product-hero-frame{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}.product-hero-button{height:100%;min-height:220px;display:block}.product-hero-image{aspect-ratio:4/3;object-fit:contain;border-bottom:0;height:100%;min-height:220px;max-height:none;padding:8px}.product-materials{align-content:start;gap:10px;min-width:0;display:grid}.card{overflow:hidden}.generated-card.is-running{border-color:#ddc398;box-shadow:inset 0 0 0 1px #edd8aa}.generated-card{grid-template-rows:auto 1fr;display:grid}.card-body{gap:10px;padding:14px;display:grid}.generated-card .card-body{align-content:start;gap:12px}.generated-card-head{justify-content:space-between;align-items:center;gap:12px;min-height:31px;display:flex}.generated-card-head h3{font-size:18px;line-height:1.25}.generated-card-source{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.generated-card-status{color:var(--muted);flex:none;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;line-height:1.35;display:inline-flex}.generated-card-status .status-icon{width:26px;height:26px}.generated-card-status .status-icon svg{width:15px;height:15px}.generated-card-meta{color:var(--muted);flex-wrap:wrap;gap:5px 10px;font-size:12px;line-height:1.4;display:flex}.generated-card-meta span:not(:last-child):after{color:#c6b9aa;content:"·";margin-left:10px}.generated-empty-state{gap:7px;padding:16px;line-height:1.35}.generated-empty-state strong{color:var(--text);font-size:14px}.generated-empty-state span,.asset-next-step,.job-task-next-step{color:var(--muted);font-size:12px;line-height:1.4}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compact-toolbar{gap:6px}.button,button.button{color:#fff;cursor:pointer;background:#2d251b;border:1px solid #2d251b;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-weight:650;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button.secondary,button.button.secondary{color:var(--text);background:#fffdf7;border-color:#eadcc5}.button:hover,button.button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #362a1b1f}.button.secondary:hover,button.button.secondary:hover{background:#fff8e8;border-color:#dec89f}.button.warn{color:var(--yellow);background:#fff4dd;border-color:#ead5a8}.button.danger{color:var(--red);background:#fff0ec;border-color:#f1c8bf}.button.generate-action,button.button.generate-action{color:#251d14;background:linear-gradient(135deg,#ffe674 0%,#ffd42a 56%,#f5bd22 100%);border-color:#49381d;box-shadow:0 8px 18px #b8811333,inset 0 1px #ffffff73}.button.generate-action:hover,button.button.generate-action:hover{background:linear-gradient(135deg,#fff09b 0%,#ffdd4a 55%,#f7c735 100%);border-color:#342617;box-shadow:0 10px 24px #b881133d,inset 0 1px #ffffff8c}.button.generate-action:focus-visible,button.button.generate-action:focus-visible{outline-offset:2px;outline:2px solid #ffd42a}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.delete-product-control{gap:6px;display:grid}.delete-product-error{color:var(--red);font-size:12px}.inline-spinner{opacity:.75;border:2px solid;border-right-color:#0000;border-radius:999px;flex:none;width:15px;height:15px;animation:.9s linear infinite spin;display:inline-block}.field{gap:7px;display:grid}.form-section{border-top:1px solid var(--line);gap:14px;padding-top:16px;display:grid}.form-section h2{margin:0 0 4px;font-size:18px;line-height:1.25}.manual-asset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.upload-preview-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:8px;display:grid}.upload-preview-item img{aspect-ratio:1;border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:7px;width:100%}.upload-preview-item span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.field label{color:var(--text);font-size:13px;font-weight:650}.field-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-help-box{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:9px 10px;font-size:12px;line-height:1.45}.prompt-reset-button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;min-height:28px;padding:4px 9px;font-size:12px}.prompt-reset-button:hover{color:var(--text);border-color:#d6c8b7}.admin-user-form{grid-template-columns:repeat(4,minmax(160px,1fr)) auto;align-items:end;gap:12px;display:grid}.admin-user-list{gap:10px;display:grid}.admin-user-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(160px,1.2fr) minmax(150px,1fr) 130px minmax(150px,1fr) auto minmax(120px,.8fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.admin-user-identity,.admin-user-login{gap:3px;display:grid}.admin-user-identity span,.admin-user-login span{color:var(--muted);font-size:12px}.admin-active-toggle{margin-bottom:1px}.admin-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-status-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-content:start;gap:10px;min-height:142px;padding:14px;display:grid}.admin-status-card>div{gap:5px;display:grid}.admin-status-card span,.admin-status-row span,.admin-status-failure span,.admin-status-card p,.admin-status-failure p{color:var(--muted);font-size:12px}.admin-status-card strong{overflow-wrap:anywhere;font-size:21px;line-height:1.2}.admin-status-card .badge{justify-self:start}.admin-status-card p,.admin-status-failure p{margin:0;line-height:1.45}.admin-status-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:start;gap:10px;display:grid}.admin-status-table,.admin-status-failures{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;gap:8px;padding:12px;display:grid}.admin-status-row{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.admin-status-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-status-failure-list{gap:8px;display:grid}.admin-status-failure{border:1px solid var(--line);background:#fff;border-radius:7px;gap:5px;padding:10px;display:grid}.admin-status-failure strong{font-size:13px;line-height:1.3}.admin-activity-list{gap:10px;display:grid}.admin-activity-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);align-items:start;gap:14px;padding:12px;display:grid}.admin-activity-user{gap:9px;display:grid}.admin-activity-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.admin-activity-items{gap:6px;min-width:0;display:grid}.admin-activity-item{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:132px 128px minmax(0,1fr) 96px;align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.admin-activity-item span{color:var(--muted);font-size:12px}.admin-activity-item strong{font-size:13px;line-height:1.3}.admin-activity-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-activity-empty{color:var(--muted);background:#fff;border:1px dashed #d7cabb;border-radius:7px;padding:12px;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:7px;width:100%;min-height:40px;padding:9px 11px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-dropzone{background:var(--surface-soft);cursor:pointer;border:1px dashed #d7cabb;border-radius:8px;align-items:center;min-height:118px;padding:12px;display:grid}.reference-dropzone:hover,.reference-dropzone.is-dragging,.reference-dropzone:focus-visible{background:#fffaf3;border-color:#d6c8b7;outline:none}.reference-dropzone-copy{text-align:center;justify-items:center;gap:5px;display:grid}.reference-dropzone-copy strong{font-size:14px;line-height:1.3}.reference-dropzone-copy span{color:var(--muted);font-size:12px}.reference-preview-list{gap:8px;width:100%;display:grid}.reference-preview{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:7px;display:grid}.reference-preview img{aspect-ratio:1;background:var(--surface-soft);border:1px solid var(--line);object-fit:contain;border-radius:7px;width:64px}.reference-preview>div{gap:3px;min-width:0;display:grid}.reference-preview strong{font-size:13px;line-height:1.25}.reference-preview span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.reference-note-field{gap:5px;margin-top:5px;display:grid}.reference-note-field>span{color:var(--text);white-space:normal;font-size:12px;font-weight:650;line-height:1.25;overflow:visible}.reference-note-field textarea{background:var(--surface-soft);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:7px;width:100%;min-height:58px;padding:7px 8px;font-size:12px;line-height:1.45}.reference-dropzone-copy.compact{border:1px dashed #d7cabb;border-radius:7px;padding:10px}.field textarea{resize:vertical;min-height:86px}.product-list{gap:10px;display:grid}.product-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.thumb{background:var(--surface-soft);border:1px solid var(--line);object-fit:cover;border-radius:7px;width:72px;height:72px}.library-topbar{align-items:flex-end;position:relative}.vi-topbar-motif{opacity:.88;pointer-events:none;flex:auto;justify-content:center;align-items:end;gap:8px;min-width:180px;display:flex}.vi-topbar-motif img{filter:drop-shadow(0 8px 12px #4631131c);object-fit:contain}.vi-topbar-motif img:first-child{width:70px;height:58px}.vi-topbar-motif img:nth-child(2){width:34px;height:34px;transform:rotate(-12deg)translateY(-5px)}.vi-topbar-motif img:nth-child(3){width:38px;height:54px;transform:rotate(6deg)}.product-library{gap:14px;display:grid}.library-controls{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(220px,420px) minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.product-search{background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.product-search svg{color:var(--muted);width:18px;height:18px}.product-search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-height:38px;padding:0}.filter-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter-tab{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 11px;display:inline-flex}.filter-tab:hover,.filter-tab[aria-selected=true]{color:var(--text);background:#fff2b0;border-color:#f0d45d}.filter-tab strong{font-size:12px}.product-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;min-height:108px;padding:10px;display:grid}.product-card:hover{border-color:#ead064;box-shadow:0 10px 28px #2a241b14}.product-card-media{aspect-ratio:1;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid;overflow:hidden}.product-card-media img{object-fit:contain;width:100%;height:100%}.product-card-main{gap:10px;min-width:0;display:grid}.product-card-main>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-card-tags{flex-wrap:wrap;gap:6px;display:flex}.product-card-progress{background:#f3eadb;border-radius:999px;width:100%;height:6px;overflow:hidden}.product-card-progress span{background:linear-gradient(90deg, var(--puff-yellow) 0%, #72b884 100%);border-radius:inherit;height:100%;display:block}.product-card-meta>svg{color:var(--muted);width:18px;height:18px}.product-status-line{color:var(--muted);align-items:center;gap:7px;min-width:0;font-size:13px;display:inline-flex}.product-status-line .status-icon{width:24px;height:24px}.product-status-line .status-icon svg{width:15px;height:15px}.compact-empty{min-height:120px}.vi-assets-page{gap:18px}.vi-assets-topbar{align-items:center}.vi-shop-shelf{background-color:#0000;background-image:linear-gradient(90deg,#0000 0%,#fff8df 22% 78%,#0000 100%),linear-gradient(#e8d8bd,#e8d8bd);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:100% 18px,100% 1px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:end;gap:10px;min-width:240px;padding:0 14px 8px;display:flex}.vi-shop-shelf img{filter:drop-shadow(0 8px 12px #48341724);object-fit:contain;width:52px;height:52px}.vi-shop-shelf img:first-child{width:40px;height:40px;transform:rotate(-8deg)}.vi-shop-shelf img:nth-child(2){width:66px;height:66px}.vi-shop-shelf img:nth-child(3){width:54px;height:54px}.vi-assets-section{gap:16px;display:grid}.vi-motif-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));align-items:start;gap:12px;display:grid}.vi-motif-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:126px minmax(0,1fr);gap:12px;min-width:0;padding:12px;display:grid;overflow:hidden}.vi-motif-preview{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle at 70% 25%,#ffd42a33,#0000 34%),#fff;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.vi-motif-preview img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.vi-motif-body{align-content:start;gap:8px;min-width:0;display:grid;overflow:hidden}.vi-motif-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.vi-motif-title-row strong{overflow-wrap:anywhere;flex:160px;min-width:0;font-size:16px;line-height:1.25}.vi-motif-title-row span{color:#66501f;background:#fff2b0;border:1px solid #eed76f;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;line-height:1}.vi-motif-body p,.vi-source-line,.vi-reference-body span{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.vi-prompt-snippet{border:1px solid var(--line);color:var(--text);overflow-wrap:anywhere;word-break:break-word;background:#fff;border-radius:7px;max-width:100%;padding:8px;font-size:12px;line-height:1.45}.vi-motif-body code,.vi-reference-body code{color:#66501f;overflow-wrap:anywhere;white-space:normal;word-break:break-all;background:#fff7df;border:1px solid #f0e1bf;border-radius:6px;max-width:100%;padding:6px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.35;display:block}.vi-reference-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.vi-reference-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}.vi-reference-image{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fff;display:grid;overflow:hidden}.vi-reference-image img{object-fit:cover;object-position:center;width:100%;height:100%}.vi-reference-body{gap:8px;padding:12px;display:grid}.vi-reference-body strong{font-size:16px;line-height:1.25}.vi-reference-tags{flex-wrap:wrap;gap:6px;display:flex}.vi-reference-tags em{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal;line-height:1}.preview{background:var(--surface-soft);border-bottom:1px solid var(--line);object-fit:cover;width:100%;height:210px;display:block}.asset-image{background:var(--surface-soft);border-bottom:1px solid var(--line);object-fit:contain;width:100%;max-height:420px;display:block}.generated-preview{aspect-ratio:4/3;background:var(--surface-soft);border-bottom:1px solid var(--line);place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.generated-card .generated-preview{aspect-ratio:16/10}.generated-image{object-fit:contain;object-position:center;border-bottom:0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.image-preview-button{color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0}.image-preview-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-image-button{width:100%;display:block}.asset-chip .image-preview-button,.mini-thumb-button{flex:none;display:inline-flex}.generated-preview.image-preview-button{border-bottom:1px solid var(--line);display:grid}.image-modal{z-index:1000;background:#1f1a16d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal-content{place-items:center;max-width:96vw;max-height:92vh;display:grid}.image-modal-image{object-fit:contain;background:#fff;border-radius:8px;max-width:96vw;max-height:92vh;box-shadow:0 18px 60px #00000047}.image-modal-close{color:var(--text);cursor:pointer;z-index:1001;background:#fff;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:fixed;top:18px;right:18px}.image-modal-close svg{width:20px;height:20px}.asset-strip{flex-wrap:wrap;gap:10px;display:flex}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.archive-materials{gap:10px;margin-top:16px;display:grid}.asset-chip{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:54px;padding:7px;display:inline-flex}.product-asset-chip{min-height:66px;padding:8px}.product-asset-chip span{font-size:15px;font-weight:650;line-height:1.25}.asset-chip img,.mini-thumb{border:1px solid var(--line);object-fit:cover;background:#fff;border-radius:7px;width:42px;height:42px}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.badge.good{color:var(--green);background:#eaf6ef;border-color:#cbe9d7}.badge.bad{color:var(--red);background:#fff0ec;border-color:#f1c8bf}.badge.warn{color:var(--yellow);background:#fff6e4;border-color:#edd8aa}.recipe-list{gap:12px;display:grid}.recipe-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.recent-jobs-panel{align-content:start;gap:12px;max-height:360px;display:grid}.recent-jobs-list{gap:8px;max-height:285px;padding-right:4px;display:grid;overflow:auto}.prompt-template-section{gap:8px;display:grid}.recipe-template-layout{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.4fr);align-items:start;gap:16px;display:grid}.recipe-template-summary{gap:12px;min-width:0;display:grid}.recipe-thought-block{gap:6px;display:grid}.recipe-thought-block p{margin:0}.recipe-template-prompt{min-width:0}.recipe-template-prompt .prompt-box{max-height:360px}.logo-prompt-group-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.job-task-item{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.job-task-content{gap:3px;min-width:0;display:grid}.job-task-content strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-task-source{color:var(--muted);font-size:12px;font-weight:500}.job-task-time{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:13px;line-height:1.35;display:flex}.job-task-time span+span:before{content:none}.job-task-time-separator{color:#c0b2a2}.job-task-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.job-task-meta span{font-size:13px;line-height:1.35}.job-task-meta span+span:before{color:#c0b2a2;content:"·";margin-right:6px}.job-task-thumbs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.job-task-thumb-button{border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:7px;width:34px;height:34px;padding:0;display:grid;overflow:hidden}.job-task-thumb-image{object-fit:cover;width:100%;height:100%}.job-task-error{grid-column:1/-1}.status-icon{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.status-icon svg{stroke-width:2.4px;width:17px;height:17px}.status-icon.good{color:var(--green);background:#eaf6ef;border-color:#cbe9d7}.status-icon.bad{color:var(--red);background:#fff0ec;border-color:#f1c8bf}.status-icon.warn{color:var(--yellow);background:#fff6e4;border-color:#edd8aa}.status-icon.status-running svg{animation:.9s linear infinite spin}.running-pill{color:var(--yellow);background:#fff6e4;border:1px solid #edd8aa;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.running-pill .inline-spinner{width:13px;height:13px}.recipe-item h3,.panel h2,.card h3{margin:0}.panel h2{font-size:21px;line-height:1.25}.muted-list{color:var(--muted);margin:8px 0 0;padding-left:18px}.error-box{color:#87352d;white-space:pre-wrap;background:#fff0ec;border:1px solid #efb7ad;border-radius:8px;padding:12px}.compact-error{padding:9px 11px;font-size:13px}.error-details{border:1px solid #f0d0c9;border-radius:8px;gap:8px;display:grid;overflow:hidden}.error-details summary{color:#87352d;cursor:pointer;background:#fff7f4;min-height:34px;padding:8px 10px;font-size:12px;font-weight:650;list-style:none}.error-details summary::-webkit-details-marker{display:none}.error-details summary:after{content:"展开";float:right;font-weight:500}.error-details[open] summary:after{content:"收起"}.error-details .error-box{border:0;border-radius:0;max-height:180px;font-size:12px;overflow:auto}.status-banner{color:var(--text);background:#fff6e4;border:1px solid #edd8aa;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.spinner{border:2px solid #ead5a8;border-top-color:var(--accent-dark);border-radius:999px;flex:none;width:18px;height:18px;animation:.9s linear infinite spin}.feedback-modal{z-index:1100;background:#1f1a16b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedback-modal-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(980px,96vw);max-width:980px;max-height:92vh;display:grid;overflow:auto;box-shadow:0 20px 70px #00000040}.feedback-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.feedback-modal-head>div{gap:4px;display:grid}.feedback-modal-head strong{font-size:18px;line-height:1.25}.feedback-modal-head span{color:var(--muted);font-size:13px}.feedback-modal-body{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:18px;padding:18px;display:grid}.feedback-preview{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;place-items:center;min-height:320px;display:grid;overflow:hidden}.feedback-preview img{object-fit:contain;max-width:100%;max-height:520px;display:block}.feedback-form{align-content:start;gap:14px;display:grid}.feedback-form h3{margin:0 0 4px;font-size:18px;line-height:1.25}.feedback-form p{color:var(--muted);margin:0;font-size:13px}.feedback-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feedback-reason{background:var(--surface-soft);border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:flex}.feedback-reason input{accent-color:var(--accent-dark)}.feedback-reason span{font-size:13px;line-height:1.3}.feedback-other{min-height:110px}.feedback-saved{color:var(--green);background:#eaf6ef;border:1px solid #cbe9d7;border-radius:8px;padding:9px 11px}.quick-feedback{border:1px solid var(--line);background:#fffdf6;border-radius:8px;grid-template-columns:minmax(64px,auto) minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.quick-feedback>span:first-child{color:var(--muted);font-size:12px;font-weight:650}.quick-feedback-actions{flex-wrap:wrap;gap:6px;display:flex}.quick-feedback-actions button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;min-height:28px;padding:5px 9px;font-size:12px}.quick-feedback-actions button:hover,.quick-feedback-actions button.is-selected{background:#fff2b0;border-color:#f0d45d}.quick-feedback-actions button:disabled{cursor:not-allowed;opacity:.65}.quick-feedback-saved,.quick-feedback-error{grid-column:1/-1;font-size:12px}.quick-feedback-saved{color:var(--green)}.quick-feedback-error{color:var(--red)}.puff-cheer-layer{pointer-events:none;z-index:1200;position:fixed;bottom:26px;right:28px}.puff-cheer{color:#2a2117;background:radial-gradient(circle at 36% 30%,#ffffffb8 0 11%,#0000 12%),linear-gradient(145deg,#ffe875 0%,#ffd42a 58%,#f4bd25 100%);border:2px solid #35291a;border-radius:999px;place-items:center;width:82px;height:82px;padding:11px;line-height:1;animation:1.25s cubic-bezier(.18,.88,.28,1) both puff-cheer-pop;display:grid;position:relative;box-shadow:0 18px 35px #5e461a2e}.puff-cheer:before{content:"";border:2px solid #35291ac2;border-radius:999px;position:absolute;inset:8px}.puff-cheer strong{letter-spacing:0;z-index:1;margin-top:15px;font-size:16px;position:relative}.puff-cheer-heart{z-index:1;margin-top:-2px;font-size:22px;font-weight:700;position:relative}.puff-cheer-bubble{z-index:1;border:2px solid #35291a;border-radius:999px;width:8px;height:8px;position:absolute;top:21px;left:18px}.puff-cheer-bubble:after{content:"";border:2px solid #35291a;border-radius:999px;width:11px;height:11px;position:absolute;top:-11px;left:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes puff-cheer-pop{0%{opacity:0;transform:translateY(16px)scale(.72)rotate(-8deg)}18%{opacity:1;transform:translateY(-4px)scale(1.05)rotate(3deg)}36%{transform:translateY(0)scale(1)rotate(0)}78%{opacity:1;transform:translateY(-8px)scale(1)rotate(0)}to{opacity:0;transform:translateY(-24px)scale(.9)rotate(5deg)}}.prompt-box{color:#fff6ec;white-space:pre-wrap;background:#1f1a16;border-radius:7px;max-height:220px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:auto}.generation-form{gap:12px;display:grid}.generation-form-actions{align-items:center}.generated-card .generation-form{gap:10px}.prompt-textarea{min-height:720px;font-family:SFMono-Regular,Consolas,Liberation Mono,Noto Sans SC,monospace;font-size:12px;line-height:1.5}.generated-card .prompt-textarea{min-height:150px}.logo-prompt-field{margin-top:2px}.logo-prompt-textarea{min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,Noto Sans SC,monospace;font-size:12px;line-height:1.5}.generated-card .logo-prompt-textarea{min-height:118px}.generation-control-details,.generation-advanced-details{border-top:1px solid var(--line);gap:12px;padding-top:10px;display:grid}.generation-control-summary,.generation-advanced-summary{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;min-height:38px;padding:9px 11px;font-size:13px;font-weight:650;line-height:1.35;display:flex}.generation-advanced-summary{align-items:flex-start;gap:3px;display:grid}.generation-advanced-summary span{display:block}.generation-advanced-summary small{color:var(--muted);font-size:12px;font-weight:500;display:block}.generation-control-summary::-webkit-details-marker{display:none}.generation-advanced-summary::-webkit-details-marker{display:none}.generation-control-summary:after,.generation-advanced-summary:after{color:var(--muted);content:"展开";font-size:12px;font-weight:500}.generation-advanced-summary:after{position:absolute;top:11px;right:11px}.generation-advanced-summary{padding-right:54px;position:relative}.generation-control-details[open] .generation-control-summary,.generation-advanced-details[open] .generation-advanced-summary{background:#fffaf3;border-color:#d6c8b7}.generation-control-details[open] .generation-control-summary:after,.generation-advanced-details[open] .generation-advanced-summary:after{content:"收起"}.generation-control-panel,.generation-advanced-panel{gap:12px;display:grid}.generation-advanced-hint{color:var(--muted);background:#fffaf3;border:1px solid #eadcc8;border-radius:8px;padding:9px 11px;font-size:12px;line-height:1.45}.optional-generated-card .generated-preview{aspect-ratio:4/3}.optional-generated-card .prompt-textarea{min-height:260px}.optional-generated-card .logo-prompt-textarea{min-height:140px}.compact-field input{max-width:180px}.tag-checkbox{border:1px solid var(--line);cursor:pointer;background:#fffaf3;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:38px;padding:8px 12px;display:inline-flex}.tag-checkbox input{accent-color:var(--accent-dark);width:auto;min-height:auto}.empty{background:var(--surface-soft);color:var(--muted);text-align:center;border:1px dashed #d7cabb;border-radius:8px;align-items:center;min-height:180px;padding:20px;display:grid}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0}.sidebar-shop-motifs{display:none}.grid.two,.grid.four,.recipe-template-layout{grid-template-columns:1fr}.product-row{grid-template-columns:64px minmax(0,1fr)}.product-row .toolbar{grid-column:1/-1}.admin-user-form,.admin-user-row,.admin-status-grid,.admin-status-detail-grid,.admin-status-row,.admin-activity-row,.admin-activity-item,.feedback-modal-body{grid-template-columns:1fr}.admin-status-row span,.admin-activity-detail{white-space:normal;overflow:visible}.product-detail-topbar,.product-action-stack{justify-items:stretch}.secondary-action-row{justify-content:flex-start}.product-next-action{text-align:left;justify-items:start}.danger-action-details{justify-items:start}.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.optional-output-grid{grid-template-columns:1fr}.vi-topbar-motif,.vi-detail-motif{display:none}}@media (max-width:760px){.library-controls{grid-template-columns:1fr}.filter-tabs{justify-content:flex-start}.vi-assets-topbar{align-items:flex-start;display:grid}.vi-shop-shelf{width:100%;min-width:0}}@media (max-width:680px){.workflow-strip,.product-card-grid,.product-overview{grid-template-columns:1fr}.product-hero-button,.product-hero-image{min-height:180px}.vi-motif-card{grid-template-columns:1fr}.vi-motif-preview{aspect-ratio:16/9}}