.importer-page{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;font-size:14px}.importer-page #workflow{background:var(--surface);border-color:var(--border);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)}.importer-page .step,.importer-page aside,.importer-page .align-dialog{background:var(--surface);border-color:var(--border)}.importer-page .destination-grid,.importer-page .zone-line{grid-template-columns:repeat(2,minmax(0,1fr))}.importer-page .action-line,.importer-page .send-line{grid-template-columns:minmax(0,1fr) 120px}.importer-page input,.importer-page select,.importer-page textarea,.importer-page button:not(.theme-toggle){background:var(--bg);color:var(--text);border-color:var(--border);font-size:12px;min-width:0}.importer-page button.primary{background:var(--button);color:var(--button-text)}.importer-page h1,.importer-page h2,.importer-page #zoneCard strong,.importer-page .brand-kicker,.importer-page #status,.importer-page #alignProgress{color:var(--primary)}.importer-page p,.importer-page .hint,.importer-page label,.importer-page #sampleState,.importer-page #zoneCard span,.importer-page .trace-toggle,.importer-page #zoneCard .calibration-toggle{color:var(--muted)}.importer-page #zoneCard,.importer-page .quick-flow div,.importer-page .align-pane,.importer-page .align-pane-header,.importer-page #zoomBar,.importer-page #guide{background:var(--surface-2);color:var(--text);border-color:var(--border)}.importer-page .quick-flow b{background:var(--surface-2);color:var(--primary)}.importer-page main{background:var(--bg)}.importer-page #viewport{background-color:var(--bg);background-image:linear-gradient(45deg,var(--surface) 25%,transparent 25%),linear-gradient(-45deg,var(--surface) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface) 75%),linear-gradient(-45deg,transparent 75%,var(--surface) 75%)}.importer-page #drop{color:var(--muted);border-color:var(--border);text-align:center}.importer-page #guide{max-width:90%;text-align:center}.importer-page #zone{max-width:100%}.importer-page .align-pane-header strong{color:var(--primary)}[data-theme="light"] .importer-page .bad{color:#b32632!important}
@media(max-width:1100px){.importer-page{height:auto;min-height:100dvh;overflow:auto;display:block}.importer-page #workflow{height:auto!important;min-height:0;max-height:none;grid-template-columns:1fr;padding:14px;gap:12px}.importer-page .step{overflow:visible}.importer-page #workflowResize{display:none}.importer-page .destination-step #zone{height:100px}.importer-page .send-step textarea{min-height:86px}.importer-page .workspace{grid-template-columns:1fr;grid-template-rows:auto 65vh}.importer-page main{min-height:65vh}.importer-page aside{padding:18px}.importer-page .quick-flow{display:none}.importer-page input,.importer-page select,.importer-page textarea,.importer-page button:not(.theme-toggle){font-size:14px;min-height:44px}.importer-page input[type="checkbox"]{min-height:20px}.importer-page .align-canvases{grid-template-columns:1fr}.importer-page .align-actions{flex-wrap:wrap}.importer-page .align-actions #alignUse{margin-left:0}}
@media(max-width:480px){.importer-page .destination-grid,.importer-page .zone-line,.importer-page .action-line,.importer-page .send-line{grid-template-columns:minmax(0,1fr)}.importer-page .align-dialog{padding:12px}.importer-page .align-pane-header{flex-wrap:wrap}.importer-page #zoomBar{top:10px;right:10px}.importer-page #guide{font-size:12px;width:90%}}