/* OPUS standard drawing-part library — compact and optional. */
#opus-shape-library{border:1px solid #c9e1d8;background:#f4fbf7;margin:0 0 15px}
#opus-shape-library summary{display:flex;align-items:center;gap:10px;padding:13px 12px;cursor:pointer;list-style:none;color:#1d574b;min-height:46px}
#opus-shape-library summary::-webkit-details-marker{display:none}
#opus-shape-library summary:focus-visible{outline:3px solid #59c7a8;outline-offset:2px}
#opus-shape-library .opus-lib-icon{height:32px;width:32px;flex:none;display:grid;place-items:center;background:#185449;color:#b2f6e0;font-size:22px}
#opus-shape-library summary>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
#opus-shape-library summary strong{font-size:12px;line-height:1.35}
#opus-shape-library summary small{font-size:9px;line-height:1.4;color:#668a7a}
#opus-shape-library .opus-lib-chevron{font-size:19px;transition:transform .18s}
#opus-shape-library[open] .opus-lib-chevron{transform:rotate(180deg)}
#opus-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 10px}
#opus-library-grid .opus-standard-part{min-width:0;min-height:104px;border:1px solid #d6e7dc;background:#fff;color:#438f7f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 6px;cursor:pointer;font:inherit;transition:background .15s,border-color .15s}
#opus-library-grid .opus-standard-part svg{width:80px;height:49px;max-width:100%}
#opus-library-grid .opus-standard-part span{font-size:10px;color:#315c50;text-align:center;font-weight:750;line-height:1.3;max-width:100%}
#opus-library-grid .opus-standard-part:hover,
#opus-library-grid .opus-standard-part.is-selected{border-color:#1b947c;background:#e6f8ef}
#opus-library-grid .opus-standard-part:focus-visible{outline:3px solid #33bea7;outline-offset:-3px}
#opus-shape-library .opus-library-note{padding:8px 12px 13px;margin:0;border-top:1px solid #d8ebe0;color:#65887a;font-size:10px;line-height:1.65}
@media(min-width:1200px){#opus-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#opus-library-grid .opus-standard-part{min-height:95px}}
@media(max-width:650px){#opus-shape-library summary{padding:11px}#opus-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 7px 9px}#opus-library-grid .opus-standard-part{min-height:93px;padding:5px 3px}#opus-library-grid .opus-standard-part svg{height:44px}#opus-library-grid .opus-standard-part span{font-size:9px}}

/* Bending stock is an estimated flat pattern, never a finished bend instruction. */
#dimension-fields .opus-bend-help{
  grid-column:1/-1;margin:2px 0 0;padding:11px 12px;
  font:600 11px/1.6 "Manrope",Arial,sans-serif;
  color:#695232;background:#fff5e8;border:1px solid #e9d4b6;
}
#dimension-fields .opus-bend-help:before{content:"⚠ ";font-weight:900}

/* All dimension values are accessible on the drawing itself, including mobile. */
#opus-drawing-surface{display:flex;flex-direction:column;align-items:stretch;overflow:visible}
#opus-drawing-surface>svg{flex:none;max-height:min(500px,69vw);height:auto;min-height:240px}
#opus-drawing-surface .drawing-measures{width:100%;box-sizing:border-box;position:relative;z-index:1;border-top:1px solid #c6dfd4;background:#f0f8f3;padding:10px 12px 12px}
#opus-drawing-surface .drawing-measures-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-bottom:9px}
#opus-drawing-surface .drawing-measures-heading strong{font:700 10px/1.4 "DM Mono",monospace;color:#1c6654;letter-spacing:.07em}
#opus-drawing-surface .drawing-measures-heading span{font:500 10px/1.5 "Manrope",Arial,sans-serif;color:#678c7e}
#opus-drawing-surface .drawing-measure-list{display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;max-height:180px;overflow:auto;scrollbar-width:thin}
#opus-drawing-surface .drawing-measure-chip{font:inherit;text-align:left;display:flex;gap:8px;align-items:center;border:1px solid #c5ded2;background:#fff;color:#315a4d;min-height:34px;max-width:100%;padding:5px 8px;cursor:pointer}
#opus-drawing-surface .drawing-measure-chip span{font:600 10px/1.3 "Manrope",Arial,sans-serif}
#opus-drawing-surface .drawing-measure-chip strong{font:800 12px/1.2 "DM Mono",monospace;white-space:nowrap;color:#08654d}
#opus-drawing-surface .drawing-measure-chip:hover,#opus-drawing-surface .drawing-measure-chip:focus-visible{background:#def9e9;outline:2px solid #39b99c;outline-offset:-2px}
#opus-drawing-surface svg .drawing-svg-measure{cursor:pointer;outline:none}
#opus-drawing-surface svg .drawing-svg-measure rect{fill:#fffdf8;stroke:#cf997d;stroke-width:1.1}
#opus-drawing-surface svg .drawing-svg-measure text{fill:#87543a;font:700 12px "DM Mono",monospace;pointer-events:none}
#opus-drawing-surface svg .drawing-svg-measure.corner-radius rect{fill:#ebf9f3;stroke:#519e8b}
#opus-drawing-surface svg .drawing-svg-measure.corner-radius text{fill:#12634f;font-size:11px}
#opus-drawing-surface svg .drawing-svg-measure.hole-diameter rect{fill:#dff7fb;stroke:#428e9d}
#opus-drawing-surface svg .drawing-svg-measure.hole-diameter text{fill:#205c68;font-size:11px}
#opus-drawing-surface svg .drawing-svg-measure.hole-coordinate rect{fill:#e8f0ff;stroke:#708ab9}
#opus-drawing-surface svg .drawing-svg-measure.hole-coordinate text{fill:#365c91;font-size:11px}
#opus-drawing-surface svg .drawing-svg-measure:hover rect,#opus-drawing-surface svg .drawing-svg-measure:focus rect{stroke:#058f6d;stroke-width:2.3;fill:#d2f6e8}
#opus-drawing-surface .drawing-inline-editor{position:sticky;bottom:10px;align-self:center;z-index:8;box-sizing:border-box;width:min(330px,calc(100% - 24px));margin:-20px auto 12px;padding:13px 15px;background:#153f39;color:#e8fff3;border:1px solid #70d6b6;box-shadow:0 8px 30px #103b3545;border-radius:8px}
#opus-drawing-surface .drawing-inline-editor[hidden]{display:none!important}
#opus-drawing-surface .drawing-inline-editor>label{font:700 12px/1.3 "Manrope",Arial,sans-serif;display:block;margin-bottom:9px}
#opus-drawing-surface .drawing-inline-row{display:flex;align-items:stretch;gap:5px}
#opus-drawing-surface .drawing-inline-row input{flex:1;min-width:0;width:100%;font:700 18px "Manrope",Arial,sans-serif;padding:9px;border:1px solid #7cbda9;border-radius:4px;color:#193d34;background:#fff}
#opus-drawing-surface .drawing-inline-row button{flex:none;display:grid;place-items:center;width:42px;border-radius:4px;cursor:pointer;font:800 20px Arial,sans-serif}
#opus-drawing-surface .drawing-inline-apply{border:1px solid #9ef0d4;color:#143b32;background:#98ebcd}
#opus-drawing-surface .drawing-inline-close{background:#21453f;color:#effff8;border:1px solid #577e71}
#opus-drawing-surface #drawing-inline-error{display:block;color:#ffd4ba;font:600 11px/1.6 "Manrope",Arial,sans-serif;margin-top:6px}
@media(max-width:650px){
 #opus-drawing-surface>svg{max-height:none;min-height:230px}
 #opus-drawing-surface .drawing-measures{padding:10px 8px}
 #opus-drawing-surface .drawing-measure-list{max-height:140px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 #opus-drawing-surface .drawing-measure-chip{flex:none;scroll-snap-align:start}
 #opus-drawing-surface .drawing-inline-editor{width:calc(100% - 16px)}
}

/* Inline number editor stays over the actual SVG drawing, not below an overflowing mobile list. */
#opus-drawing-surface .drawing-inline-editor{
  position:absolute;top:146px;bottom:auto;left:50%;transform:translateX(-50%);
  margin:0;width:min(340px,calc(100% - 26px));z-index:12;
}
@media(max-width:650px){
  #opus-drawing-surface .drawing-inline-editor{top:105px;width:calc(100% - 20px)}
}

