:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;width:100%;min-height:100vh;padding:18px}.controls-panel,.preview-panel{min-width:0}.panel{width:100%;border:1px solid #d8e0eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px #19263f0f}.panel-header{padding:16px 18px 10px;border-bottom:1px solid #e8edf4}.panel-header h2,.section-title{margin:0;color:#111827;font-size:1rem;line-height:1.25}.panel-body{padding:16px 18px 18px}.form-section+.form-section{margin-top:18px}.field{display:grid;gap:6px;margin-top:10px}.field label{color:#374151;font-size:.88rem;font-weight:650}.field input,.field select{width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;color:#111827;background:#fff}.field input:focus,.field select:focus{border-color:#1d7fd7;outline:3px solid rgba(29,127,215,.16)}.export-panel{display:grid;gap:10px;margin-top:14px;padding:16px 18px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #cfdae8;border-radius:6px;background:#eef6ff;color:#20304a}.worker-status{color:#607089;font-size:.82rem}.worker-status[data-status=error]{color:#b42318}.button{width:100%;min-height:40px;border:1px solid transparent;border-radius:6px;padding:9px 12px;cursor:pointer;font-weight:700}.button.secondary{border-color:#c6d2e1;color:#172033;background:#fff}.button.primary{color:#fff;background:#1669b2}.button:hover:not(:disabled){filter:brightness(.97)}.button:disabled{cursor:progress;opacity:.68}.status-text,.error-text,.preview-note{margin:0;font-size:.86rem;line-height:1.45}.status-text,.preview-note{color:#607089;text-align:center}.error-text{color:#b42318}.preview-panel{display:grid;grid-template-rows:minmax(360px,1fr) auto;gap:10px}.preview-frame{display:flex;align-items:center;justify-content:center;min-height:540px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px #19263f0f;overflow:hidden}.preview-canvas{width:100%;height:100%;min-height:520px}@media(max-width:860px){.app-shell{grid-template-columns:1fr;padding:12px}.preview-panel{grid-template-rows:minmax(420px,62vh) auto}.preview-frame{min-height:420px}.preview-canvas{min-height:400px}}