@media screen{.sphere-layout[data-wb-mode="3d"] [data-wb-only="2d"],.sphere-layout[data-wb-mode="2d"] [data-wb-only="3d"]{display: none !important}} .sphere-layout .app-bar-controls .wb-tabs > button{min-width: 44px;padding-inline: 14px;touch-action: manipulation} .sphere-layout .app-stage{position: relative} .sphere-layout .sphere-view{position: absolute;inset: var(--app-inset-top,0px) var(--app-inset-right,0px) var(--app-inset-bottom,0px) 0;display: flex;flex-direction: column;margin: 0} .sphere-layout #view3d-frame{position: relative;flex: 1 1 auto;width: auto;min-height: 0;max-height: none;aspect-ratio: auto;border: 0;border-radius: 0} .sphere-layout .sphere-view-note{flex: none;margin: 0;padding: 4px 16px 8px;font-size: 12px;line-height: 1.4;overflow-wrap: anywhere} .sphere-layout .sphere-chart .layer-summary{margin: 0 0 8px;color: var(--c-ink);font-size: 18px;line-height: 1.35}.sphere-layout .sphere-chart-fit{min-width: 0} .sphere-layout .app-toasts > #preview-status{padding: 10px 12px;border: 1px solid var(--c-danger);border-left-width: 4px;border-radius: var(--r-sm);background: var(--c-danger-soft);color: var(--c-ink);font-size: var(--fs-sm);overflow-wrap: anywhere;box-shadow: var(--sh-2)}.sphere-layout .app-toasts > #preview-status[data-app-toast]{opacity: 1;pointer-events: auto} .sphere-dock-row{flex: 1 1 100%;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;min-width: 0}.sphere-dock-row .btn{margin: 0}.sphere-dock-row .oval-toggle{min-height: 44px;margin: 0} .sphere-layer-stepper{display: flex;align-items: center;gap: 6px}.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{min-width: 8ch;color: var(--c-ink);font-size: 14px;font-variant-numeric: tabular-nums;text-align: center;white-space: nowrap} .sphere-layout .sphere-start{display: inline-flex;align-items: center;justify-content: center;min-width: 0;margin: 0 0 0 auto;line-height: 1.3;text-align: center;text-decoration: none;overflow-wrap: anywhere;touch-action: manipulation}.sphere-layout .sphere-start:hover{text-decoration: none} .sphere-chart-tools{flex: 1 1 auto;display: flex;flex-wrap: wrap;align-items: center;gap: 4px 14px;min-width: 0;margin: 0}.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{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-layout .app-dock .build-bar{margin: 0;padding: 8px 0 0;border: 0;border-top: 1px solid var(--c-line);border-radius: 0;background: transparent}.sphere-row-strip{flex: 1 1 100%;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 16px;min-width: 0}.sphere-row-strip .sphere-current-row{flex: 1 1 22rem;display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 12px;min-width: 0;margin: 0}.sphere-row-strip #row-title{flex: none;font-size: 16px}.sphere-row-strip .sphere-current-row p{margin: 0;color: var(--c-ink-2);font-size: 13px;line-height: 1.4;overflow-wrap: anywhere}.sphere-row-strip #row-direction{flex: 1 1 14rem;min-width: 0}.sphere-row-strip .row-segments-note,.sphere-row-strip .row-segments,.sphere-row-strip .world-coordinate-summary,.sphere-row-strip .world-coordinate-warning{flex: 1 1 100%}.sphere-row-strip .sphere-current-row .row-segments-note{font-size: 12px}.sphere-row-strip .sphere-current-row .world-coordinate-summary{color: var(--c-ink)}.sphere-row-strip .sphere-current-row .world-coordinate-warning{color: var(--c-danger)}.sphere-row-strip .row-segments{margin-top: 4px;gap: 6px}.sphere-row-strip .row-segments li{padding: 4px 10px}.sphere-row-strip .row-segments strong{font-size: 15px}.sphere-row-strip .build-actions{flex: none;gap: 6px;margin: 0}.sphere-row-strip .build-actions .btn{margin: 0}.sphere-row-strip #continue-layer{flex: none;margin: 0} .sphere-layout .sphere-controls .session-status{margin: 0 0 12px}.sphere-layout .sphere-shape{margin-top: 4px}.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(--c-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-materials > .sphere-ask{margin: 0;border-bottom: 1px solid var(--c-line)}.sphere-layout .sphere-layers .sphere-ask{margin: 10px 0 0;border-bottom: 1px solid var(--c-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-actions{grid-template-columns: minmax(0,1fr);gap: 8px;padding-top: 4px}.sphere-layout .sphere-actions > :not(.btn){grid-column: 1 / -1}.sphere-layout #sphere-share{touch-action: manipulation}.sphere-more-formats{min-width: 0;margin: 0}.sphere-more-formats > summary{display: inline-flex;align-items: center;min-height: 44px;color: var(--c-primary);font-size: 14px;cursor: pointer;touch-action: manipulation}.sphere-more-formats > summary:hover{color: var(--c-primary-hover);text-decoration: underline;text-underline-offset: 3px}.sphere-more-formats > summary:focus-visible{outline: 3px solid var(--c-focus);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 .app-section > .build-bar{margin: 0;padding: 0;border: 0;border-radius: 0;background: transparent}.sphere-layers h2{margin: 4px 0 6px;font-size: 18px;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(--c-line-strong);border-radius: var(--r-sm);background: var(--c-surface);color: var(--c-ink);font: 600 13px/1 var(--mono);font-variant-numeric: tabular-nums;cursor: pointer} .layer-chip.is-started{background: linear-gradient(90deg,var(--c-primary-soft) 50%,var(--c-surface) 50%);border-color: var(--c-primary)}.layer-chip.is-complete{background: var(--c-primary);border-color: var(--c-primary);color: var(--c-on-primary)}.layer-chip[aria-current="true"]{outline: 3px solid var(--c-accent);outline-offset: 1px}.layer-chip:not(:disabled):hover{border-color: var(--c-primary)}.layer-chip:disabled{opacity: .45;cursor: not-allowed}.layer-summary{margin: 4px 0 8px;color: var(--c-ink);font-weight: 600;font-variant-numeric: tabular-nums} .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(--c-ink-2);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 var(--c-line-strong)}.swatch-block{background: var(--c-primary)}.swatch-current{background: var(--c-accent)}.swatch-done{background: color-mix(in srgb,var(--c-primary) 45%,var(--c-grass))}.swatch-below{background: color-mix(in srgb,var(--c-primary) 15%,var(--c-grass))} .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(--c-primary);border-bottom: 2px solid var(--c-primary);transform: rotate(45deg)}.sphere-row-details[open] > summary::after{margin-top: -2px;transform: rotate(-135deg)}.sphere-row-details > summary:focus-visible{outline: 3px solid var(--c-focus);outline-offset: 2px}.sphere-row-details > summary:hover .sphere-row-heading{color: var(--c-primary)}.sphere-row-heading{margin: 0;font-size: 16px}.sphere-row-state{min-width: 0;margin-left: auto;color: var(--c-ink-2);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(--c-line);border-radius: var(--r-md);background: var(--c-surface)}.sphere-row-list li{display: flex;align-items: center;gap: 4px;padding: 0 8px;border-bottom: 1px solid var(--c-line)}.sphere-row-list li:last-child{border-bottom: 0} .sphere-row-list li.is-current{background: var(--c-accent-soft);box-shadow: inset 3px 0 var(--c-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(--c-ink);font-size: 14px;line-height: 1.4;text-align: left;overflow-wrap: anywhere;cursor: pointer} .row-pick:focus-visible{outline: 3px solid var(--c-focus);outline-offset: -3px}.sphere-row-list li.is-done .row-pick{color: var(--c-ink-2);text-decoration: line-through}.row-pick:disabled{cursor: not-allowed} .sphere-layers .progress-actions{align-items: flex-start;gap: 6px;margin-top: 10px}.sphere-layers .progress-actions .btn{margin: 0;padding-inline: 8px;font-size: 14px}.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(--c-ink)}.sphere-layers #progress-status{margin: 6px 0 0}.sphere-layers #progress-status:empty{display: none} @media screen and (min-width: 861px){ .sphere-layout .sphere-chart{position: absolute;inset: var(--app-inset-top,0px) var(--app-inset-right,0px) var(--app-inset-bottom,0px) 0;display: grid;grid-template-rows: auto minmax(0,1fr) auto;gap: 8px;padding: 12px 16px}.sphere-layout .sphere-chart .layer-summary{margin: 0}.sphere-layout .sphere-chart-fit{display: grid;place-items: center;min-height: 0}.sphere-layout .sphere-chart-frame{width: fit-content;max-width: 100%} .sphere-layout .sphere-chart .sphere-legend{padding: 0;border: 0;background: transparent}.sphere-layout .sphere-chart .sphere-legend-items{padding-top: 10px} .sphere-layout .app-panel .layer-chips,.sphere-layout .app-panel .sphere-row-list{max-height: none;overflow: visible}} @media screen and (max-width: 860px){ .sphere-layout[data-wb-mode="2d"] .app-stage{height: auto;min-height: 0;max-height: none} .sphere-layout .sphere-chart{width: 100%;min-width: 0;padding: 12px}.sphere-layout .sphere-start{flex: 1 1 100%}}@media (max-width: 600px){ .sphere-layout .size-presets{column-gap: 3px}}@media (max-width: 540px){.sphere-row-strip .build-actions{flex: 1 1 100%;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr)}.sphere-row-strip .build-actions .btn{min-height: 52px;padding-inline: 6px;line-height: 1.3}.sphere-row-strip #continue-layer{flex: 1 1 100%}}@media (prefers-reduced-motion: reduce){.layer-chip,.row-pick,.sphere-round .btn{transition: none}}@media print{ .sphere-view,.layer-chips,.sphere-round .btn,.sphere-row-strip .build-actions,.sphere-layers .progress-actions,.sphere-chart-tools{display: none}.sphere-layout .app-stage{height: auto;min-height: 0;max-height: none;overflow: visible}.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}}