:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:Inter,Microsoft YaHei,PingFang SC,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0}.workbench{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:18px;display:grid}.tool-panel,.preview-panel{background:#fff;border:1px solid #d8dee5;border-radius:8px;box-shadow:0 12px 32px #141e2d14}.tool-panel{padding:22px}.preview-panel{overflow:hidden}.title-row,.preview-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1,h2,p{margin:0}h1{color:#111827;letter-spacing:0;font-size:25px;line-height:1.2}h2{color:#111827;letter-spacing:0;font-size:19px;line-height:1.25}.title-row p,.preview-head p{color:#5f6b7a;margin-top:7px;font-size:14px;line-height:1.6}.status-pill{color:#455569;white-space:nowrap;background:#edf2f7;border-radius:999px;flex:none;padding:7px 11px;font-size:13px}.status-pill[data-mode=working]{color:#8a5a00;background:#fff4d6}.status-pill[data-mode=ready]{color:#1b6b3a;background:#e5f6ed}.status-pill[data-mode=error]{color:#b42318;background:#ffe8e5}.drop-zone{cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #aeb9c8;border-radius:8px;place-items:center;gap:7px;min-height:168px;margin-top:22px;padding:22px;transition:border-color .15s,background .15s;display:grid}.drop-zone.dragging{background:#fff5f5;border-color:#d71920}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-icon{color:#fff;background:#d71920;border-radius:50%;place-items:center;width:38px;height:38px;font-size:30px;line-height:1;display:grid}.drop-zone strong{font-size:17px}.drop-zone small{color:#687588}.controls-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.controls-grid label{gap:7px;display:grid}.controls-grid span{color:#3f4b5c;font-size:13px}.controls-grid input,.controls-grid select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:41px;padding:0 11px}.controls-grid input:focus,.controls-grid select:focus{border-color:#1d6fb8;box-shadow:0 0 0 3px #1d6fb821}.checkbox-line{align-items:center;min-height:41px;padding-top:21px;gap:9px!important;display:flex!important}.checkbox-line input{accent-color:#d71920;width:18px;height:18px}.button-row{gap:10px;margin-top:20px;display:flex}button{color:#fff;cursor:pointer;background:#d71920;border:1px solid #0000;border-radius:6px;min-height:43px;padding:0 18px;font-weight:700}button.secondary{color:#1f2937;background:#fff;border-color:#cbd5e1}button:disabled{cursor:not-allowed;opacity:.55}.preview-head{border-bottom:1px solid #e1e7ee;padding:20px 22px 14px}.table-wrap{max-height:calc(100vh - 170px);overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #edf1f5;padding:11px 14px}th{z-index:1;color:#3f4b5c;background:#f4f7fa;font-size:13px;position:sticky;top:0}td{color:#1f2937;font-size:14px}th:first-child,td:first-child{width:126px}.empty-cell{color:#718096;text-align:center}@media (width<=900px){.workbench{grid-template-columns:1fr}.table-wrap{max-height:none}}@media (width<=620px){.app-shell{width:min(100vw - 20px,1180px);padding:14px 0}.tool-panel{padding:16px}.title-row,.preview-head{display:grid}.controls-grid{grid-template-columns:1fr}.button-row{display:grid}button{width:100%}}