.fractal-workspace{scroll-margin-top:12px;min-width:0}.lab-modebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 18px;background:var(--bg)}.lab-modebar>div{display:flex;gap:7px;flex-wrap:wrap}.lab-modebar>span{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.lab-modebar button[aria-pressed=true]{background:var(--app-accent);color:#321b08;border-color:var(--app-accent)}.line-lab{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.builder-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.builder-heading h2{font-size:27px}.builder-heading p:not(.eyebrow){margin-top:8px;font-size:13px;color:var(--muted)}.builder-heading>button{flex-shrink:0}.builder-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 24px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,var(--panel))}.builder-presets>span{font:9px var(--mono);color:var(--muted);letter-spacing:.08em;margin-right:9px}.builder-presets button{min-height:36px;padding:7px 12px;font-size:12px}.builder-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.builder-pane{min-width:0;overflow:hidden}.builder-pane:first-child{border-right:1px solid var(--line)}.builder-pane>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;min-height:88px}.builder-pane h3{font-size:19px;margin-top:5px}.builder-pane .mini-label{color:var(--accent-text);font-size:9px}.builder-live{font:9px var(--mono);color:var(--accent-text);padding:5px 8px;border:1px solid color-mix(in srgb,var(--app-accent) 35%,var(--line));border-radius:5px}.builder-pane canvas{width:100%;height:360px;display:block;background:var(--bg)}#ruleCanvas{touch-action:none;cursor:crosshair}.builder-pane #builderPlay{font-size:11px;padding:8px 10px;min-height:38px}.builder-handlebar,.builder-resultbar{display:flex;align-items:center;justify-content:center;gap:7px;min-height:61px;padding:10px 15px;border-block:1px solid var(--line)}.builder-handlebar button{font-size:11px;padding:7px 13px;min-height:38px}.builder-resultbar{justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.builder-resultbar label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;cursor:pointer}.builder-resultbar input{accent-color:var(--app-accent);width:16px;height:16px}.builder-controls-grid{display:grid;grid-template-columns:1fr 1fr}.builder-edit-controls,.builder-iteration-controls{padding:16px 22px}.builder-edit-controls{border-right:1px solid var(--line)}.builder-sliders{display:grid;grid-template-columns:1fr 1fr;gap:22px}.builder-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px}.builder-sliders input{grid-column:1/-1;margin:0}.builder-edges>summary{padding:10px 0 0;font-size:11px;min-height:30px;color:var(--muted)}.builder-edges>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.builder-edges input{font-size:13px;min-height:38px}.iteration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.iteration-heading>label{font-size:14px;color:var(--fg);font-weight:600}.iteration-heading output{margin-left:12px;font-size:18px}.iteration-heading>div{display:flex;gap:5px}.iteration-heading button{min-height:32px;height:32px;width:36px;padding:0;font-size:20px}.builder-iteration-controls>input{margin:0}.builder-stats{display:flex;align-items:center;gap:30px}.builder-stats>div{display:flex;align-items:center;gap:10px}.builder-stats span{font-size:10px;color:var(--muted)}.builder-stats strong{font:14px var(--mono);color:var(--accent-text)}.builder-note{border-top:1px solid var(--line);padding:16px 24px;background:var(--soft-orange);font-size:13px;line-height:1.8}.builder-keyboard{padding:12px 24px;font-size:10px;line-height:1.7;color:var(--muted)}#complexLab{padding-top:15px}#complexLab[hidden],#lineLab[hidden]{display:none}
@media(min-width:821px) and (max-height:800px){.builder-pane canvas{height:285px}.builder-heading{padding:18px 22px}.builder-pane>header{padding-block:14px;min-height:75px}.builder-controls-grid>div{padding-block:10px}.builder-keyboard{padding-block:8px}.builder-presets{padding-block:9px}}
@media(max-width:1100px){.builder-heading{gap:16px}.builder-heading h2{font-size:24px}.builder-sliders{gap:12px}.builder-resultbar>span{max-width:190px}.builder-stats{gap:18px}.builder-pane>header{padding-inline:15px}.builder-live{font-size:8px}}
@media(max-width:820px){.lab-modebar>span{display:none}.builder-heading{padding:20px;align-items:start}.builder-heading>button{font-size:11px}.builder-panels{grid-template-columns:1fr}.builder-pane:first-child{border-right:0;border-bottom:1px solid var(--line)}.builder-pane canvas{height:270px}.builder-pane>header{min-height:74px;padding:14px 18px}.builder-controls-grid{grid-template-columns:1fr 1fr}.builder-edit-controls,.builder-iteration-controls{padding:16px}.builder-sliders{grid-template-columns:1fr;gap:0}.builder-resultbar>span{max-width:none}.builder-heading p:not(.eyebrow){max-width:500px}.builder-keyboard{padding-inline:20px}}
@media(max-width:520px){.lab-modebar{padding-top:0}.lab-modebar>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.lab-modebar button{font-size:11px;padding-inline:8px}.builder-heading{padding:18px 15px;flex-wrap:wrap;gap:14px}.builder-heading h2{font-size:24px}.builder-heading p:not(.eyebrow){font-size:12px}.builder-presets{padding:12px 15px;gap:6px}.builder-presets>span{width:100%}.builder-presets button{font-size:10px;padding-inline:9px;min-height:40px}.builder-pane>header{padding:13px 15px;gap:8px}.builder-pane h3{font-size:17px}.builder-pane canvas{height:250px}.builder-live{font-size:7px;padding:5px}.builder-pane #builderPlay{font-size:10px;padding-inline:8px}.builder-handlebar{gap:5px;padding:10px}.builder-handlebar button{font-size:10px;flex:1;padding-inline:5px;min-height:40px}.builder-resultbar{padding:12px 15px;flex-wrap:wrap;gap:9px}.builder-resultbar>span{font-size:10px}.builder-controls-grid{grid-template-columns:1fr}.builder-edit-controls{border-right:0;border-bottom:1px solid var(--line)}.builder-sliders{grid-template-columns:1fr 1fr;gap:12px}.builder-sliders label{font-size:10px;gap:0 4px}.builder-sliders output{font-size:10px}.builder-edges input{font-size:16px}.builder-note{padding:14px 15px;font-size:12px}.builder-keyboard{padding:12px 15px;font-size:10px}.iteration-heading button{min-height:44px;width:44px;height:44px}.builder-stats{justify-content:space-between;gap:12px}}

.builder-result>header{flex-wrap:wrap}.builder-quickround{display:flex;align-items:center;gap:8px;margin-left:auto}.builder-quickround>span{font-size:11px;color:var(--muted);white-space:nowrap}.builder-quickround b{font:13px var(--mono);color:var(--accent-text);margin-left:4px}.builder-quickround button{width:32px;height:34px;min-height:34px;font-size:18px;padding:0}.fractal-workspace:focus{outline:none}@media(max-width:520px){.builder-quickround{gap:5px}.builder-quickround button{width:38px;height:44px;min-height:44px}.builder-result>header>#builderPlay{width:100%}}
.iteration-heading #builderIterationInput{width:72px;min-width:0;min-height:36px;height:36px;padding:5px 7px;font:16px var(--mono);color:var(--accent-text)}.iteration-limit{font:10px var(--mono);color:var(--muted);margin-left:6px}.builder-stats{align-items:flex-start;flex-wrap:wrap;row-gap:12px}.builder-stats>div{display:grid;gap:5px}.builder-stats strong{font-size:13px;overflow-wrap:anywhere}.builder-detail{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px;max-width:60ch}@media(max-width:520px){.iteration-heading #builderIterationInput{height:44px;min-height:44px}.builder-stats strong{font-size:12px}}
#resultCanvas{touch-action:none;cursor:grab}#resultCanvas[data-dragging=true]{cursor:grabbing}.builder-resultbar{flex-wrap:wrap}.builder-camera-tools{display:flex;align-items:center;gap:7px}.builder-camera-tools>span{font:11px var(--mono);margin-right:2px}.builder-camera-tools button{min-width:36px;min-height:36px;padding:4px 10px;font-size:16px}.builder-camera-tools #builderZoomReset{font-size:11px}.builder-camera-tools output{min-width:42px;text-align:center;font:12px var(--mono);color:var(--accent-text)}.builder-zoom-tip{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--soft-orange);font-size:11px;line-height:1.7;color:var(--muted)}.builder-zoom-tip strong{color:var(--accent-text);display:block;font-weight:600}.builder-zoom-tip[hidden]{display:none}.builder-camera-hint{font-size:10px;line-height:1.7;color:var(--muted);padding:9px 18px;border-bottom:1px solid var(--line)}.builder-camera-hint span{display:block;font-size:9px}@media(max-width:520px){.builder-camera-tools button{min-height:44px;min-width:40px}.builder-camera-tools{gap:6px}.builder-zoom-tip{padding:11px 15px}.builder-camera-hint{padding:9px 15px}}
.builder-camera-tools{flex-wrap:wrap}.builder-camera-tools #builderRevealDetail{font-size:11px;color:var(--accent-text);border-color:var(--app-accent);background:var(--soft-orange);margin-left:3px}.builder-camera-tools output{min-width:46px}.builder-visible-detail{padding:10px 18px;font:11px var(--mono);line-height:1.5;color:var(--accent-text);border-bottom:1px solid var(--line)}@media(max-width:520px){.builder-camera-tools #builderRevealDetail{flex-basis:100%;margin:3px 0 0}.builder-camera-tools output{font-size:11px}.builder-visible-detail{padding-inline:15px}}

/* Phone touch targets: at least 44px (audit 2026-10-21) */
@media (pointer:coarse),(max-width:600px){.builder-presets button,.builder-handlebar button,#builderPlay#builderPlay{min-height:44px}#builderQuickPrev,#builderQuickNext,#builderZoomOut,#builderZoomIn{min-width:44px}}