:root{--bg:#f4f3ef;--card:#fff;--tx:#1b1b19;--tx2:#76746c;--tx3:#a6a49b;--line:#eceae3;--accent:#c0392b;--accent-soft:#1f5e9e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;padding:48px 0 40px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}.app-shell{max-width:720px;margin:0 auto;padding:0 16px}.hero{text-align:center;margin-bottom:28px}.hero .eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--tx3);font-size:12px}.hero h1{letter-spacing:.5px;margin:6px 0;font-size:28px;font-weight:700}.hero-copy{color:var(--tx2);font-size:14px}.status{text-align:center;color:var(--tx2);margin-bottom:12px;font-size:14px}.error{color:#a8446a;background:#fbe9ef;border:1px solid #f2c4d6;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.workbench{flex-direction:column;gap:16px;display:flex}.step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.step-muted{opacity:.55}.section-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.step-mark{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.section-heading h2{font-size:17px;font-weight:600}.section-heading p{color:var(--tx2);font-size:13px}.step-state{color:var(--tx3);white-space:nowrap;margin-left:auto;font-size:12px}.controls{border:none;flex-direction:column;gap:14px;display:flex}.file-picker{border:1px dashed var(--line);cursor:pointer;background:#fafaf8;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.file-picker span{font-size:14px;font-weight:600}.file-picker small{color:var(--tx3);font-size:12px}.file-picker input{display:none}.file-list{flex-direction:column;gap:6px;list-style:none;display:flex}.file-list li{background:#f6f6f3;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-size{color:var(--tx3);flex:none;font-size:12px}.remove-button{color:var(--accent);cursor:pointer;background:0 0;border:none;flex:none;font-size:13px}.text-field{flex-direction:column;gap:4px;display:flex}.text-field span{color:var(--tx2);font-size:13px}.text-field input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px}.actions{gap:10px;display:flex}.actions button,.secondary-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:15px;font-weight:600}.actions button:not(.secondary-button){background:var(--accent);color:#fff}.secondary-button{background:var(--card);color:var(--tx);border:1px solid var(--line)}.actions button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.report{background:#f6f6f3;border-radius:8px;margin-top:16px;padding:14px 16px;font-size:14px}.report h3{margin-bottom:8px;font-size:14px}.report p{color:var(--tx2);margin-bottom:4px}.blocker-list{flex-direction:column;gap:6px;list-style:none;display:flex}.blocker-list li{color:#a8446a;font-size:13px}.footer{text-align:center;color:var(--tx3);margin-top:24px;font-size:12px}.footer code{background:#eeece6;border-radius:4px;padding:2px 6px}.report-preview{margin-top:16px}.preview-meta{color:var(--tx2);margin-bottom:10px;font-size:13px}.report-iframe{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;max-width:520px;min-height:400px;margin:0 auto;display:block}.preview-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.preview-actions button{cursor:pointer;border:none;border-radius:8px;flex:none;padding:10px 16px;font-size:14px;font-weight:600}.preview-actions .secondary-button{background:var(--card);color:var(--tx);border:1px solid var(--line)}.preview-actions .export-image-button{background:var(--accent);color:#fff}.preview-actions button:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}