.rotor-mode{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;border:1px solid var(--line);border-radius:6px;background:var(--paper);margin-bottom:20px}.rotor-mode strong{font-size:12px;display:block}.rotor-mode span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.mode-buttons{display:flex;gap:4px;padding:3px;background:color-mix(in srgb,var(--muted) 10%,transparent);border-radius:5px}.mode-buttons button{border:1px solid transparent;border-radius:4px;padding:10px 16px;font-size:12px;color:var(--muted);white-space:nowrap}.mode-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.mode-buttons small{font-size:8px;margin-left:4px;opacity:.7}.builder-body .pro-active .studio-shell{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.pro-active .builder-options{display:none}.builder-body .pro-active .canvas{height:570px;min-height:570px}.pro-active .builder-preview{top:145px}.pro-panel{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:12px;overflow:hidden;min-width:0}.pro-panel[hidden],.pro-toolbar[hidden],.pro-panel [hidden]{display:none!important}.pro-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 5px}.pro-panel h2{font-size:17px;font-weight:650;letter-spacing:-.02em;margin:0}.pro-panel-head span{font:9px monospace;color:var(--muted)}.pro-intro{padding:0 18px 16px;font-size:11px;line-height:1.7;color:var(--muted);margin:0}.pro-panel section{padding:16px 18px;border-top:1px solid var(--line)}.pro-panel h3{font-size:11px;letter-spacing:.025em;margin:0 0 12px;font-weight:650}.pro-panel h3 span{float:right;color:var(--muted)}.pro-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.pro-panel button,.pro-toolbar button{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:4px;font-size:10px;min-height:32px;padding:7px 9px}.pro-panel button:hover,.pro-toolbar button:hover{border-color:var(--orange)}.pro-panel button:disabled{opacity:.45;cursor:not-allowed}.pro-palette button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px}.pro-palette b{font-size:23px;font-weight:400;line-height:1.3;color:#bb7959}.pro-actions{display:flex;flex-wrap:wrap;gap:6px}.pro-panel input,.pro-panel select,.pro-toolbar select{display:block;width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:7px 8px;font:12px Arial,sans-serif;margin-top:5px;min-height:33px}.pro-panel label{font-size:10px;color:var(--muted)}.pro-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;align-items:end}.pro-name{display:block;margin:9px 0}.pro-check{display:flex;align-items:start;gap:8px;line-height:1.5;margin:10px 0}.pro-panel .pro-check input{width:14px;height:14px;min-height:0;margin:1px 0;flex:none;accent-color:var(--orange)}.pro-solid-hole{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.pro-solid-hole button[aria-pressed=true]{background:color-mix(in srgb,var(--orange) 14%,transparent);border-color:var(--orange)}.pro-micro,#pro-selection-help{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0}.pro-panel details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.pro-panel summary{font-size:11px;cursor:pointer;color:var(--ink)}.pro-align{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px}.pro-object button{display:flex;align-items:center;width:100%;gap:7px;margin:5px 0;text-align:left;min-height:36px}.pro-object span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pro-object i{font-style:normal;color:#b87d58;font-size:17px}.pro-object i.hole{color:#459bbd}.pro-object small{font-size:8px;color:var(--muted)}.pro-object.selected button{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,transparent)}#pro-object-list{max-height:240px;overflow:auto;scrollbar-width:thin}.pro-help{padding:15px 18px!important;margin:0!important}.pro-help p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.pro-toolbar{padding:10px 12px;background:var(--paper);border-bottom:1px solid var(--line)}.pro-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pro-grid{display:flex;align-items:center;gap:12px;margin-top:8px}.pro-grid label{display:flex;align-items:center;font-size:10px;color:var(--muted);gap:8px}.pro-grid select{width:87px;margin:0;padding:4px;font-size:10px;min-height:27px}.pro-grid span{font-size:9px;color:var(--muted)}.pro-divider{width:1px;background:var(--line);margin:0 3px}.pro-checks #pro-check-status{font-size:11px;line-height:1.7;margin-bottom:12px}.pro-checks #pro-save{background:var(--orange);border-color:var(--orange);color:#fff}#pro-polygon-controls{background:color-mix(in srgb,#459bbd 12%,transparent);padding:10px;margin-top:12px;border-radius:4px}#pro-polygon-controls p{font-size:11px;margin:0 0 8px}#pro-overlay [data-pro-handle]{cursor:nwse-resize}#pro-overlay [data-pro-handle=rotate]{cursor:grab}#drawing:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
@media(max-width:1050px){.builder-body .pro-active .studio-shell{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.pro-panel section{padding:14px}.pro-actions{gap:4px}.pro-toolbar button{font-size:9px;padding:6px}.builder-body .pro-active .canvas{height:490px;min-height:490px}}
@media(max-width:800px){.builder-body .pro-active .studio-shell{grid-template-columns:1fr}.pro-active .builder-preview{position:static}.pro-panel{display:grid;grid-template-columns:1fr 1fr}.pro-panel-head,.pro-intro,.pro-help{grid-column:1/-1}.pro-panel section{border-right:1px solid var(--line)}.rotor-mode{align-items:start}.rotor-mode span{max-width:210px}.builder-body .pro-active .canvas{height:470px;min-height:470px}}
@media(max-width:500px){.rotor-mode{flex-direction:column;gap:12px}.mode-buttons{width:100%}.mode-buttons button{flex:1}.pro-panel{display:block}.pro-grid{flex-wrap:wrap;gap:7px}.builder-body .pro-active .canvas{height:360px;min-height:360px}.pro-toolbar{padding:9px}.pro-actions button{min-height:34px}.pro-panel section{border-right:0}.pro-grid span{font-size:8px}}

@media(min-width:801px){.builder-body .pro-active .canvas{height:clamp(280px,calc(100dvh - 450px),560px);min-height:280px}}

/* A brief invitation at the easy-builder on-ramp; the CAD workspace stays quiet. */
.rotor-mode #mode-pro{position:relative;background:#292623;color:#ffe2bf;border:1px solid #eead69;box-shadow:0 0 0 3px #edaa5e12,0 0 20px #edaa5e24;isolation:isolate}
.rotor-mode #mode-pro::before{content:"";position:absolute;inset:-4px;border:1px solid #eaaa65;border-radius:7px;opacity:.3;pointer-events:none;animation:pro-entry-light 4s ease-in-out 3}
.rotor-mode #mode-pro small{display:inline-block;opacity:1;color:#292019;background:#f7bc7e;border-radius:3px;padding:3px 4px;font-size:8px;font-weight:750;vertical-align:1px}
.rotor-mode #mode-pro .pro-entry-arrow{display:inline;color:#ffd29e;font-size:15px;margin-left:9px}
.rotor-mode #mode-pro:hover{background:#3b3025;box-shadow:0 0 0 3px #edaa5e24,0 0 30px #edaa5e44}
.rotor-mode #mode-pro:focus-visible{outline:2px solid var(--ink);outline-offset:7px}
@keyframes pro-entry-light{0%,100%{opacity:.25;box-shadow:0 0 10px #edaa5e10}50%{opacity:1;box-shadow:0 0 23px #edaa5e50}}
@media(prefers-reduced-motion:reduce){.rotor-mode #mode-pro::before{animation:none}}
