/* DRAW Midnight Gold: crisp outlines, restrained weights and a metallic finish. */
:root{--gold:#d4ab50;--gold-bright:#f0d38a;--gold-edge:#a88a4c;--contrast:#21180d;--selected:#30291c;--metal-gold:linear-gradient(135deg,#bd923f 0%,#e7c46c 23%,#fff0b4 42%,#d4ab50 58%,#bf9340 80%,#e4c16c 100%)}
button,.secondary,.primary,.workspace-nav a,.documents a{font-weight:400}button[aria-pressed=true],.workspace-nav a[aria-current=true]{font-weight:500!important}h1,h2,h3,.pattern-name,.pattern-description strong,.library-filter-panel>summary{font-weight:500}.action-caption,.pattern-name,.field-label-name,h1,h2,h3{text-shadow:none;font-synthesis:none}
.secondary,.icon-button,.quick-length button,.quantity-control button,.documents a,.workspace-nav a{border-color:var(--gold-edge);background:linear-gradient(145deg,#2b2923,#1e1f21);color:var(--gold-bright)}.secondary:hover,.icon-button:hover,.documents a:hover,.workspace-nav a:hover{border-color:var(--gold-bright);background:linear-gradient(145deg,#383124,#25231f)}
.primary,.primary:hover,.segmented button[aria-pressed=true],.segmented button[aria-pressed=true]:hover,.measurement-controls button[aria-pressed=true],.quick-length button[aria-pressed=true],.workspace-nav a[aria-current=true],.workspace-nav a[aria-current=true]:hover{background:var(--metal-gold);border-color:#f2d891;color:var(--contrast);box-shadow:inset 0 1px 0 #fff5ce8a,inset 0 -1px 0 #81591e80}
.family-shapes button[aria-pressed=true],.shape-filters button[aria-pressed=true],.layout-choices button[aria-pressed=true]{background:linear-gradient(145deg,#443820,#29251c);border-color:#e9c768;box-shadow:inset 0 -2px 0 var(--gold),inset 0 1px 0 #fff1b32b}
.action-glyph{stroke-width:1.5;filter:none}.action-glyph,.pattern-art>svg,.family-glyph{shape-rendering:geometricPrecision}.action-glyph,.pattern-art>svg{filter:none}
button:not(.pattern-card)::before,.workspace-nav a::before,.documents a::before,details>summary::before,.pattern-art::before{background:linear-gradient(110deg,transparent 30%,#f6d56b20 42%,#fff7d866 50%,#e8b94024 58%,transparent 70%)}
.sidebar-family-shapes{gap:7px;padding:0 12px 12px}.sidebar-family-shapes button{min-height:64px;padding:7px 5px;gap:5px;font-weight:400}.sidebar-family-shapes .action-glyph{width:20px;height:20px;flex-basis:20px}.sidebar-family-shapes .family-glyph{width:32px;height:22px;stroke-width:1}.sidebar-family-shapes .family-glyph path{vector-effect:non-scaling-stroke;stroke-width:1px}.sidebar-family-shapes .action-caption{font-size:11px;line-height:1.35}
#patterns{gap:12px 9px}#patterns .pattern-art{height:62px;border-color:#8d794e;background:linear-gradient(145deg,#24241f,#17191b)}#patterns .pattern-art>svg{padding:9px;stroke:#f1d588}#patterns .pattern-art>svg path{vector-effect:non-scaling-stroke;stroke-width:.85px}#patterns .pattern-name{font-weight:400;font-size:12px;line-height:1.45;min-height:34px}#patterns .pattern-num{color:#c8bb99;font-size:10px}#patterns .pattern-card[aria-pressed=true] .pattern-art{border-color:#f3d78a;box-shadow:inset 0 0 0 1px #e1b5484d;background:linear-gradient(145deg,#393020,#1b1c1b)}
.pattern-art,.library-item{border-color:#796640}.library-favorite{border-color:#b69a59}.pattern-selected,.library-favorite[aria-pressed=true],.library-filter-count{background:var(--metal-gold);color:var(--contrast)}
#patterns .pattern-selected{width:17px;height:17px;right:4px;bottom:4px}#patterns .pattern-selected .action-glyph{width:13px;height:13px}
.profile-choices,.material-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}.profile-option,.material-option{flex-direction:column;min-width:0;min-height:88px;padding:9px 5px;gap:8px}.profile-option .action-glyph,.material-option .action-glyph{width:28px;height:28px;flex-basis:28px}.profile-option .action-caption,.material-option .action-caption{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.profile-option[aria-pressed=true],.material-option[aria-pressed=true]{border-color:#f2d891;background:linear-gradient(145deg,#443820,#29251c);box-shadow:inset 0 -2px 0 var(--gold)}.profile-option[aria-pressed=true]>.action-glyph,.material-option[aria-pressed=true]>.action-glyph{color:var(--gold-bright)}
.profile-option.action-confirm>.action-glyph,.material-option.action-confirm>.action-glyph{animation:profile-choice-in .3s ease-out}@keyframes profile-choice-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#patterns .pattern-art{height:54px}.sidebar-family-shapes button{min-height:64px}.top-end #quickTour{min-height:48px;padding:7px;gap:6px}.top-end>.language{grid-column:2;justify-self:stretch}.top-end>.language select{width:100%;max-width:100%}.top-end>.help-action:has(>#authOpen){grid-column:1}.top-end .pill{display:none}}
@media(prefers-reduced-motion:reduce){.profile-option.action-confirm>.action-glyph,.material-option.action-confirm>.action-glyph{animation:none}.action-glyph{transition:none}}

/* Pattern layout: readable choices and aligned counts instead of cramped labels. */
#configForm{container-type:inline-size;container-name:profile-settings}.layout-title>.field-label-name{font-size:12px;color:var(--muted)}.layout-choices{gap:9px}.layout-choices button{flex-direction:row;justify-content:flex-start;min-height:58px;padding:12px;gap:12px;text-align:left}.layout-choices .action-caption{font-size:12px;line-height:1.45}.layout-choices .action-glyph{width:23px;height:23px;flex-basis:23px}
.matrix-fields{gap:10px}.matrix-fields>label{padding:10px;border:1px solid #77643e;border-radius:7px;background:#202021;gap:10px}.matrix-fields .field-caption{align-items:center;min-height:32px}.matrix-fields .field-label-name{font-size:12px;line-height:1.45}.matrix-fields .numeric-stepper{grid-template-columns:40px minmax(0,1fr) 40px}.matrix-fields .numeric-stepper input{font-size:16px;min-height:44px}.matrix-fields .step-action{min-height:44px}.matrix-auto-note{margin-top:8px!important}.layout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0;padding:10px;border:1px solid #9e8040;border-radius:7px;background:linear-gradient(145deg,#30291c,#202124)}.layout-summary:empty{display:none}.layout-summary>div{min-width:0}.layout-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.layout-summary strong{font-size:12px;font-weight:500;color:var(--gold-bright);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@container profile-settings (max-width:420px){.layout-choices,.matrix-fields{grid-template-columns:1fr}.matrix-fields>label{grid-template-columns:minmax(0,1fr) 112px;align-items:center;padding:9px;gap:10px}.matrix-fields .field-caption{align-items:flex-start}.matrix-fields .numeric-stepper{grid-template-columns:30px minmax(0,1fr) 30px}.matrix-fields .field-label-name{font-size:12px}.matrix-fields .field-caption>.help-trigger{width:28px;height:28px;min-height:28px;flex-basis:28px}.matrix-fields .field-caption{gap:5px}}
.preview-error{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);z-index:2;max-width:580px;margin:auto;padding:18px;border:1px solid var(--gold);border-radius:8px;background:var(--surface);color:var(--gold-bright);font-size:13px;line-height:1.6}.stage[data-invalid=true] canvas{visibility:hidden}
.settings>.price-card{align-self:start}
.order-price-lines,.order-specs{display:grid;gap:0;margin:12px 0 0}.order-price-lines>div,.order-specs>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);min-width:0}.order-price-lines dd,.order-specs dd{color:var(--gold-bright);overflow-wrap:anywhere;white-space:normal;min-width:70px;max-width:55%}.order-price-lines dt,.order-specs dt{min-width:0;font-size:11px}.order-parameters{margin-top:12px}.order-parameters>summary{font-weight:500;font-size:12px;min-height:36px}.order-parameters .order-specs{margin-top:8px}
.numeric-stepper input,.quantity-control input{padding-left:3px;padding-right:3px}.control-field:has(.quantity-control){grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.process-panel .control-fields>.control-field{grid-template-columns:minmax(0,1fr) 112px}}

/* The same DRAW field cards in every settings, study and production panel. */
.config-disclosure,.shape-studies,.source-details{padding:10px;border-color:var(--gold-edge);background:linear-gradient(145deg,#29251d,#1d1e20)}
.config-disclosure>summary,.shape-studies>summary,.source-details>summary{min-height:36px;font-weight:500;font-size:12px;gap:9px}
#configForm{gap:13px}.control-fields{gap:9px}.control-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,38%);align-items:center;gap:10px;padding:9px;border:1px solid #77643e;border-radius:7px;background:#202021;min-width:0}
.control-field>.field-caption{gap:6px;align-items:center}.control-field>.field-caption>.field-label-name,.control-field>span:not(.input-unit){font-size:12px;line-height:1.45;overflow-wrap:anywhere}.control-field .help-trigger{width:28px;height:28px;min-height:28px;flex-basis:28px;padding:4px}.control-field input{min-height:44px;font-variant-numeric:tabular-nums}.control-field>.input-unit{min-width:0}.control-field>.input-unit>span{right:8px;top:15px;font-size:10px}.control-field .input-unit input{padding-left:8px;padding-right:30px}.control-field>.numeric-stepper{min-width:0}.control-field>.numeric-stepper{grid-template-columns:30px minmax(0,1fr) 30px}.control-field .step-action{min-height:44px;padding:5px}
.control-fields>.control-field{grid-template-columns:minmax(0,1fr)}.control-fields .field-caption{min-height:28px}.slit-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.slit-choices button{min-width:0;justify-content:flex-start;padding:10px;min-height:54px;text-align:left}.slit-choices .action-caption{font-size:12px;line-height:1.4}.slit-choices button[aria-pressed=true]{background:linear-gradient(145deg,#443820,#29251c);border-color:#e9c768;box-shadow:inset 0 -2px 0 var(--gold)}
.profile-option,.material-option{min-height:68px;padding:8px 5px;gap:5px}.profile-option .action-glyph,.material-option .action-glyph{width:23px;height:23px;flex-basis:23px}
.shape-controls{align-items:center;gap:10px}.shape-controls>label{max-width:280px;width:100%}.shape-controls .segmented>button{min-height:44px;flex-direction:row;padding:8px 10px;gap:7px}.guide-grid>div{border-color:#77643e;background:linear-gradient(145deg,#22211d,#181a1c)}.guide-grid h3{font-weight:500}.guidance-panel,.process-panel{padding:18px}.guidance-panel>h2{margin-bottom:14px}.guide-grid{gap:10px}.process-panel>.fields{gap:9px}.price-card dl{gap:0}.price-card dl>div{padding:9px 0;gap:10px;border-bottom:1px solid var(--line);align-items:baseline}.price-card dl>div:first-child dd{color:var(--gold-bright);font-weight:500}.price-card dl dt{min-width:0}.price-card dl dd{max-width:62%;overflow-wrap:anywhere;white-space:normal}.price-card{padding:18px 20px}.total-price{margin:10px 0 14px}.calculation-status{font-size:11px}
.dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.dialog-actions>button,.dialog-actions>.help-action{flex:1 1 130px;width:auto;min-width:0}.dialog-actions>.help-action>button:not(.help-trigger){min-height:44px}.saved-project,.stock-row{gap:8px}.saved-project button,.stock-row button{min-height:44px!important;flex-direction:row!important;padding:8px 10px!important;gap:7px}.saved-project .action-glyph,.stock-row .action-glyph{width:18px;height:18px;flex-basis:18px}.window-body{scroll-padding-block:12px 24px}.window-body form{gap:12px}.window-body label{line-height:1.45}
.panel-divider,.panel-width-reset{display:none}
@media(min-width:901px){
 .studio.has-panel-resize{grid-template-columns:var(--library-width,240px) 8px minmax(320px,1fr) 8px var(--settings-width,310px)}
 .studio.has-panel-resize>.library{grid-column:1;grid-row:1}.studio.has-panel-resize>.preview-pane{grid-column:3;grid-row:1}.studio.has-panel-resize>.settings{grid-column:5;grid-row:1}
 .panel-divider{display:block;grid-row:1;align-self:stretch;min-width:0;cursor:col-resize;touch-action:none;background:#26231c;position:relative;z-index:3;outline-offset:-2px}
 .panel-divider-left{grid-column:2}.panel-divider-right{grid-column:4}.panel-divider::after{content:'';display:block;position:sticky;top:45vh;width:4px;height:38px;margin:0 auto;border-radius:4px;background:linear-gradient(#8f7035,#efd48b,#8f7035);box-shadow:0 0 0 1px #b6944840}
 .panel-divider:is(:hover,:focus-visible),.panels-interacting .panel-divider{background:#4a3a20}.panel-width-reset{display:grid;place-items:center;min-width:30px;width:30px;height:30px;min-height:30px;padding:5px;margin-left:auto}.panel-width-reset .action-glyph{width:17px;height:17px;flex-basis:17px}.panel-title{gap:8px}
 .panels-interacting,.panels-interacting *{user-select:none;cursor:col-resize!important}.panels-interacting canvas{pointer-events:none}
}
@container profile-settings (max-width:420px){.control-fields{grid-template-columns:1fr}.control-fields>.control-field{grid-template-columns:minmax(0,1fr) 112px}.slit-choices{grid-template-columns:1fr}.control-field{grid-template-columns:minmax(0,1fr) 112px}.control-fields .field-caption{min-height:0}}
@container cut-window (max-width:600px){.dialog-actions>button,.dialog-actions>.help-action{flex:1 1 120px;width:auto}.stock-row button,.saved-project button{flex:1 1 100px}.window-body .fields:not(.control-fields){grid-template-columns:1fr}.window-body .control-fields{grid-template-columns:1fr}.window-body .control-field{grid-template-columns:minmax(0,1fr) 112px}.window-body .shape-controls .segmented>button{min-height:44px;flex-direction:row;padding:8px;gap:6px}}
@media(max-width:600px){
 .topbar{padding:10px 12px;gap:10px}.brand{font-size:19px}.top-title{padding:8px 0}.top-end #quickTour{min-height:44px}.workspace-nav a{min-height:44px;padding:7px}.workspace-nav .action-caption{font-size:11px}.preview-toolbar{padding:8px;gap:6px}.preview-toolbar .views>button{min-height:44px;padding:7px 5px}.preview-toolbar .movement>button:not(.help-trigger){min-height:44px;flex-direction:row;padding:7px 5px;gap:5px}.preview-toolbar>.help-action>button:not(.help-trigger){min-height:44px;flex-direction:row;padding:7px 5px;gap:5px}.preview-toolbar .action-glyph{width:18px;height:18px;flex-basis:18px}.preview-toolbar>.help-action .action-caption{font-size:10.5px}.preview-toolbar .measurement-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:6px}.measurement-controls>label{grid-row:2;grid-column:1/3}.measurement-controls>.help-trigger{grid-column:3;grid-row:1/3}.measurement-controls>button{min-height:44px;padding:7px 4px;font-size:11px}.profile-option,.material-option{min-height:64px}.profile-option .action-caption,.material-option .action-caption{font-size:11px}.panel-title{padding:14px 16px;margin-bottom:12px}#configForm{padding:0 12px;gap:12px}.config-disclosure>label,.config-disclosure>.fields{margin-top:10px}.guide-grid{grid-template-columns:1fr}.guidance-panel,.process-panel{padding:14px 12px}.guide-grid>div{padding:12px}.shape-controls .segmented>button{min-height:44px;flex-direction:row;padding:8px 7px;gap:5px}.shape-controls label{max-width:none}.process-panel>.fields{grid-template-columns:1fr}.price-card{padding:16px 12px}.total-price strong{font-size:30px}.stock-row button,.saved-project button{flex:1 1 100px}.dialog-actions>button,.dialog-actions>.help-action{flex:1 1 120px;width:auto}.viewer-help{padding:8px 12px;gap:8px;flex-wrap:wrap}.viewer-help #zoomLevel{margin-left:auto}.documents a{min-height:44px}.window-body .fields:not(.control-fields){grid-template-columns:1fr}
}

/* Compact canvas commands retain their names for assistive technology and help. */
@container preview-pane (max-width:700px){
 .preview-toolbar{gap:6px}.preview-toolbar>.movement{flex:1 1 160px!important;min-width:0;margin-left:0!important;flex-wrap:nowrap}.preview-toolbar .movement>button:not(.help-trigger){min-width:0;min-height:44px;padding:7px 5px}.preview-toolbar>.help-action{flex:0 0 auto!important;gap:4px}.preview-toolbar>.help-action>button:not(.help-trigger){width:44px;min-width:44px;min-height:44px;padding:9px;flex:none}.preview-toolbar>.help-action>button:not(.help-trigger) .action-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.preview-toolbar>.help-action>.help-trigger{width:28px;min-width:28px;flex-basis:28px;height:28px;min-height:28px}
}
@container preview-pane (max-width:380px){.preview-toolbar{gap:4px}.preview-toolbar>.movement{flex-basis:128px!important}.preview-toolbar .movement>button:not(.help-trigger){min-width:44px;padding:8px}.preview-toolbar .movement .action-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.preview-toolbar .help-trigger{width:24px!important;min-width:24px!important;flex-basis:24px!important;min-height:28px;height:28px;padding:3px}.preview-toolbar .movement{gap:4px}}
.settings{scroll-padding-block:76px 16px}
.count-baseline{display:block;grid-column:1/-1;color:var(--gold-bright);font-size:10px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}.count-baseline:empty{display:none}#resetCounts{width:100%;min-height:40px;font-size:11px}.numeric-stepper button:disabled{opacity:.35}
@media(max-width:600px){.preview-toolbar .measurement-controls>label{grid-column:1/-1;grid-row:2}.preview-toolbar .measurement-controls>.help-trigger{grid-column:3;grid-row:1;align-self:center;min-height:28px;height:28px}.preview-toolbar .measurement-controls>button:not(.help-trigger){flex-direction:row;min-height:44px;gap:5px}}
@container cut-window (max-width:600px){.workspace-sheet .process-panel>.control-fields{grid-template-columns:minmax(0,1fr)}}
/* Prevent horizontal mouse/trackpad overscroll from navigating away from a draft. */
html,body{overscroll-behavior-x:none}