:root{color:#172026;background:#f6f7f2;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;padding:40px 24px}.workspace{margin:0 auto;max-width:1120px;width:100%}.eyebrow{color:#5f6f52;font-size:14px;font-weight:700;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1{font-size:40px;line-height:1.15;margin:0 0 16px}.summary{color:#52615d;font-size:18px;line-height:1.7;margin:0;max-width:720px}.workflow-grid{border-top:1px solid #d8ded5;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);margin-top:36px;padding-top:28px}.upload-panel,.options-panel{display:grid;gap:20px;min-width:0}.upload-copy h2{font-size:24px;line-height:1.25;margin:0 0 8px}.upload-copy p,.status-text,.error-text,.preview-block figcaption{color:#52615d;font-size:15px;line-height:1.6;margin:0}.upload-dropzone{align-items:center;background:#fff;border:1px dashed #8aa095;border-radius:8px;cursor:pointer;display:grid;gap:6px;min-height:132px;padding:24px;transition:border-color .16s ease,box-shadow .16s ease}.upload-dropzone:hover{border-color:#2e6f5c;box-shadow:0 8px 24px #2e6f5c1f}.upload-dropzone input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.upload-title{color:#18342b;font-size:18px;font-weight:700}.upload-hint{color:#65746f;font-size:14px}.error-text{color:#a33131}.preview-block{display:grid;gap:10px;margin:0}.preview-block img{aspect-ratio:4 / 3;background:#e7ece4;border:1px solid #d8ded5;border-radius:8px;max-width:360px;object-fit:contain;width:100%}.field-label{color:#263832;display:grid;font-size:14px;font-weight:700;gap:8px}.field-label select,.field-label textarea{background:#fff;border:1px solid #c8d0ca;border-radius:8px;color:#172026;font:inherit;min-height:42px;padding:8px 10px;width:100%}.generate-button{background:#2e6f5c;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-height:44px;padding:10px 16px}.generate-button:disabled{background:#aab7b1;cursor:not-allowed}@media(max-width:800px){.workflow-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:28px 16px}h1{font-size:32px}.summary{font-size:16px}}.result-panel{border-top:1px solid #d8ded5;display:grid;gap:24px;margin-top:36px;padding-top:28px}.result-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.result-header h2{font-size:24px;line-height:1.25;margin:0 0 8px}.secondary-button{background:#fff;border:1px solid #8aa095;border-radius:8px;color:#18342b;cursor:pointer;font-size:15px;font-weight:700;min-height:40px;padding:8px 14px}.progress-block{background:#fff;border:1px solid #d8ded5;border-radius:8px;min-height:96px;padding:24px}.result-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.result-card{display:grid;gap:8px;margin:0;min-width:0}.result-card img{aspect-ratio:1 / 1;background:#e7ece4;border:1px solid #d8ded5;border-radius:8px;object-fit:cover;width:100%}.result-card figcaption{color:#52615d;font-size:14px;line-height:1.4}@media(max-width:900px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.result-header{align-items:stretch;flex-direction:column}.result-grid{grid-template-columns:1fr}}.result-preview-button{background:transparent;border:0;cursor:zoom-in;display:block;padding:0;width:100%}.result-card figcaption{align-items:center;display:flex;gap:8px;justify-content:space-between}.result-card a,.preview-dialog-content a{color:#2e6f5c;font-size:14px;font-weight:700;text-decoration:none}.result-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.result-list-item{align-items:center;background:#fbfcfa;border:1px solid #d8ded5;border-radius:8px;display:grid;gap:14px;grid-template-columns:88px minmax(0,1fr) auto;min-height:104px;padding:10px}.result-list-thumb{height:88px}.result-list-thumb img{aspect-ratio:1 / 1;background:#e7ece4;border:1px solid #d8ded5;border-radius:8px;height:88px;object-fit:cover;width:88px}.result-list-copy{display:grid;gap:4px;min-width:0}.result-list-copy strong{color:#172026;font-size:15px;line-height:1.3}.result-list-copy span{color:#52615d;font-size:13px;line-height:1.4}.result-list-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.result-list-actions a{color:#2e6f5c;font-size:14px;font-weight:700;text-decoration:none}@media(max-width:640px){.result-list-item{align-items:start;grid-template-columns:72px minmax(0,1fr)}.result-list-thumb,.result-list-thumb img{height:72px;width:72px}.result-list-actions{grid-column:1 / -1;justify-content:flex-start}}.preview-dialog{align-items:center;background:#172026b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.preview-dialog-content{background:#fff;border-radius:8px;display:grid;gap:14px;max-height:calc(100vh - 48px);max-width:920px;padding:16px;width:min(920px,100%)}.preview-dialog-content img{background:#e7ece4;border-radius:8px;max-height:calc(100vh - 160px);object-fit:contain;width:100%}.preview-close{justify-self:end}.auth-bar{align-items:center;display:flex;justify-content:flex-end;margin-bottom:24px}.auth-status,.login-panel{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.auth-status{color:#263832;font-size:14px;font-weight:700}.field-label input,.field-label textarea{background:#fff;border:1px solid #c8d0ca;border-radius:8px;color:#172026;font:inherit;min-height:42px;padding:8px 10px;width:100%}.copy-fields{display:grid;gap:14px}.copy-fields h3{font-size:16px;margin:0}.field-label textarea{min-height:96px;resize:vertical}.login-panel .field-label{min-width:180px}.app-alert{background:#fff8f8;border:1px solid #e2b7b7;border-radius:8px;padding:10px 12px}.admin-toolbar{align-items:end;display:flex;gap:12px}.admin-toolbar .field-label{min-width:min(320px,100%)}.admin-user-list{display:grid;gap:12px}.admin-user-row{align-items:center;background:#fff;border:1px solid #d8ded5;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) minmax(220px,320px) minmax(320px,1.4fr);padding:16px}.admin-amount-field{min-width:0}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:900px){.admin-toolbar,.admin-user-row{align-items:stretch;display:grid;grid-template-columns:1fr}.admin-actions{justify-content:flex-start}}.admin-detail-panel{border-top:1px solid #d8ded5;display:grid;gap:16px;padding-top:18px}.admin-detail-panel h3{font-size:20px;line-height:1.3;margin:0}.ratio-checklist,.ratio-result-groups{display:grid;gap:12px}.ratio-checklist{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.ratio-option{align-items:center;background:#fff;border:1px solid #c8d0ca;border-radius:8px;color:#263832;display:flex;font-size:14px;font-weight:700;gap:8px;min-height:42px;padding:8px 10px}.ratio-option input{height:16px;width:16px}.ratio-result-group{display:grid;gap:12px}.ratio-result-group h3{color:#172026;font-size:18px;line-height:1.3;margin:0}.batch-panel,.batch-status{border-top:1px solid #d8ded5;display:grid;gap:14px;padding-top:18px}.batch-result-strip{display:flex;flex-wrap:wrap;gap:8px}.batch-result-strip img{aspect-ratio:1 / 1;border:1px solid #d8ded5;border-radius:8px;object-fit:cover;width:72px}body{background:linear-gradient(180deg,#f7f8f2,#eef3f4)}.upload-panel,.options-panel{background:#ffffffd1;border:1px solid #dfe5df;border-radius:8px;box-shadow:0 14px 36px #25363014;padding:22px}.upload-dropzone{background:#fbfdfb;border-color:#7f9b92}.preview-block{background:#fff;border:1px solid #d8ded5;border-radius:8px;max-width:392px;padding:14px}.preview-block img{max-width:100%}.batch-panel,.batch-status{background:#f8fbfa;border:1px solid #d8ded5;border-radius:8px;padding:18px}.admin-user-row{grid-template-columns:minmax(220px,1fr) minmax(220px,320px) minmax(320px,1.4fr)}.admin-user-controls{display:grid;gap:10px}.admin-expiration-field,.admin-amount-field{min-width:0}.secondary-button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.secondary-button:hover{background:#f3f8f5;border-color:#2e6f5c;box-shadow:0 6px 18px #2e6f5c1a}.danger-button{border-color:#d76d6d;color:#a83232}.danger-button:hover{background:#fff4f4}:root{color:#18222a;background:#f4f5f0;--surface: #ffffff;--surface-soft: #f7f8f4;--ink: #18222a;--muted: #5c6870;--line: #d8ded8;--brand: #236b5b;--brand-strong: #174f43;--accent: #b85f40;--accent-soft: #fff0e8;--blue-soft: #edf4f7;--shadow-soft: 0 18px 44px rgba(24, 34, 42, .09)}body{background:linear-gradient(180deg,#f5f6f1,#edf3f2 48%,#f7f4ef)}.app-shell{padding:28px 24px 48px}.workspace{max-width:1180px}.workspace-hero{background:linear-gradient(135deg,#fff,#f6faf8 54%,#fff6ef);border:1px solid #dde5df;border-radius:8px;box-shadow:var(--shadow-soft);display:grid;gap:22px;overflow:hidden;padding:22px}.hero-topline{align-items:center;display:flex;justify-content:space-between}.workspace-hero .eyebrow{color:var(--accent);font-size:13px;letter-spacing:0;margin:0}.workspace-hero .auth-bar{background:#ffffffb3;border:1px solid rgba(216,222,216,.9);border-radius:8px;margin:0;padding:12px}.hero-content{align-items:end;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.hero-copy{display:grid;gap:10px}.hero-copy h1{color:var(--ink);font-size:38px;line-height:1.12;margin:0}.hero-copy .summary{color:var(--muted);font-size:16px;line-height:1.7;max-width:720px}.workspace-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workspace-badges span{background:var(--surface);border:1px solid #d7dfdc;border-radius:8px;color:#27423b;font-size:13px;font-weight:800;line-height:1;min-height:34px;padding:10px 12px;white-space:nowrap}.workspace-badges span:first-child{background:var(--blue-soft);border-color:#c8dce4;color:#24566a}.workspace-badges span:nth-child(2){background:#edf8f1;border-color:#cce2d4;color:var(--brand-strong)}.workspace-badges span:nth-child(3){background:var(--accent-soft);border-color:#efd0c2;color:#8b432d}.workflow-grid,.result-panel{border-top:0;margin-top:28px;padding-top:0}.upload-panel,.options-panel,.result-panel{background:#ffffffe6;border:1px solid #dfe5df;border-radius:8px;box-shadow:0 14px 34px #18222a12;padding:22px}.upload-copy h2,.result-header h2{color:var(--ink)}.upload-copy p,.status-text,.preview-block figcaption,.result-list-copy span{color:var(--muted)}.upload-dropzone{background:linear-gradient(180deg,#fff,#f8fbf9);border-color:#8ea69d}.upload-dropzone:hover{border-color:var(--brand);box-shadow:0 10px 24px #236b5b21}.field-label select,.field-label input,.field-label textarea{border-color:#cbd5d0;box-shadow:inset 0 1px #18222a08}.field-label select:focus,.field-label input:focus,.field-label textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #236b5b24;outline:none}.generate-button{background:linear-gradient(135deg,var(--brand) 0%,#1b5f73 100%);box-shadow:0 12px 24px #236b5b33;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.generate-button:not(:disabled):hover{box-shadow:0 16px 30px #236b5b3d;transform:translateY(-1px)}.generate-button:disabled{background:#aeb9b5;box-shadow:none}.secondary-button{background:#fff;border-color:#b9c8c1;color:#1f4038}.result-list-item,.admin-user-row,.progress-block,.preview-block,.batch-panel,.batch-status,.ratio-option{background:var(--surface);border-color:var(--line);box-shadow:0 8px 22px #18222a0d}.result-list-item:hover,.admin-user-row:hover{border-color:#b9c8c1}.app-alert{border-color:#e6b8ad}@media(max-width:900px){.hero-content{align-items:start;grid-template-columns:1fr}.workspace-badges{justify-content:flex-start}}@media(max-width:640px){.app-shell{padding:18px 14px 32px}.workspace-hero,.upload-panel,.options-panel,.result-panel{padding:16px}.hero-copy h1{font-size:30px}.workspace-hero .auth-bar,.auth-status,.login-panel{align-items:stretch;display:grid;grid-template-columns:1fr}.login-panel .field-label{min-width:0}}:root{--page: #eef1f5;--panel: #ffffff;--panel-muted: #f5f7fa;--ink: #101820;--muted: #64717d;--line: #d7dde3;--line-strong: #bac5ce;--brand: #176b5c;--brand-2: #245d7c;--accent: #c05f3c;--shadow-soft: 0 18px 48px rgba(16, 24, 32, .1);--shadow-tight: 0 10px 24px rgba(16, 24, 32, .08)}body{background:linear-gradient(180deg,#f7f8fa,#edf1f5 42%,#f6f2ed)}.app-shell{padding:18px 20px 40px}.workspace{max-width:1280px}.workspace-hero{background:linear-gradient(135deg,#fffffffa,#f6faf9f5 52%,#fff6f0f0);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);gap:14px;padding:18px 20px;position:relative}.hero-topline{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,auto)}.workspace-hero .eyebrow{color:var(--accent);font-size:12px;font-weight:900;margin:0 0 6px}.hero-copy h1{color:var(--ink);font-size:34px;margin:0}.hero-copy .summary{color:var(--muted);font-size:15px;line-height:1.55;max-width:700px}.workspace-hero .auth-bar{align-self:start;background:#ffffffc7;border:1px solid rgba(215,221,227,.92);border-radius:8px;box-shadow:0 8px 18px #1018200d;margin:0;padding:8px}.login-panel,.auth-status{align-items:end;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.login-panel .field-label{font-size:12px;gap:4px;min-width:112px}.login-panel .field-label input{min-height:32px;padding:5px 8px}.auth-status{color:var(--muted);font-size:12px}.auth-status span{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;min-height:30px;padding:7px 9px}.workspace-hero .secondary-button,.login-panel .secondary-button,.auth-status .secondary-button{font-size:12px;min-height:32px;padding:6px 10px}.hero-content{align-items:end;grid-template-columns:minmax(0,1fr) auto}.workspace-badges span{border-radius:8px;font-size:12px;min-height:30px;padding:8px 10px}.workflow-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);margin-top:18px}.upload-panel,.options-panel,.result-panel{background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight);padding:18px}.upload-panel{gap:12px}.options-panel{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.options-panel>.upload-copy,.options-panel>.app-alert,.options-panel>.ratio-checklist,.options-panel>.copy-fields,.options-panel>.generate-button,.options-panel>.status-text{grid-column:1 / -1}.upload-copy h2,.result-header h2{font-size:20px;margin-bottom:4px}.upload-copy p,.status-text,.preview-block figcaption{font-size:13px;line-height:1.45}.upload-dropzone{align-items:center;border-color:#a8b7c2;border-style:solid;gap:3px;min-height:82px;padding:14px 16px}.upload-title{font-size:15px}.upload-hint{font-size:12px}.preview-block{border-radius:8px;gap:8px;max-width:none;padding:10px}.preview-block img{aspect-ratio:16 / 10;max-width:none}.batch-panel,.batch-status{gap:10px;padding:12px}.batch-panel .upload-copy h2{font-size:17px}.batch-dropzone{min-height:68px;padding:12px 14px}.secondary-button.compact-action,.batch-panel>.secondary-button{justify-self:start;min-height:34px;padding:7px 12px}.field-label{font-size:13px;gap:6px}.field-label select,.field-label input,.field-label textarea{border-color:#c8d1d9;min-height:38px;padding:7px 9px}.ratio-checklist{grid-template-columns:repeat(5,minmax(0,1fr))}.ratio-option{min-height:36px;padding:7px 9px}.copy-fields{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.copy-fields .upload-copy,.copy-fields .field-label:first-of-type,.copy-fields .field-label:nth-of-type(3){grid-column:1 / -1}.copy-fields h3{font-size:17px}.field-label textarea{min-height:78px}.generate-button{justify-self:end;min-height:40px;min-width:180px;padding:9px 18px}.result-panel{margin-top:18px}.result-header{border-bottom:1px solid var(--line);padding-bottom:12px}.result-list{gap:8px}.result-list-item,.admin-user-row{border-color:var(--line);box-shadow:0 8px 18px #1018200d}.result-list-item{grid-template-columns:76px minmax(0,1fr) auto;min-height:92px}.result-list-thumb,.result-list-thumb img{height:76px;width:76px}.result-list-copy strong{font-size:14px}.result-list-actions .secondary-button,.result-list-actions a{font-size:12px}@media(max-width:980px){.hero-topline,.workflow-grid,.options-panel,.copy-fields{grid-template-columns:1fr}.auth-bar,.login-panel,.auth-status,.workspace-badges{justify-content:flex-start}.ratio-checklist{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}}@media(max-width:640px){.app-shell{padding:12px}.workspace-hero,.upload-panel,.options-panel,.result-panel{padding:14px}.hero-copy h1{font-size:28px}.generate-button{justify-self:stretch;min-width:0;width:100%}}:root{--premium-bg: #f3f1ec;--premium-paper: #fbfaf7;--premium-panel: #ffffff;--premium-ink: #171a1d;--premium-soft-ink: #4f5961;--premium-muted: #7a838a;--premium-line: #ded9cf;--premium-line-strong: #c8bda9;--premium-green: #173f37;--premium-green-2: #24685a;--premium-gold: #b88a4d;--premium-gold-soft: #f5ead7;--premium-warm: #c36b45;--premium-shadow: 0 22px 64px rgba(34, 30, 24, .12);--premium-shadow-soft: 0 12px 30px rgba(34, 30, 24, .08)}body{background:radial-gradient(circle at 12% 6%,#ffffffe6 0,#fff0 32%),linear-gradient(180deg,#f8f6f1,#eee9df 46%,#f6f3ed);color:var(--premium-ink)}.app-shell{padding:18px 22px 48px}.workspace{max-width:1360px}.workspace-hero{background:linear-gradient(135deg,#ffffffeb,#faf7f0f5 52%,#f5ead7e6),linear-gradient(90deg,transparent,rgba(184,138,77,.11));border:1px solid var(--premium-line);border-radius:8px;box-shadow:var(--premium-shadow);display:grid;gap:24px;overflow:hidden;padding:0 32px 32px;position:relative}.workspace-hero:before{background:linear-gradient(90deg,var(--premium-gold),rgba(184,138,77,0));content:"";height:3px;left:32px;position:absolute;right:32px;top:0}.studio-topbar{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);min-height:70px;padding-top:12px}.studio-brand{align-items:center;display:flex;gap:12px;min-width:0}.studio-brand-mark{align-items:center;background:#171a1d;border-radius:8px;color:#f6ead6;display:grid;font-weight:900;height:34px;justify-items:center;width:34px}.studio-brand strong{color:var(--premium-ink);display:block;font-size:17px;line-height:1.2}.studio-brand span:last-child{color:var(--premium-muted);display:block;font-size:12px;margin-top:2px}.workspace-badges{display:flex;gap:8px;justify-content:center}.workspace-badges span,.auth-status span{background:#ffffffb8;border:1px solid var(--premium-line);border-radius:8px;color:#46515a;font-size:12px;font-weight:800;min-height:30px;padding:8px 11px;white-space:nowrap}.workspace-hero .auth-bar{background:transparent;border:0;box-shadow:none;margin:0;padding:0}.login-panel,.auth-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.login-panel .field-label{color:var(--premium-soft-ink);font-size:12px;min-width:92px}.login-panel .field-label input{background:#ffffffd1;border-color:var(--premium-line);min-height:32px;padding:5px 8px}.hero-content{align-items:stretch;display:grid;gap:30px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.workspace-hero .eyebrow{color:var(--premium-gold);font-size:13px;font-weight:900;margin:0 0 12px}.hero-copy h1{color:var(--premium-ink);font-size:clamp(38px,4.4vw,58px);line-height:1.04;margin:0;max-width:760px}.hero-copy .summary{color:var(--premium-soft-ink);font-size:17px;line-height:1.75;margin:18px 0 0;max-width:650px}.studio-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;max-width:680px}.studio-metrics span{background:#ffffffa8;border:1px solid var(--premium-line);border-radius:8px;color:var(--premium-muted);display:grid;font-size:12px;gap:6px;padding:13px}.studio-metrics strong{color:var(--premium-ink);display:block;font-size:18px;line-height:1.1}.studio-preview{align-self:stretch;background:linear-gradient(180deg,#26221d,#151719);border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:inset 0 1px #ffffff1f,0 30px 70px #1412103d;min-height:400px;overflow:hidden;padding:20px;position:relative}.studio-preview:before{background:radial-gradient(circle at 50% 8%,#fff4dc57,#fff4dc00 34%);content:"";inset:0;position:absolute}.preview-toolbar,.preview-caption{color:#efe8dc;display:flex;font-size:12px;font-weight:800;justify-content:space-between;position:relative;z-index:1}.stage{align-items:center;display:grid;justify-items:center;min-height:290px;position:relative;z-index:1}.stage img{background:#f7efe2;border:1px solid rgba(255,255,255,.42);border-radius:8px;box-shadow:0 32px 60px #00000052;max-height:240px;max-width:78%;object-fit:contain}.pedestal{background:linear-gradient(180deg,#f7efe2,#d8c7ac);border:1px solid rgba(255,255,255,.42);border-radius:8px;box-shadow:0 32px 60px #00000052;height:128px;position:relative;width:270px}.pedestal:before{background:linear-gradient(135deg,#fff9eb,#bd8754);border:1px solid rgba(255,255,255,.45);border-radius:8px;box-shadow:0 22px 45px #00000040;color:#3e3224;content:"商品预览";display:grid;font-size:18px;font-weight:900;height:150px;left:50%;place-items:center;position:absolute;top:-102px;transform:translate(-50%);width:188px}.preview-caption{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#e7ddcd;gap:12px;padding:12px}.workflow-grid.workbench{display:grid;gap:16px;grid-template-columns:minmax(260px,.72fr) minmax(680px,1.85fr);margin-top:18px}.upload-panel,.options-panel,.result-panel{background:#ffffffe6;border:1px solid var(--premium-line);border-radius:8px;box-shadow:var(--premium-shadow-soft)}.upload-dropzone{background:var(--premium-paper);border:1px dashed var(--premium-line-strong);min-height:116px;padding:16px}.batch-panel,.copy-fields{background:#f8f6f1;border:1px solid var(--premium-line)}.options-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.options-panel .upload-copy h2,.upload-panel .upload-copy h2,.result-header h2{color:var(--premium-ink);font-size:20px}.copy-fields{background:linear-gradient(180deg,#fffdf8,#f8f3ea);border-color:#ded3c0}.generate-button{background:linear-gradient(135deg,var(--premium-green) 0%,#215c51 100%);border:1px solid #153b34;border-radius:8px;box-shadow:0 12px 28px #173f3733;color:#fffaf0;font-weight:900;min-height:44px;min-width:190px}.secondary-button,.result-list-actions a{border-radius:8px}.studio-gallery{margin-top:18px}.gallery-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.works-preview{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.work-card{background:var(--premium-paper);border:1px solid var(--premium-line);border-radius:8px;display:grid;gap:8px;overflow:hidden;padding-bottom:12px}.work-card strong,.work-card small{padding:0 12px}.work-card small{color:var(--premium-muted)}.work-thumb{aspect-ratio:1 / 1;background:linear-gradient(135deg,#173f371f,#b88a4d2e),#eee9df;display:grid;place-items:center}.work-thumb span{background:#ffffffb8;border:1px solid rgba(255,255,255,.8);border-radius:8px;color:#3d3326;font-weight:900;padding:10px 12px}.result-list-item{background:var(--premium-paper)}@media(max-width:1120px){.studio-topbar,.hero-content,.workflow-grid.workbench{grid-template-columns:1fr}.workspace-badges,.login-panel,.auth-status{justify-content:flex-start}.works-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding:12px}.workspace-hero{padding:0 20px 20px}.hero-copy h1{font-size:36px}.studio-metrics,.works-preview,.options-panel,.copy-fields{grid-template-columns:1fr}.studio-preview{min-height:330px}.result-header{align-items:stretch;flex-direction:column}}.workflow-grid.workbench{align-items:stretch}.workflow-grid.workbench>.upload-panel,.workflow-grid.workbench>.options-panel{height:100%}.workflow-grid.workbench>.upload-panel{align-content:start;grid-template-rows:auto minmax(170px,.72fr) minmax(220px,1fr)}.workflow-grid.workbench>.upload-panel .batch-panel{align-self:stretch;display:grid;grid-template-rows:auto minmax(88px,1fr) auto auto auto}.workflow-grid.workbench>.upload-panel .batch-dropzone{min-height:112px}@media(max-width:1120px){.workflow-grid.workbench>.upload-panel,.workflow-grid.workbench>.options-panel{height:auto}.workflow-grid.workbench>.upload-panel{grid-template-rows:none}}