#menger-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
#menger-panel .menger-slider{display:grid;grid-template-columns:70px minmax(70px,1fr) 36px;align-items:center;gap:8px;min-height:32px;margin:0;font-size:12px}
.menger-slider input{width:100%;min-width:0}.menger-slider output{text-align:right;font-variant-numeric:tabular-nums}
#menger-panel h2{font-size:13px;font-weight:500;letter-spacing:.04em}
.menger-note{font-size:12px;line-height:1.5;color:#b5c9d5;margin:8px 0 0;min-height:36px}
#menger-rounding-row[hidden]{display:none}
#menger-environments{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#menger-environments button{min-width:0;padding-inline:4px}
@media(pointer:coarse){#menger-panel .menger-slider{min-height:44px}}

#menger-dimension{position:absolute;top:105px;left:calc(50% + 180px);transform:translateX(-50%);text-align:center;pointer-events:none;color:#d8edf6;white-space:nowrap;font-size:13px}#menger-dimension span{display:block;font-size:12px;margin-bottom:6px;color:#a4c0cf}#menger-dimension strong{font-weight:400}#menger-slice-controls[hidden]{display:none}#menger-halves{margin-top:12px}#menger-halves button{padding-inline:4px}
@media(max-width:800px){#menger-dimension{left:50%;font-size:11px;top:95px}}

#menger-dimension{text-shadow:0 1px 4px #000,0 0 8px #000}

#menger-panel .menger-view-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
#menger-panel .menger-view-actions button{min-height:34px;padding:6px 8px;font-size:11px;white-space:nowrap}
#menger-panel .menger-slider input{margin:0}
#menger-panel #menger-slice-controls .menger-slider{min-height:30px}
#menger-slice-controls .menger-note{min-height:0;margin-top:6px}
@media(pointer:coarse){#menger-panel .menger-view-actions button,#menger-panel #menger-slice-controls .menger-slider{min-height:44px}}

#menger-detail-row[hidden]{display:none}

#menger-panel #menger-journey{width:100%;min-height:34px;margin:8px 0 4px;font-size:11px}#menger-journey[hidden]{display:none}

#menger-fractals{grid-template-columns:repeat(3,minmax(0,1fr))!important}#menger-panel #menger-fractals button{font-size:10px;line-height:1.4;padding-inline:4px}#menger-panel button:disabled{opacity:.4;cursor:default}

.menger-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}#menger-panel #menger-rule-toggle{min-height:28px;padding:4px 10px;font-size:10px}#menger-panel .menger-dimension-slider{grid-template-columns:1fr auto;gap:0 8px}#menger-panel .menger-dimension-slider>span:first-child{grid-column:1;grid-row:1}#menger-panel .menger-dimension-slider>output{grid-column:2;grid-row:1}#menger-panel .menger-dimension-slider .menger-dimension-track{grid-column:1/-1;grid-row:2}#menger-rule-card{z-index:5;padding:14px;width:clamp(190px,19vw,270px);color:#d8edf6}#menger-rule-card[hidden]{display:none}#menger-rule-card h2{margin:0 0 8px}#menger-rule-card p{font-size:12px;line-height:1.5;margin:0 0 10px}#menger-rule-card strong{font-size:12px;font-weight:500;color:var(--sfi-blue)}

#menger-rule-preview{display:block;width:100%;aspect-ratio:4/3;margin:5px 0 8px;pointer-events:none}#menger-rule-copy[hidden]{display:none}#menger-bevels button[hidden]{display:none}

#menger-fractals button:last-child:nth-child(3n + 1){grid-column:1/-1}

.menger-number-line{display:flex;justify-content:space-between;margin:0 8px 8px;font-size:10px;color:#9eb5c2}

#menger-fractals{grid-template-columns:repeat(6,minmax(0,1fr))!important}#menger-fractals button{grid-column:span 2}#menger-fractals button:last-child:nth-child(3n + 1){grid-column:span 6}#menger-fractals button:nth-last-child(2):nth-child(3n + 1),#menger-fractals button:last-child:nth-child(3n + 2){grid-column:span 3}

.menger-dimension-track{position:relative;display:flex;align-items:center;height:32px}#menger-dimension-dots{position:absolute;left:8px;right:8px;top:50%;pointer-events:none}#menger-panel .menger-dimension-dot{position:absolute;transform:translate(-50%,-50%);width:6px;height:6px;min-height:0;padding:0;border:1px solid #e0f6ff;border-radius:50%;background:#83cbe9;pointer-events:auto}#menger-panel #menger-borders{width:100%;min-height:32px;margin:6px 0;font-size:11px}#menger-borders[hidden]{display:none}

#menger-panel .menger-slider[hidden]{display:none}.menger-cantor-label{position:absolute;pointer-events:none;color:#c1d8e2;font:11px sans-serif;white-space:nowrap;transform:translate(-100%,-50%);padding-right:14px}

#menger-outline[hidden]{display:none}#menger-panel #menger-outline{width:100%;margin:0 0 8px;min-height:32px;font-size:11px}

#menger-dimension-dots{top:50%}

#menger-dimension math{font-size:18px}#menger-dimension math mtext{font-family:inherit;font-size:13px}

#menger-panel .menger-dimension-dot{pointer-events:none}#menger-shadows{grid-template-columns:repeat(6,minmax(0,1fr))!important}#menger-shadows button{grid-column:span 2}#menger-shadows button:nth-last-child(-n+2){grid-column:span 3}

.menger-iteration-dots{position:absolute;left:8px;right:8px;top:50%;pointer-events:none}.menger-iteration-dots i{position:absolute;width:5px;height:5px;background:#bfeafa;border:1px solid #e0f6ff;border-radius:50%;transform:translate(-50%,-50%)}

#menger-dimension .menger-dimension-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.1;margin:6px 0 10px;color:#d7f3ff}#menger-dimension .menger-dimension-hero span{font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0}#menger-dimension .menger-dimension-hero b{font-size:38px;font-weight:500;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #65c8f34d}.menger-dimension-calculation{opacity:.8}#menger-dimension .menger-dimension-calculation math{font-size:15px}.menger-measure{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:8px 0}.menger-measure strong{color:#c3ebff;font-variant-numeric:tabular-nums}#menger-panel #menger-rule-play,#menger-panel #menger-workshop-toggle{width:100%;margin:6px 0;min-height:34px;font-size:11px}#menger-workshop-card{width:340px;max-width:calc(100vw - 32px);padding:18px;z-index:7;color:#d8edf6}#menger-workshop-card[hidden],#menger-generator-controls[hidden],#menger-fourth-controls[hidden]{display:none}#menger-workshop-card h2{font-size:15px;margin:0}#menger-workshop-card p{font-size:13px;line-height:1.5}#menger-workshop-grid{display:grid;gap:5px;width:min(100%,240px);margin:14px auto}#menger-workshop-grid button{aspect-ratio:1;border:1px solid #7397aa;border-radius:3px;background:#11212b}#menger-workshop-grid button[aria-pressed=true]{background:linear-gradient(135deg,#d6edf8,#547c95)}#menger-workshop-equations math{text-align:center;margin:14px 0;font-size:20px}#menger-generator-controls .menger-slider{grid-template-columns:62px minmax(60px,1fr) 66px}@media(max-width:800px){#menger-dimension .menger-dimension-hero b{font-size:28px}#menger-dimension .menger-dimension-hero span{font-size:11px}}

#menger-workshop-grid[hidden]{display:none}

#menger-halves{grid-template-columns:repeat(2,minmax(0,1fr))!important}

.menger-flight-actions{display:flex;gap:6px;margin-top:6px}#menger-panel .menger-flight-actions button{flex:1;min-height:34px;font-size:11px}#menger-flight[hidden],#menger-flight-restart[hidden],#menger-flight-note[hidden]{display:none}

#menger-render-detail[hidden],#menger-slice[hidden]{display:none}

@media(max-width:1119px){#menger-workshop-card{position:relative!important;inset:auto!important;transform:none!important;width:auto;max-width:none;margin:12px 0;max-height:none}#menger-panel #menger-workshop-grid{width:min(100%,210px)}#menger-panel #menger-workshop-grid button{padding:0;min-height:44px}}

#menger-panel #menger-rotation-play{width:100%;min-height:34px;margin:6px 0;font-size:11px}#menger-rotation-play[hidden]{display:none}

#menger-panel .menger-view-actions{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));width:100%}#menger-panel .menger-view-actions button{width:100%}#menger-panel .menger-view-actions button[hidden]{display:none}

/* Interface-free, centered catalog preview; ordinary World framing is unchanged. */
.menger-preview-composition #menger-dimension,.menger-preview-composition #menger-rule-card,.menger-preview-composition #menger-workshop-card{display:none!important}
