/* Norman Online — comfortable browsing layout, 15 October 2026.
   Presentation only: the CAD point model, rendering scale, saved geometry and
   manufacturing/reference exporters are intentionally unaffected. */
.nw-clean-studio {
  background-color:#09131d;
  background-image:
    radial-gradient(ellipse 780px 490px at 2% 19%,rgba(34,121,127,.26),transparent 70%),
    radial-gradient(ellipse 830px 620px at 99% 45%,rgba(48,82,151,.23),transparent 73%),
    linear-gradient(125deg,#081520,#102438 53%,#0a1926);
  background-attachment:fixed;
}
/* The navy page is visible all around the Draw/Edit workspace again. */
@media(min-width:761px){
  .nw-clean-studio .studio-shell{
    width:min(1280px,calc(100% - 88px));
    max-width:1280px;
    padding:22px 0 56px;
  }
  .nw-clean-studio[data-norman-step='draw'] .nw-main,
  .nw-clean-studio[data-norman-step='edit'] .nw-main{
    position:static;
    top:auto;
    border-radius:12px;
    box-shadow:0 14px 36px rgba(0,0,0,.29);
  }
  .nw-clean-studio[data-norman-step='draw'] .canvas-stage,
  .nw-clean-studio[data-norman-step='edit'] .canvas-stage{
    height:clamp(365px,47vh,475px);
    min-height:365px;
    max-height:475px;
  }
  /* When technical tools are revealed they flow with the page rather than
     trapping the mouse wheel inside an independent scroll pane. */
  .nw-clean-studio[data-norman-step='draw'] .nw-sidebar,
  .nw-clean-studio[data-norman-step='edit'] .nw-sidebar{
    position:static;
    height:auto;
    max-height:none;
    overflow:visible;
  }
  .nw-clean-studio[data-norman-step='draw'] .nw-side-scroll,
  .nw-clean-studio[data-norman-step='edit'] .nw-side-scroll{
    overflow:visible;
    max-height:none;
  }
}
.nw-clean-studio .studio-layout {margin-bottom:15px}
.nw-clean-studio .studio-heading,
.nw-clean-studio .n-flow-ribbon,
.nw-clean-studio .n-shortcuts {box-shadow:0 7px 18px #06101b24}
.nw-clean-studio .canvas-stage {overscroll-behavior:auto}
.nw-clean-studio .canvas-toolbar {flex-wrap:wrap;gap:8px}
.nw-clean-studio .n-comfort-zoom {
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 9px;min-height:35px;
  border:1px solid #c3d6df;background:#f7fcfe;color:#294f61;
  border-radius:6px;font-weight:700;font-size:12px;white-space:normal;
}
.nw-clean-studio .n-comfort-zoom input{accent-color:#238a97;width:16px;height:16px;flex:none}
.nw-clean-studio .n-comfort-zoom-info{color:#385d71;font-size:11px;line-height:1.35}
.nw-clean-studio .n-intent-help[open]{border-top:1px solid #5c8495;padding-top:7px}
.nw-clean-studio .n-intent-meta{line-height:1.55}
.nw-clean-studio .n-intent-note{line-height:1.5}
@media(max-width:760px){
  .nw-clean-studio .studio-shell{width:calc(100% - 26px);padding:14px 0 38px}
  .nw-clean-studio[data-norman-step='draw'] .canvas-stage,
  .nw-clean-studio[data-norman-step='edit'] .canvas-stage{
    height:clamp(285px,42vh,400px);
    min-height:285px;
    max-height:400px;
  }
  .nw-clean-studio .n-comfort-zoom{font-size:11px}
  .nw-clean-studio .nw-main{border-radius:9px}
}
@media(max-width:380px){
  .nw-clean-studio .studio-shell{width:calc(100% - 16px)}
  .nw-clean-studio[data-norman-step='draw'] .canvas-stage,
  .nw-clean-studio[data-norman-step='edit'] .canvas-stage{height:305px;min-height:285px}
}
@media(prefers-reduced-motion:reduce){.nw-clean-studio{background-attachment:scroll}}