/* Website-only workspace layout. The standalone importer remains unchanged. */
.importer-page{line-height:1.4;grid-template-rows:auto auto minmax(360px,1fr);min-height:650px;overflow:auto}
.importer-page #workflow{height:auto!important;min-height:0;max-height:none;padding:10px 14px;gap:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);box-shadow:none;align-items:start}
.importer-page .step{height:auto;overflow:visible;padding:10px 12px;min-width:0}
.importer-page .step h2{font-size:12px;margin:0 0 7px}
.importer-page #workflowResize{display:none}
.importer-page label{margin:0 0 3px;font-size:11px}
.importer-page input,.importer-page select,.importer-page textarea,.importer-page button:not(.theme-toggle){padding:6px 8px;min-height:30px;font-size:12px}
.importer-page input[type=checkbox]{min-height:0;width:auto;padding:0}
.importer-page #gameFamily{margin:0}
.importer-page .zone-picker{position:relative;margin-top:6px}
.importer-page #zoneSearch{padding-right:25px}
.importer-page .zone-picker:after{content:'⌄';position:absolute;right:10px;top:23px;pointer-events:none;color:var(--muted)}
.importer-page #zoneOptions{position:absolute;top:100%;left:0;right:0;z-index:50;max-height:260px;overflow:auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:6px;box-shadow:0 12px 28px var(--shadow);padding:4px}
.importer-page #zoneOptions [role=option]{padding:8px;cursor:pointer;border-radius:4px;font-size:12px}
.importer-page #zoneOptions [aria-selected=true],.importer-page #zoneOptions [role=option]:hover:where(html:not(.is-scrolling) *){background:var(--surface-2);color:var(--primary)}
.importer-page #zoneOptions p{padding:8px;margin:0}
.importer-page .destination-step .zone-line{display:block;flex:none;min-height:0;margin-top:6px}
.importer-page #zoneCard{padding:0;border:0;background:none;display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px}
.importer-page #zoneCard strong{font-size:11px}
.importer-page #zoneCard>span{font-size:10px}
.importer-page #zoneCard .calibration-toggle{margin:0;font-size:10px;flex-basis:100%}
.importer-page #zoneCard>label:not(.calibration-toggle){margin:0;font-size:10px}
.importer-page #retailArtwork{width:auto;max-width:70%;min-height:24px;padding:2px 4px;font-size:10px}
.importer-page .action-line{grid-template-columns:1fr}
.importer-page #trace{grid-row:4;margin-top:4px}
.importer-page #pickColor{width:auto;float:right;margin-top:6px;padding:4px 7px;min-height:26px}
.importer-page #sampleState{margin:6px 0;min-height:26px}
.importer-page .trace-toggle{margin:4px 0;font-size:11px}
.importer-page #status{font-size:11px;margin-top:4px;min-height:0;overflow-wrap:anywhere}
.importer-page .send-line{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.importer-page .send-step textarea{height:84px;font-size:10px}
.importer-page #copy{max-width:130px}
.importer-page .import-help{font-size:11px;line-height:1.5;margin-bottom:8px}
.importer-page .workspace{grid-template-columns:240px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.importer-page aside{position:relative;padding:16px;overflow:auto}
.importer-page aside h1{font-size:18px;padding-right:20px}
.importer-page aside h2{font-size:11px;margin:16px 0 6px}
.importer-page #sidebarToggle{position:absolute;right:7px;top:9px;width:28px;padding:0;font-size:19px;z-index:2}
.importer-page .workspace.sidebar-collapsed{grid-template-columns:42px minmax(0,1fr)}
.importer-page .sidebar-collapsed aside{padding:0}
.importer-page .importer-steps{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:6px 0;padding-left:17px;font-size:11px;line-height:1.5}
.importer-page .image-workspace{--reference-ratio:25%;display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,var(--reference-ratio));grid-template-rows:minmax(0,1fr);min-height:0}
.importer-page #mapDivider{background:var(--surface);border-inline:1px solid var(--border);cursor:col-resize;touch-action:none;position:relative}
.importer-page #mapDivider:after{content:'';position:absolute;left:2px;top:45%;height:36px;border-left:2px solid var(--muted)}
.importer-page .reference-workspace{padding:12px;border-left:0;overflow:auto}
.importer-page .reference-workspace h2{font-size:12px;margin:0 0 3px}
.importer-page #referenceVersion{font-size:10px;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}
.importer-page .reference-workspace canvas{max-height:calc(100dvh - 370px);object-fit:contain;object-position:top;min-height:100px}
.importer-page #referenceNote{font-size:11px;margin:9px 0}
.importer-page .reference-workspace button{min-height:30px}
.importer-page .workspace-label{top:12px;font-size:11px}
.importer-page #zoomBar{top:10px;right:10px;padding:3px}
.importer-page #zoomBar button{min-height:28px;height:28px;padding:0}
.importer-page #zoomBar .fit{padding:0 8px}
.importer-page #guide{border:1px solid var(--border);border-radius:20px;padding:5px 10px;bottom:10px;font-size:10px!important}
.importer-page [hidden]{display:none!important}
@media(min-width:1100px) and (max-width:1350px){.importer-page .workspace{grid-template-columns:220px minmax(0,1fr)}.importer-page #workflow{grid-template-columns:1.35fr 1fr 1fr}.importer-page .workspace-label{top:50px}}
@media(max-width:1099px){.importer-page{display:block;height:auto;min-height:100dvh;overflow:auto}.importer-page #workflow{grid-template-columns:1fr 1fr}.importer-page .send-step{grid-column:1 / -1}.importer-page .send-step textarea{height:55px}.importer-page .workspace,.importer-page .workspace.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:auto auto}.importer-page aside{padding:12px 16px}.importer-page #sidebarContent{max-width:700px}.importer-page .sidebar-collapsed aside{min-height:42px}.importer-page .image-workspace{min-height:60vh;grid-template-columns:minmax(0,1fr) 8px minmax(0,var(--reference-ratio));grid-template-rows:60vh}.importer-page .reference-workspace canvas{max-height:none}.importer-page .workspace-label{top:50px}}
@media(max-width:650px){.importer-page #workflow{grid-template-columns:1fr;padding:10px}.importer-page .send-step{grid-column:auto}.importer-page .image-workspace{grid-template-columns:1fr;grid-template-rows:65vh auto}.importer-page #mapDivider{display:none}.importer-page .reference-workspace{border-top:1px solid var(--border)}.importer-page .reference-workspace canvas{min-height:0}.importer-page .phone-hint{display:block}.importer-page .send-line{grid-template-columns:minmax(0,1fr) auto}.importer-page .destination-grid{grid-template-columns:1fr 1fr}.importer-page input,.importer-page select,.importer-page button:not(.theme-toggle){min-height:36px}.importer-page #zoneCard{gap:5px 8px}}
@media(min-width:1100px){.importer-page #workflow{padding-block:6px}.importer-page .step{padding-block:8px}}
@media(min-width:651px) and (max-width:1099px){
 .importer-page #sidebarContent{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;max-width:none;padding-right:25px}
 .importer-page #sidebarContent>.brand-kicker{grid-column:1;grid-row:1;margin:0}
 .importer-page #sidebarContent>h1{grid-column:1;grid-row:2;margin:0}
 .importer-page #sidebarContent>p:not(.brand-kicker):not(:last-child){grid-column:1;grid-row:3;margin:3px 0}
 .importer-page #sidebarContent>h2:first-of-type{grid-column:1;grid-row:4;margin:5px 0}
 .importer-page #sidebarContent>.importer-steps{grid-column:1;grid-row:5;margin:0;grid-template-columns:repeat(3,1fr)}
 .importer-page #sidebarContent>h2:last-of-type{grid-column:2;grid-row:1;margin:0 0 5px}
 .importer-page #sidebarContent>.stack{grid-column:2;grid-row:2 / 6}
 .importer-page #sidebarContent>p:last-child{grid-column:2;grid-row:6;margin:4px 0}
}