:root{font-synthesis:none;--page-bg:#f7f8fc;--surface:#fff;--surface-subtle:#fbfcff;--surface-muted:#eef0f6;--text:#22243a;--text-soft:#4e5470;--muted:#7b8098;--subtle-text:#626982;--border:#e6e8f2;--border-strong:#c9cde2;--accent:#7c6cf2;--accent-strong:#6959e5;--accent-secondary:#7fb7ff;--accent-soft:#eef0ff;--accent-border:#afa4ff;--accent-text:#6658d6;--danger:#c55447;--success:#6177b9;--image-bg:#f1f3f9;--shadow:#414a8a0d;--shadow-raised:#22243a38;--overlay:#22243a66;--delete-overlay:#22243aad;color:var(--text);background:var(--page-bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--page-bg:#171923;--surface:#232735;--surface-subtle:#2a2f40;--surface-muted:#303648;--text:#f1f3ff;--text-soft:#d2d6e8;--muted:#aeb5cc;--subtle-text:#c4cae0;--border:#40485e;--border-strong:#586179;--accent:#a99cff;--accent-strong:#9181f4;--accent-secondary:#73adff;--accent-soft:#39375e;--accent-border:#7771c4;--accent-text:#c2bbff;--danger:#ff998e;--success:#aebfff;--image-bg:#1c2030;--shadow:#00000038;--shadow-raised:#00000075;--overlay:#04060e9e;--delete-overlay:#04060eb8}*{box-sizing:border-box}body{background:var(--page-bg);min-width:320px;color:var(--text);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.factory-page{width:min(1120px,100% - 40px);margin:0 auto}.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:11px;font-weight:700;line-height:1.3;display:block}h1,h2,h3,p{margin-top:0}h1{color:var(--text);letter-spacing:.02em;margin:15px 0 14px;font:600 clamp(34px,5vw,52px)/1.12 Georgia,Songti SC,serif}.hero p,.page-header p{color:var(--muted);font-size:16px;line-height:1.7}.editor-card,.result-section{border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px var(--shadow);border-radius:16px}.primary-button,.generate-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-secondary));min-height:42px;box-shadow:0 5px 12px color-mix(in srgb, var(--accent) 24%, transparent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:15px;padding:0 18px;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.primary-button:hover,.generate-button:hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-1px)}.image-factory-page{padding:28px 0 70px}.workbench-header{margin-bottom:26px}.workbench-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.product-brand{color:var(--accent);letter-spacing:.04em;font-size:14px;font-weight:700;display:block}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);box-shadow:0 4px 12px var(--shadow);border-radius:50%;padding:0;font-size:18px;transition:border-color .2s,background .2s,transform .2s}.theme-toggle:hover{border-color:var(--accent-border);background:var(--surface-subtle);transform:translateY(-1px)}.factory-tabs{justify-content:flex-start;gap:10px;margin-top:14px;display:flex}.factory-tab{background:var(--surface-muted);min-width:112px;min-height:40px;color:var(--muted);border:1px solid #0000;border-radius:9px;padding:0 17px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.factory-tab:hover:not(.active){border-color:var(--accent-border);color:var(--accent-text)}.factory-tab.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text);box-shadow:0 4px 12px var(--shadow)}.page-header{margin-bottom:22px}.workspace-title{padding-left:1px}.page-header p{color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.7}.workspace{gap:28px;display:grid}.promo-workspace{gap:22px;display:grid}.promo-theme-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px var(--shadow);border-radius:16px;padding:30px}.promo-theme-heading{margin-bottom:25px}.promo-theme-heading h2{color:var(--text);margin:0 0 8px;font:600 24px/1.2 Georgia,Songti SC,serif}.promo-theme-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.theme-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:650;display:block}.theme-input{min-height:92px;margin-bottom:22px;padding:13px;font-size:14px;line-height:1.6}.promo-settings{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.promo-settings .setting-group{margin-bottom:24px}.promo-workspace>.compact-upload{border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 32px var(--shadow);border-radius:16px;padding:25px 29px}.compact-upload .upload-heading p{margin-bottom:17px}.compact-upload .drop-zone,.compact-upload .thumbnail-row{min-height:128px}.compact-upload .drop-zone{grid-template-columns:auto auto;grid-auto-flow:column;justify-content:center;align-items:center;column-gap:10px}.compact-upload .upload-icon{margin:0}.editor-card{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);display:grid;overflow:hidden}.upload-box{border-right:1px solid var(--border);padding:29px}.upload-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.upload-heading h3,.setting-group h3{margin-bottom:7px;font-size:14px;font-weight:650}.upload-heading p{color:var(--muted);margin-bottom:22px;font-size:12px;line-height:1.5}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:7px;flex:none;padding:9px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s,color .2s,background .2s}.secondary-button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent);background:var(--surface-subtle);box-shadow:0 4px 12px var(--shadow)}.drop-zone{border:1px dashed var(--border-strong);width:100%;min-height:263px;color:var(--muted);background:var(--surface-subtle);border-radius:10px;place-content:center;gap:11px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.drop-zone:hover:not(:disabled),.drop-zone:focus-visible,.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-secondary) 20%, transparent)}.upload-icon{width:37px;height:37px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:auto;font-size:23px;display:grid}.thumbnail-row{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;min-height:263px;display:grid}.thumbnail{aspect-ratio:1;background:var(--image-bg);border-radius:8px;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail button{background:var(--delete-overlay);color:#fff;border:0;border-radius:50%;width:22px;height:22px;font-size:17px;line-height:1;position:absolute;top:5px;right:5px}.settings-card{padding:28px 29px}.setting-group{margin-bottom:23px}.setting-group h3 small{color:var(--muted);font-weight:400}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--border);background:var(--surface);min-height:33px;color:var(--subtle-text);border-radius:6px;padding:0 12px;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.choice:hover:not(.active){border-color:var(--accent-border)}.choice.active{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-soft);box-shadow:0 2px 7px var(--shadow)}textarea{resize:vertical;border:1px solid var(--border);outline-color:var(--accent);width:100%;min-height:61px;color:var(--text);background:var(--surface);border-radius:7px;padding:10px;font-size:13px}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-secondary) 20%, transparent)}.generate-button{width:100%;min-height:44px}.hint,.error-message,.success-message{text-align:center;margin:10px 0 0;font-size:12px}.hint{color:var(--muted)}.error-message{color:var(--danger)}.success-message{color:var(--success)}.result-section{padding:27px 29px 30px}.section-heading{align-items:center;margin-bottom:20px}.section-heading h2{color:var(--text);margin:0;font:600 22px/1.2 Georgia,Songti SC,serif}.work-history-drawer{border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 24px var(--shadow);border-radius:13px;overflow:hidden}.history-drawer-toggle{background:var(--surface);width:100%;min-height:52px;color:var(--text);text-align:left;border:0;justify-content:space-between;align-items:center;padding:0 20px;font-weight:650;display:flex}.history-drawer-toggle:hover{background:var(--surface-subtle)}.history-drawer-toggle small{color:var(--muted);margin-left:7px;font-size:12px;font-weight:500}.history-toggle-icon{color:var(--accent);font-size:18px;line-height:1}.history-drawer-content{border-top:1px solid var(--border);padding:0 20px 20px}.history-empty{color:var(--muted);text-align:center;margin:26px 0 6px;font-size:14px}.history-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding-top:18px;display:grid}.history-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.history-card:hover,.history-card:focus-visible{border-color:var(--accent-border);box-shadow:0 6px 16px var(--shadow);outline:none;transform:translateY(-1px)}.history-card img{aspect-ratio:1.25;object-fit:cover;background:var(--image-bg);width:100%;display:block}.history-delete{background:var(--delete-overlay);color:#fff;opacity:0;border:0;border-radius:50%;width:24px;height:24px;padding:0;font-size:18px;line-height:1;transition:opacity .2s,background .2s;position:absolute;top:7px;right:7px}.history-card:hover .history-delete,.history-delete:focus-visible{opacity:1}.history-delete:hover{background:var(--accent)}.history-card-meta{gap:5px;padding:10px;display:grid}.history-card-meta strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.35;overflow:hidden}.history-card-meta time{color:var(--muted);font-size:11px}.history-confirm-backdrop,.history-limit-backdrop,.image-preview-backdrop{background:var(--overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.history-confirm-backdrop,.history-limit-backdrop{z-index:20}.image-preview-backdrop{z-index:30}.history-confirm-dialog,.history-limit-dialog,.image-preview-modal{border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 48px var(--shadow-raised)}.history-confirm-dialog{border-radius:14px;width:min(100%,360px);padding:24px}.history-limit-dialog{border-radius:14px;width:min(100%,420px);padding:24px}.history-confirm-dialog h2,.history-limit-dialog h2{color:var(--text);margin:0;font-size:18px}.history-limit-dialog h2{margin-bottom:12px}.history-confirm-dialog p{color:var(--muted);margin:10px 0 20px;font-size:14px}.history-limit-dialog p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.6}.history-confirm-actions,.history-limit-actions{justify-content:flex-end;gap:10px;display:flex}.history-limit-actions{margin-top:20px}.history-confirm-delete,.history-limit-continue{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-weight:600}.history-confirm-delete:hover,.history-limit-continue:hover{background:var(--accent-strong)}.empty-result,.loading-result{text-align:center;min-height:180px;color:var(--muted);background:var(--surface-subtle);border-radius:10px;place-content:center;font-size:14px;display:grid}.loading-result{color:var(--subtle-text);gap:13px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:auto;animation:.8s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.result-card{border:1px solid var(--border);border-radius:9px;transition:box-shadow .2s;overflow:hidden}.result-card:hover{box-shadow:0 6px 16px var(--shadow)}.result-card img{aspect-ratio:1;object-fit:cover;background:var(--image-bg);width:100%;display:block}.result-actions{grid-template-columns:1fr 1fr;display:grid}.result-actions a,.result-actions .result-preview{background:var(--surface);color:var(--subtle-text);text-align:center;border:0;padding:10px;font-size:13px;text-decoration:none}.result-actions .result-preview+a{border-left:1px solid var(--border)}.result-actions a:hover,.result-actions .result-preview:hover{color:var(--accent);background:var(--surface-subtle)}.image-preview-modal{border-radius:15px;width:min(100%,920px);max-height:min(88vh,920px);padding:18px;overflow:auto}.image-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.image-preview-heading h2{color:var(--text);margin:0;font-size:17px}.image-preview-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--subtle-text);border-radius:50%;padding:0;font-size:22px;line-height:1}.image-preview-close:hover{border-color:var(--accent-border);color:var(--accent);background:var(--surface-subtle)}.image-preview-modal img{object-fit:contain;background:var(--image-bg);border-radius:9px;width:100%;max-height:calc(88vh - 92px);display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=780px){.image-factory-page{padding-top:24px}.editor-card,.promo-settings{grid-template-columns:1fr}.upload-box{border-right:0;border-bottom:1px solid var(--border)}.promo-workspace>.compact-upload{border-bottom:1px solid var(--border)}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.factory-page{width:min(100% - 28px,1120px)}.factory-tabs{gap:7px}.factory-tab{flex:1;min-width:0;padding:0 8px;font-size:13px}.upload-box,.settings-card,.result-section,.promo-theme-card,.promo-workspace>.compact-upload{padding:21px}.upload-heading{flex-direction:column;gap:6px}.history-drawer-content{padding:0 14px 14px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-grid{grid-template-columns:1fr}}