/* Dense icon catalog inspired by the F2100 controller's shape palette. */
#opus-library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 9px 10px}
#opus-library-grid .opus-standard-part{min-height:81px;padding:6px 3px;gap:3px}
#opus-library-grid .opus-standard-part svg{width:66px;height:42px;max-width:100%;flex:none}
#opus-library-grid .opus-standard-part span{font-size:9px;line-height:1.28;max-width:100%;overflow-wrap:anywhere}
@media(min-width:1200px){
 #opus-library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 #opus-library-grid .opus-standard-part{min-height:82px}
}
@media(max-width:650px){
 #opus-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 6px 8px}
 #opus-library-grid .opus-standard-part{min-height:73px;padding:5px 2px}
 #opus-library-grid .opus-standard-part svg{width:60px;height:36px}
 #opus-library-grid .opus-standard-part span{font-size:8.5px;line-height:1.25}
}


/* Trial: uncluttered board and one selected-feature panel. */
.opus-clean-designer #hole-editor{padding:12px 16px;border-top:1px solid #d3e4dc;background:#f7fbf8;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.opus-clean-designer #hole-editor[hidden]{display:none!important}
.opus-clean-designer #hole-editor .hole-editor-heading,.opus-clean-designer #hole-editor .hole-help,.opus-clean-designer #hole-list,.opus-clean-designer #hole-editor .drag-step{display:none!important}
.opus-clean-designer #hole-editor .hole-actions{margin:0!important;display:flex;gap:6px;flex-wrap:wrap}
.opus-clean-designer #hole-editor .hole-warning{flex-basis:100%;margin:0}
.opus-clean-designer #drawing-measures .drawing-measure-list{flex-wrap:wrap;overflow:visible;max-height:none;gap:8px}
.opus-clean-designer #drawing-measures .drawing-measure-chip{min-height:43px;padding:9px 12px;border-radius:5px}
.opus-clean-designer #drawing-measures{background:#fff;padding:16px}
.opus-clean-designer #opus-feature-tools .tool,.opus-clean-designer #hole-editor .hole-actions .tool{min-height:38px;padding:7px 11px;border-radius:5px;font-size:12px}
@media(max-width:650px){.opus-clean-designer #drawing-measures .drawing-measure-chip{flex:1 1 130px}.opus-clean-designer #hole-editor{padding:10px}.opus-clean-designer #opus-feature-tools{gap:5px!important}}

/* Hide corner handles in all cached drawing-script versions. */
#drawing circle[data-measure^="corner:"]{display:none!important;pointer-events:none!important}

/* Simple part builder: one board, one selection, numeric feature controls. */
.opus-clean-designer #opus-drawing-surface{background:#fff;background-image:none;min-width:0}
.opus-clean-designer #drawing{width:100%;background:#fff;max-height:none;min-height:260px;aspect-ratio:540/390}
.opus-clean-designer #drawing .opus-grid-dots{display:none}
.opus-clean-designer .show-grid #drawing .opus-grid-dots{display:block}
.opus-view-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#f7faf9;border-bottom:1px solid #dfebe5}
.opus-view-tools span{font:500 11px/1.5 Manrope,Arial,sans-serif;color:#6b7d75}
.opus-view-tools .tool{flex:none;padding:7px 12px;min-height:34px;font-size:12px;background:#fff}
.opus-view-tools .tool[aria-pressed=true]{background:#e6f1ed;color:#08654d}
.opus-clean-designer .opus-history{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px!important;gap:6px!important}
.opus-clean-designer .opus-history .tool{min-width:0!important;width:100%!important;padding:10px 5px;font:600 11px/1.3 Manrope,Arial,sans-serif;min-height:42px;white-space:normal;border-radius:5px}
.opus-clean-designer .opus-history .tool:disabled{opacity:.4;cursor:default}
.opus-clean-designer #delete-selected-action:not(:disabled){color:#a13e35;border-color:#dcb9b4;background:#fff9f8}
.opus-clean-designer #drawing-measures{padding:14px;background:#f7faf9}
.opus-element-picker{display:flex;align-items:center;gap:12px;color:#315a4d;font:600 12px Manrope,Arial,sans-serif;margin-bottom:14px}
.opus-element-picker select{flex:1;min-width:0;width:100%;font:600 13px Manrope,Arial,sans-serif;border:1px solid #c9dcd2;border-radius:5px;background:#fff;color:#204a3d;padding:11px}
.opus-clean-designer #drawing-measures .drawing-measure-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.opus-clean-designer #drawing-measures .drawing-measure-chip{min-width:0;justify-content:space-between;padding:10px;min-height:44px}
.opus-clean-designer #drawing-measures .drawing-measure-chip span{font-size:11px}
.opus-clean-designer #drawing-measures .drawing-measure-chip strong{font-size:15px}
.opus-clean-designer #hole-editor{padding:14px;background:#fff;gap:10px}
.opus-clean-designer #hole-editor>.hole-actions:empty{display:none}
.opus-clean-designer #clean-feature-rows{gap:8px!important}
.opus-clean-designer .clean-feature-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px!important;padding:9px;background:#f7faf9;border:1px solid #dce8e1;border-radius:6px}
.opus-clean-designer .clean-feature-row .tool{min-width:0;text-align:left;background:#fff;min-height:40px;padding:8px 10px;font-size:12px;border-radius:4px}
.opus-clean-designer .clean-feature-row input{width:64px!important;min-width:0!important}
.opus-patterns{order:3;width:100%;border-top:1px solid #dce8e1;font:600 12px Manrope,Arial,sans-serif;color:#416c5e}
.opus-patterns summary{padding:12px 3px;cursor:pointer}
.opus-patterns #opus-feature-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px!important}
#opus-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#opus-library-grid .opus-standard-part{min-height:88px}
#opus-library-grid .opus-standard-part span{font-size:11px}
#opus-library-grid .opus-standard-part svg{width:75px;height:42px}
@media(max-width:650px){
 .opus-view-tools{padding:9px 10px}.opus-view-tools span{font-size:10px}
 .opus-clean-designer #drawing{min-height:240px}
 .opus-clean-designer #drawing-measures{padding:12px 10px}
 .opus-clean-designer #hole-editor{padding:10px}
 .opus-clean-designer .clean-feature-row{gap:5px!important;padding:7px}
 .opus-clean-designer .clean-feature-row .tool{font-size:11px;padding:7px}
 .opus-clean-designer .clean-feature-row label{font-size:11px!important;gap:3px!important}
 .opus-clean-designer .clean-feature-row input{width:50px!important;padding:5px!important}
}


/* Give the drawing the main workspace; production totals stay below it. */
@media(min-width:1000px){
 .opus-clean-designer #create-panel{grid-template-columns:280px minmax(0,1fr)}
 .opus-clean-designer #create-panel>.control-col{grid-column:1;grid-row:1/3}
 .opus-clean-designer #create-panel>.canvas-col{grid-column:2;grid-row:1}
 .opus-clean-designer #create-panel>.quote-col{grid-column:2;grid-row:2;border-top:1px solid #dce8e1;border-left:0;padding:16px 20px}
 .opus-clean-designer #create-panel>.quote-col h3{font-size:16px;margin:6px 0 12px}
 .opus-clean-designer #create-panel>.quote-col .specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .opus-clean-designer #create-panel>.quote-col .specs>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:5px 0;font-size:11px}
 .opus-clean-designer #drawing{height:min(520px,48vw)}
}
.opus-clean-designer .drawing-watermark{display:none}

/* Keep the dimension editor visible regardless of drawing-panel scroll position. */
#opus-drawing-surface .drawing-inline-editor{
 position:fixed;top:30vh;top:30dvh;bottom:auto;left:50%;transform:translateX(-50%);
 width:min(360px,calc(100vw - 24px));max-height:60vh;max-height:60dvh;overflow:auto;
 margin:0;z-index:1000;box-shadow:0 12px 60px #102e3970;
}

.opus-clean-designer .show-grid #drawing .opus-material{fill-opacity:.55}

.opus-copy-corners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:#eff7f3;border-block:1px solid #c9dcd2}
.opus-copy-corners[hidden]{display:none!important}
.opus-copy-corners .tool{min-height:44px;padding:10px;font-size:13px;border-radius:5px;text-align:left;color:#204a3d}

/* One add menu, with only the selected operation's parameters visible. */
.opus-clean-designer #clean-feature-rows{display:none!important}
#unified-add-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;width:100%;order:1}
#unified-add-tools>.tool{flex:none;min-height:42px;padding:10px 15px;font-size:13px;border-radius:5px;color:#1c6654}
#add-feature-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;order:2;padding:8px;border:1px solid #c9dfd3;background:#f4faf7;border-radius:6px}
#add-feature-menu[hidden],#add-feature-parameters[hidden]{display:none!important}
#add-feature-menu .tool{display:flex;align-items:center;gap:9px;text-align:left;min-height:48px;font-size:13px;border-radius:4px;color:#315a4d}
#add-feature-menu svg{flex:none}
#add-feature-parameters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.add-feature-caption{display:flex;align-items:center;gap:6px;font:600 12px Manrope,Arial,sans-serif;color:#315a4d;min-height:42px}
#add-feature-parameters label{display:flex;align-items:center;gap:5px;font-size:12px;color:#315a4d;margin:0}
#add-feature-parameters input{width:72px;min-width:0;padding:8px;border:1px solid #c5ded2;border-radius:4px;background:#fff;color:#204a3d}
#add-feature-parameters>.tool{flex:none;min-height:42px;padding:8px 12px;border-radius:4px;font-size:12px}
#add-feature-selection-note{width:100%;font-size:11px;color:#6b7d75}
@media(max-width:650px){#add-feature-parameters{flex-basis:100%}#add-feature-parameters input{width:62px}.add-feature-caption{font-size:11px}}

.opus-clean-designer .opus-patterns #opus-feature-tools{grid-template-columns:1fr}
.opus-pattern-row{display:flex;align-items:center;gap:10px}
.opus-pattern-row>.tool{flex:1;min-height:42px;text-align:left}
.opus-pattern-row label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}
.opus-pattern-row input{width:65px;min-width:0;padding:8px;border:1px solid #c5ded2;border-radius:4px;background:#fff;color:#204a3d}

/* Open element builder: no creation or placement dropdowns. */
.opus-clean-designer #hole-editor .opus-patterns{display:none!important}
#unified-add-tools.opus-element-builder{display:block;width:100%;min-width:0;color:#315a4d}
.opus-element-builder h4{margin:0 0 18px;font:800 16px/1.4 Manrope,Arial,sans-serif;color:#204a3d}
.opus-element-builder fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.opus-element-builder legend{padding:0;margin-bottom:9px;font:700 12px/1.4 Manrope,Arial,sans-serif;color:#527367}
.element-type-row,.element-placement-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px;margin-bottom:7px;border:1px solid #dbe7df;border-radius:6px;background:#fafcfb}
.element-type-row.is-selected{border-color:#39ab83;background:#eefaf3}
.element-choice,.element-placement-choice{display:flex;align-items:center;gap:8px;min-width:0;margin:0!important;cursor:pointer;font:600 13px/1.4 Manrope,Arial,sans-serif;color:#315a4d}
.element-choice{flex:1}.element-choice>span:last-child{min-width:0;overflow-wrap:anywhere}
.element-picture{display:flex;flex:none;align-items:center}.element-picture svg{width:27px;height:27px}
.opus-element-builder input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;flex:none;margin:0;border:1px solid #99b5a6;border-radius:4px;background:#fff;display:grid;place-items:center;cursor:pointer}
.opus-element-builder input[type=radio]:checked{background:#138462;border-color:#138462}
.opus-element-builder input[type=radio]:checked:after{content:'✓';font:700 14px Arial;color:#fff}
.opus-element-builder input:disabled{opacity:.45;cursor:default}
.element-parameters{display:flex;align-items:center;gap:10px;flex:none}
.element-parameters label,.element-placement-count{display:flex;align-items:center;gap:5px;margin:0!important;font:600 12px/1.4 Manrope,Arial,sans-serif}
.opus-element-builder input[type=number]{width:72px;min-width:0;max-width:100%;padding:8px;border:1px solid #c5dcd0;border-radius:4px;background:#fff;color:#204a3d;font:600 14px/1.4 Manrope,Arial,sans-serif}
.element-placement-choice{flex:1}
#element-builder-note{display:block;margin:0 0 12px;font-size:11px;line-height:1.5;color:#607e6d}#element-builder-note[hidden]{display:none}
.opus-element-builder .element-add-submit{display:block;width:100%;min-height:46px;padding:11px 18px;border:1px solid #148360;border-radius:5px;background:#148360;color:#fff;font:800 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.opus-element-builder .element-add-submit:disabled{opacity:.4;cursor:default}
@media(max-width:650px){
 .element-type-row,.element-placement-row{gap:7px;padding:8px}
 .element-choice,.element-placement-choice{font-size:12px;gap:6px}
 .element-picture svg{width:23px;height:23px}
 .element-parameters{gap:6px}.element-parameters label{font-size:11px;gap:3px}
 .opus-element-builder input[type=number]{width:55px;padding:7px 4px}
 .opus-element-builder h4{font-size:15px}
}

/* Collapsible element builder and inline optional center offsets. */
.opus-element-builder .element-builder-section{margin:0 0 16px;min-width:0}
.opus-element-builder .element-builder-section>summary{cursor:pointer;padding:8px 0;font:700 13px/1.4 Manrope,Arial,sans-serif;color:#315a4d}
.opus-element-builder .element-builder-section>summary:focus-visible{outline:2px solid #26bd9a;outline-offset:3px}
.opus-element-builder .element-builder-section>fieldset{margin-top:8px;margin-bottom:0}
.element-placement-row{flex-wrap:wrap}
.element-placement-fields{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.element-placement-fields input::placeholder{font-size:11px;color:#79968a}
@media(max-width:650px){.element-placement-fields{gap:8px}.element-placement-choice{min-width:110px}.element-placement-fields .element-placement-count{font-size:11px}}


/* Keep creation controls beside the drawing and production choices below it. */
#drawing-settings{min-width:0}
#drawing-settings #drawing-measures{border:1px solid #dce8e1;border-radius:6px;padding:10px;background:#f7faf9}
#drawing-settings .drawing-measures-heading{display:none}
#drawing-settings #hole-editor{border:0;padding:16px 0 0;background:transparent}
#drawing-settings .opus-element-picker{flex-wrap:wrap;gap:6px;margin-bottom:10px}
#drawing-settings .opus-element-picker select{flex-basis:100%;font-size:12px}
#drawing-settings .element-type-row,#drawing-settings .element-placement-row{gap:7px;padding:8px;flex-wrap:wrap}
#drawing-settings .element-choice{font-size:12px;gap:6px}
#drawing-settings .element-picture{width:23px}
#drawing-settings .element-picture svg{width:23px;height:23px}
#drawing-settings .element-parameters{gap:6px;margin-left:auto}
#drawing-settings .element-parameters input{width:58px;padding:7px}
#drawing-settings .element-placement-fields{gap:6px;flex-wrap:nowrap;width:100%;justify-content:flex-end}
#drawing-settings .element-placement-fields input{width:66px}
#drawing-settings .drawing-measure-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
.drawing-production{padding:12px 16px;border-top:1px solid #dce8e1;background:#f7faf9}
.drawing-production .group-label{margin:0 0 10px}
.drawing-production .field-grid{display:grid;grid-template-columns:minmax(130px,2fr) minmax(80px,1fr) minmax(80px,1fr);gap:10px}
.drawing-production .field-grid .full{grid-column:auto}
#save-design{background:#15825f;color:#fff;border:1px solid #15825f}
@media(min-width:1000px){
 .opus-clean-designer #create-panel{grid-template-columns:410px minmax(0,1fr);align-items:start}
 .opus-clean-designer #create-panel>.control-col{padding:20px;max-height:calc(100dvh - 125px);overflow:auto;position:sticky;top:120px;grid-row:1}
 .opus-clean-designer #create-panel>.canvas-col{position:sticky;top:120px}
 .opus-clean-designer #create-panel>.quote-col{grid-column:1/-1;grid-row:2}
 .opus-clean-designer #drawing{height:min(530px,49vw)}
}
@media(max-width:650px){.drawing-production{padding:10px}.drawing-production .field-grid{gap:6px}.drawing-production .field-grid label{font-size:10px}.drawing-production .field-grid input,.drawing-production .field-grid select{padding:8px 5px}}
#drawing-settings .drawing-measure-chip{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px;min-width:0;max-width:100%;padding:8px;border:1px solid #c5ded2;border-radius:5px;background:#fff;color:#315a4d;text-align:left;cursor:pointer}
#drawing-settings .drawing-measure-chip span{font:600 11px/1.3 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
#drawing-settings .drawing-measure-chip strong{font:800 15px/1.2 'DM Mono',monospace;white-space:nowrap;color:#08654d}
#drawing-settings .drawing-measure-chip:hover,#drawing-settings .drawing-measure-chip:focus-visible{outline:2px solid #39b99c;outline-offset:-2px;background:#effaf4}

/* A4 landscape canvas: no SVG letterboxing around the grid. */
.opus-clean-designer #drawing{display:block;width:100%;height:auto!important;min-height:0!important;max-height:none;aspect-ratio:297 / 210}
.opus-clean-designer #opus-drawing-surface{min-height:0}

/* Drawing measurements share the contour-status line. */
.opus-clean-designer #create-panel>.quote-col[hidden]{display:none!important}
.opus-clean-designer .canvas-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px}
.drawing-footer-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0;flex:1 1 auto;font-size:11px;line-height:1.5}
.drawing-footer-status #drawing-state{white-space:normal}
.drawing-inline-specs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:#698178;font:500 11px/1.5 Manrope,Arial,sans-serif}
.drawing-inline-specs>span{white-space:nowrap}
.drawing-inline-specs strong{font-weight:800;color:#245f50}
.opus-clean-designer .canvas-footer .drawing-quick-actions{margin-left:auto}
@media(max-width:650px){.opus-clean-designer .canvas-footer{padding:10px}.drawing-footer-status{gap:6px 10px}.drawing-inline-specs{gap:5px 10px;font-size:10px}}

/* Sidebar uses the page scroll instead of its own scroll area. */
.opus-clean-designer #create-panel>.control-col{max-height:none;overflow:visible;position:static;align-self:start}

/* Keep each placement choice and its fields on one line. */
#drawing-settings .element-placement-row{display:grid;grid-template-columns:minmax(78px,1fr) auto;align-items:center;gap:7px}
#drawing-settings .element-placement-choice{min-width:0;white-space:nowrap;font-size:11px;gap:5px}
#drawing-settings .element-placement-fields{width:auto;display:flex;flex-wrap:nowrap;gap:6px;align-items:center}
#drawing-settings .element-placement-fields .element-placement-count{font-size:10px;gap:3px;white-space:nowrap}
#drawing-settings .element-placement-fields input{width:46px;padding:7px 3px;font-size:12px}
@media(max-width:380px){#drawing-settings .element-placement-row{gap:4px;padding:7px 5px;grid-template-columns:minmax(70px,1fr) auto}#drawing-settings .element-placement-fields{gap:4px}#drawing-settings .element-placement-fields input{width:40px}}