/* Norman Online 15 Oct — visibly compact drawing, end selection and mitre preview. */
.nw-clean-studio:not(.n-large-draw) .studio-shell {width:min(1060px,calc(100% - 110px));max-width:1060px;margin-inline:auto}
.nw-clean-studio:not(.n-large-draw)[data-norman-step="draw"] .canvas-stage,
.nw-clean-studio:not(.n-large-draw)[data-norman-step="edit"] .canvas-stage {height:340px!important;min-height:340px!important;max-height:340px!important}
.nw-clean-studio:not(.n-large-draw)[data-norman-step="draw"] .nw-main,
.nw-clean-studio:not(.n-large-draw)[data-norman-step="edit"] .nw-main {min-height:0!important;position:static!important}
.nw-clean-studio:not(.n-large-draw) .studio-heading {margin:10px auto 12px}
.nw-clean-studio:not(.n-large-draw) .n-flow-ribbon {margin-bottom:7px}
.nw-clean-studio .n-draw-size-btn {background:#205160;color:#f0fffa;border:1px solid #64c4bd;min-height:38px;padding:7px 12px;border-radius:9px;font-weight:750;cursor:pointer}
.nw-clean-studio .n-draw-size-btn[aria-pressed="true"]{background:#226e75;box-shadow:0 0 0 2px #66eac166}
.n-end-choice {display:none;align-items:center;gap:9px;padding:9px 13px;border:1px solid #397789;border-top:0;background:#133748;color:#c7eae8;flex-wrap:wrap}
.nw-clean-studio[data-norman-step="draw"] .n-end-choice {display:flex}
.n-end-choice-button {background:#214a5c;color:#e9fffa;border:1px solid #5d99a2;border-radius:8px;padding:8px 14px;font-weight:760;cursor:pointer;min-height:39px}
.n-end-choice-button[aria-pressed="true"] {background:#067a81;border-color:#b4ffdc;color:white;box-shadow:inset 0 -2px #8bf6dc}
.n-end-choice-hint {font-size:12px;flex:1;min-width:170px}
.n-mitre-panel {border:1px solid #3a7788;border-radius:12px;margin:12px 0;padding:14px;background:linear-gradient(115deg,#0c3443,#122b40);color:#e6f7fa}
.n-mitre-panel h3 {color:#bcffec;font-size:17px;margin:0 0 6px}
.n-mitre-panel p {margin:6px 0 11px;font-size:13px;line-height:1.5}
.n-mitre-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.n-mitre-fields label {font-size:12px;display:grid;gap:7px;font-weight:680;color:#dcf4f6}
.n-mitre-fields input {width:100%;min-width:0;color:#112c38;background:#f3fdff;border:1px solid #80c7d1;border-radius:7px;padding:9px}
.n-mitre-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.n-mitre-actions button {padding:9px 13px;min-height:40px;border-radius:8px;border:1px solid #67c8bd;background:#205967;color:white;font-weight:750;cursor:pointer}
.n-mitre-actions button:disabled{opacity:.48;cursor:not-allowed}
.n-mitre-result {color:#a7f4e0;font-weight:680}
.n-mitre-panel .n-mitre-warning {color:#ffdc9c;font-size:12px;margin-bottom:0}
@media(max-width:900px){.nw-clean-studio:not(.n-large-draw) .studio-shell{width:calc(100% - 28px)}}
@media(max-width:760px){.nw-clean-studio:not(.n-large-draw) .studio-shell{width:calc(100% - 20px)}
.nw-clean-studio:not(.n-large-draw)[data-norman-step="draw"] .canvas-stage,
.nw-clean-studio:not(.n-large-draw)[data-norman-step="edit"] .canvas-stage{height:290px!important;min-height:290px!important;max-height:290px!important}
.n-mitre-fields{grid-template-columns:1fr 1fr}.n-mitre-fields label:first-child{grid-column:1/-1}}

/* Fresh blank sketch must LOOK blank: hide prior sample, not the new ghost line. */
#canvasStage.n-blank-active #profileSvg > g {display:none!important}
#canvasStage.n-blank-active #profileSvg > path:not(.n-ghost) {display:none!important}
#canvasStage.n-blank-active {position:relative}
#canvasStage.n-blank-active::before{content:'NEW DRAWING  ·  Click your first point, then a second point to create a solid leg';pointer-events:none;position:absolute;top:12px;left:14px;z-index:1;border:1px solid #9bc2c7;border-radius:8px;color:#1a4550;background:#eff9f9ed;font-size:12px;font-weight:750;padding:8px 12px;max-width:calc(100% - 52px)}
#canvasStage.n-blank-active .n-ghost{stroke:#17333d!important;stroke-width:3!important;stroke-dasharray:none!important}