:where(.sphere-layout) .wb-title .tool-title{font-size: clamp(26px,4.2vw,34px);line-height: 1.08;overflow-wrap: anywhere;max-width: 100%}@media (max-width: 860px){ .sphere-layout.workbench{row-gap: 0}.sphere-layout > .wb-title{padding: 16px 16px 0;border: 1px solid var(--line);border-bottom: 0;border-radius: 3px 3px 0 0;background: var(--bg)}.sphere-layout .wb-title .tool-answer{margin-bottom: 4px}.sphere-layout > .sphere-controls{padding-top: 0;border-top: 0;border-top-left-radius: 0;border-top-right-radius: 0}.sphere-layout > .preview{margin-top: 20px}}@media (max-width: 600px){.sphere-layout > .wb-title{padding: 6px 6px 0;border: 0;background: transparent}:where(.sphere-layout) .wb-title .tool-title{font-size: 34px;text-wrap: auto} .sphere-layout .size-presets{column-gap: 3px}} .sphere-layout .sphere-shape{margin-top: 12px}.sphere-layout .sphere-shape > .blueprint-style{margin-top: 12px}.sphere-layout .sphere-shape > .blueprint-style:first-child{margin-top: 0}.sphere-layout .blueprint-style .label-like{margin: 0 0 6px}.sphere-layout .blueprint-style .toggle{margin-top: 0}.sphere-layout .sphere-shape > .ask{margin-top: 12px;border-bottom: 1px solid var(--line)}.sphere-layout .sphere-ask .ask-body > :first-child{margin-top: 0}.sphere-layout .sphere-ask .stepper-field{margin-top: 0}.sphere-layout .sphere-ask .oval-toggle + .stepper-field{margin-top: 4px} .sphere-layout .circle-controls .blueprint-thickness[hidden]{display: none}.sphere-layout #thickness-adjustment{margin: 6px 0 0} .sphere-layout .sphere-label-row{display: flex;flex-wrap: wrap;align-items: center;column-gap: 2px;margin: 0 0 6px}.sphere-layout .sphere-label-row > label{margin: 0}.sphere-layout .sphere-label-row > details.context-help{margin: -8px 0}.sphere-layout .sphere-label-row > details.context-help[open]{flex-basis: 100%;margin: 0 0 6px}.sphere-round{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;margin-top: 8px}.sphere-round .blueprint-hint{flex: 1 1 12rem;min-width: 0;margin: 0;font-size: 13px;overflow-wrap: anywhere}.sphere-round .btn{margin: 0;min-height: 44px;padding: 6px 12px;font-size: 14px}.sphere-round .btn:disabled{display: none} .sphere-layout .sphere-controls > .sphere-ask{margin: 0;border-top: 0;border-bottom: 1px solid var(--line)}.sphere-layout .sphere-layers .sphere-ask{margin: 10px 0 0;border-bottom: 1px solid var(--line)}.sphere-layout .sphere-ask > .owned-materials{margin-top: 0}.sphere-layout .sphere-ask .planner-help{overflow-wrap: anywhere}.sphere-layout .sphere-ask .material-balance{margin-top: 8px}.sphere-layout .sphere-ask .world-coordinate-fields{margin-top: 4px}.sphere-layout #world-coordinate-error{margin: 6px 0 0;overflow-wrap: anywhere} .sphere-layout .sphere-stats{margin-bottom: 10px}.sphere-layout .sphere-stats .stat{height: auto;min-height: 72px;padding: 10px 12px;gap: 2px}.sphere-layout .sphere-stats .stat > span{line-height: 1.3}.sphere-stats .stat b{overflow-wrap: anywhere}#trim-note{margin: -4px 0 10px;font-size: 13px}.sphere-view{margin: 0} .sphere-layer-stepper{display: flex;align-items: center;gap: 6px;margin-right: auto}.sphere-layer-stepper .btn{min-width: 44px;min-height: 44px;margin: 0;padding: 0 8px;font-size: 20px;line-height: 1;touch-action: manipulation}.sphere-layer-label{color: var(--ink);font-size: 14px;font-variant-numeric: tabular-nums;white-space: nowrap} .sphere-layout .sphere-actions{grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 10px;padding-top: 14px}.sphere-layout .sphere-actions > :not(.btn){grid-column: 1 / -1}.sphere-layout #sphere-share{touch-action: manipulation}.sphere-layout .sphere-start{display: inline-flex;align-items: center;justify-content: center;min-width: 0;color: var(--ink);line-height: 1.3;text-align: center;text-decoration: none;overflow-wrap: anywhere;touch-action: manipulation}.sphere-layout .sphere-start:hover{color: var(--ink);text-decoration: none}.sphere-more-formats{min-width: 0;margin: 0}.sphere-more-formats > summary{display: inline-flex;align-items: center;min-height: 44px;color: var(--accent);font-size: 14px;cursor: pointer;touch-action: manipulation}.sphere-more-formats > summary:hover{color: var(--accent-hover);text-decoration: underline;text-underline-offset: 3px}.sphere-more-formats > summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.sphere-more-formats[open] > summary{margin-bottom: 4px}.sphere-more-formats .export-actions .btn{margin: 0}.sphere-more-formats > details.context-help{margin: 4px 0 0}.sphere-more-formats > label{margin: 4px 0 6px}.sphere-more-formats .export-hint{overflow-wrap: anywhere}.sphere-more-formats .copy-ok{margin: 6px 0 0}.sphere-more-formats .copy-ok:empty{display: none}.sphere-more-formats .sphere-copy-link{margin: 10px 0 0} .schematic-actions{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.schematic-actions .btn{min-height: 44px;margin-top: 0;overflow-wrap: anywhere} .sphere-layout .sphere-layers{margin-top: 16px}.sphere-layers h2{margin: 0 0 6px;font-size: 22px;scroll-margin-top: 12px}.sphere-layers h2:focus:not(:focus-visible){outline: none}.sphere-layers .layer-progress-summary{margin: 6px 0 10px;padding-bottom: 10px}.layer-chips{display: flex;flex-wrap: wrap;gap: 4px;max-height: 132px;margin: 10px 0 6px;padding: 2px;overflow-y: auto;list-style: none} .layer-chips[hidden],.sphere-layer-stepper[hidden]{display: none}.layer-chip{min-width: 44px;min-height: 44px;padding: 4px 6px;border: 1px solid var(--control-line);border-radius: 3px;background: var(--paper);color: var(--ink);font: 600 13px/1 var(--mono);font-variant-numeric: tabular-nums;cursor: pointer}.layer-chip.is-started{background: linear-gradient(90deg,var(--selected) 50%,var(--paper) 50%);border-color: var(--seal)}.layer-chip.is-complete{background: var(--seal);border-color: var(--seal);color: var(--on-seal)}.layer-chip[aria-current="true"]{outline: 3px solid #c96f2d;outline-offset: 1px}.layer-chip:not(:disabled):hover{border-color: var(--accent)}.layer-chip:disabled{opacity: .45;cursor: not-allowed}.layer-summary{margin: 4px 0 8px;color: var(--ink);font-weight: 600;font-variant-numeric: tabular-nums} .sphere-chart-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 14px;margin: 0 0 8px}.sphere-chart-tools .blueprint-view{flex: 0 0 auto;align-self: center}.sphere-chart-tools .blueprint-view .btn{touch-action: manipulation}.sphere-chart-tools .oval-toggle{margin: 0;overflow-wrap: anywhere}.sphere-chart-tools .zoom-help{flex: 1 1 14rem;min-width: 0;overflow-wrap: anywhere}.sphere-chart-tools .zoom-help:empty{display: none}.sphere-chart-frame .stage{padding: 12px}.sphere-chart-frame canvas{margin: 0;max-width: none}.sphere-legend{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 4px 12px}.sphere-legend .context-help{margin: 0}.sphere-legend-items{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px;margin: 0;padding-top: 12px;color: var(--muted);font-size: 12px}.legend-item{display: inline-flex;align-items: center;gap: 5px}.swatch{display: inline-block;flex: 0 0 auto;width: 12px;height: 12px;border: 1px solid #83917d}.swatch-block{background: #244c3d}.swatch-current{background: #83b34e}.swatch-done{background: #9eaf90}.swatch-below{background: #c4cfb4}.sphere-current-row{margin-top: 8px}.sphere-current-row p{margin: 4px 0 8px;color: var(--muted)}.sphere-layers .row-segments-note{margin: 8px 0 4px}.sphere-layers .build-actions{margin-top: 10px}.sphere-layers .build-actions .btn{margin: 0}.sphere-layers #continue-layer{margin-top: 8px} .sphere-row-details{margin: 0}.sphere-row-details > summary{position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 2px 12px;min-height: 44px;padding: 8px 30px 8px 0;list-style: none;cursor: pointer;touch-action: manipulation}.sphere-row-details > summary::-webkit-details-marker{display: none}.sphere-row-details > summary::after{content: "";position: absolute;top: 50%;right: 8px;width: 8px;height: 8px;margin-top: -6px;border-right: 2px solid var(--seal);border-bottom: 2px solid var(--seal);transform: rotate(45deg)}.sphere-row-details[open] > summary::after{margin-top: -2px;transform: rotate(-135deg)}.sphere-row-details > summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.sphere-row-details > summary:hover .sphere-row-heading{color: var(--accent)}.sphere-row-heading{margin: 0;font-size: 16px}.sphere-row-state{min-width: 0;margin-left: auto;color: var(--muted);font-size: 14px;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.sphere-row-list{max-height: 360px;margin: 0;padding: 0;overflow-y: auto;list-style: none;border: 1px solid var(--line);border-radius: 3px;background: var(--paper)}.sphere-row-list li{display: flex;align-items: center;gap: 4px;padding: 0 8px;border-bottom: 1px solid var(--line)}.sphere-row-list li:last-child{border-bottom: 0}.sphere-row-list li.is-current{background: var(--selected);box-shadow: inset 3px 0 var(--accent)}.sphere-row-list input[type="checkbox"]{flex: 0 0 auto;width: 22px;height: 22px;margin: 11px 6px 11px 0}.row-pick{flex: 1 1 auto;min-width: 0;min-height: 44px;padding: 8px 4px;border: 0;background: transparent;color: var(--ink);font-size: 14px;line-height: 1.4;text-align: left;overflow-wrap: anywhere;cursor: pointer}.row-pick:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}.sphere-row-list li.is-done .row-pick{color: var(--muted);text-decoration: line-through}.row-pick:disabled{cursor: not-allowed} .sphere-layers .progress-actions{align-items: flex-start;margin-top: 10px}.sphere-layers .progress-actions .btn{margin: 0}.sphere-layers .progress-actions > details.context-help{margin: 0}.sphere-layers .progress-actions > details.context-help[open]{flex-basis: 100%;margin: 0}.sphere-layers #progress-note{margin: 0;color: var(--ink)}.sphere-layers #progress-status{margin: 6px 0 0}.sphere-layers #progress-status:empty{display: none}@media (max-width: 540px){.sphere-layout .sphere-stats .stat{min-height: 60px;padding: 8px 12px}.sphere-layout .sphere-stats .stat b{font-size: 17px}.sphere-layers .build-actions{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap: 6px}.sphere-layers .build-actions .btn{min-height: 52px;padding-inline: 6px;line-height: 1.3} .sphere-layers .progress-actions{gap: 6px}.sphere-layers .progress-actions .btn{padding-inline: 8px;font-size: 14px}}@media (max-width: 360px){.sphere-layout .sphere-stats .stat{padding-inline: 10px}.sphere-layout .sphere-stats .stat b{font-size: 15px}} @media (min-width: 861px){ .sphere-layout.workbench .wb-title{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 28px;margin: 0 0 16px;padding: 0 4px}.sphere-layout.workbench .wb-title .tool-title{margin: 0}.sphere-layout.workbench .wb-title .tool-answer{margin: 0} .sphere-layout.workbench .sphere-controls{position: static;padding: 0;border: 0;background: transparent}.sphere-layout.workbench .sphere-controls .session-status{margin: 0 0 12px}.sphere-layout.workbench .sphere-shape{margin-top: 0} .sphere-layout.workbench[data-wb-mode="3d"] .sphere-canvas-3d{display: flex;flex-direction: column;height: var(--wb-fit,calc(100vh - 2 * var(--wb-top,12px)))} .sphere-layout.workbench .layer-chips,.sphere-layout.workbench .sphere-row-list{max-height: none;overflow: visible}.sphere-layout.workbench .sphere-canvas-3d > .sphere-view{display: flex;flex: 1 1 auto;flex-direction: column;min-height: 0} .sphere-layout.workbench .sphere-canvas-2d .layer-summary{margin: 0 0 8px;color: var(--ink);font-size: 18px;line-height: 1.35} .sphere-layout.workbench .sphere-layers .build-actions{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap: 6px}.sphere-layout.workbench .sphere-layers .build-actions .btn{padding-inline: 6px;line-height: 1.3}.sphere-layout.workbench .sphere-layers .progress-actions{gap: 6px}.sphere-layout.workbench .sphere-layers .progress-actions .btn{padding-inline: 8px;font-size: 14px}}@media (prefers-reduced-motion: reduce){.layer-chip,.row-pick,.sphere-round .btn{transition: none}}@media print{.sphere-view,.layer-chips,.sphere-round .btn,.sphere-layers .build-actions,.sphere-layers .progress-actions,.sphere-chart-tools{display: none}.sphere-row-list{max-height: none;overflow: visible}.sphere-row-details > summary::after{content: none} .sphere-row-details::details-content{display: block;content-visibility: visible}}
