/* Designer layout and shared physical-face indicators for editable/released SVGs. */
.profile-face-indicators .face-surface { stroke:#9aa8af; stroke-width:1; fill:none; }
.profile-face-indicators .face-surface.painted { stroke:#e86400; stroke-width:3; }
.profile-face-indicators .face-arrow line { stroke:#17303a; stroke-width:1.8; }
.profile-face-indicators .face-arrow polygon { fill:#17303a; }
.profile-face-indicators .face-arrow rect { fill:#fff; stroke:#17303a; stroke-width:1.7; }
.profile-face-indicators .face-arrow.painted rect { fill:#fff4e8; stroke:#db5800; stroke-width:2.5; }
.profile-face-indicators .face-letter { fill:#142b35; font:bold 20px Arial,sans-serif; }
.profile-face-indicators .face-caption { fill:#142b35; font:bold 8px Arial,sans-serif; }
.face-legend { padding:9px 11px; background:#fff7ee; border-left:4px solid #e86400; color:#172b35; font:600 13px/1.4 Arial,sans-serif; margin:8px 0; }
.face-legend small { display:block; font-size:11px; font-weight:400; }
.face-colour-confirmation { display:flex; align-items:center; gap:8px; overflow-wrap:anywhere; }
.face-colour-swatch { display:inline-block; flex:0 0 18px; width:18px; height:18px; border:1px solid #415563; border-radius:4px; }
.face-arrow-swatch { stroke:#415563; stroke-width:1; }
#flashings-workspace .canvas-zoom { top:auto; bottom:40px; }
#flashings-workspace .designer-toolbar { position:sticky; top:0; z-index:4; flex-wrap:wrap; gap:10px; }
#flashings-workspace .designer-toolbar > div { display:flex; flex-wrap:wrap; gap:6px; }
#flashings-workspace .designer-toolbar > div:first-child { display:grid; margin-right:auto; }
#flashings-workspace .designer-edit-tools { display:flex; flex-wrap:wrap; gap:6px; }
#flashings-workspace .designer-layout { grid-template-columns:220px minmax(0,1fr) 310px; min-height:0; align-items:start; }
#flashings-workspace .designer-layout > * { min-width:0; }
#flashings-workspace .designer-main { margin:0; max-width:none; padding:14px; position:sticky; top:110px; }
#flashings-workspace #flashing-canvas { width:100%; height:auto; min-height:300px; max-height:70vh; }
#flashings-workspace .designer-inspector { max-height:70vh; overflow:auto; scrollbar-gutter:stable; }
#flashings-workspace .inspector-section-heading { flex-wrap:wrap; gap:5px; }
#flashings-workspace .standard-cards { max-height:58vh; overflow:auto; padding:2px; }
#flashings-workspace .standard-card { display:flex; flex-direction:row; align-items:center; gap:7px; text-align:left; }
#flashings-workspace .standard-card > svg { width:66px; flex:0 0 66px; height:52px; background:white; border-radius:4px; }
#flashings-workspace .standard-card > span { min-width:0; }
#flashings-workspace .standard-card strong { overflow-wrap:anywhere; }
#flashings-workspace .standard-card small { display:block; }
#flashings-workspace .standard-save-help { margin:0 0 14px; padding:10px; background:#eaf4ee; color:#17432a; font-size:13px; }
#flashings-workspace .free-file-help { display:block; margin-top:18px; font-size:13px; line-height:1.5; color:#354955; }
#flashings-workspace .free-file-help p { display:block; }
#flashings-workspace .designer-field input, #flashings-workspace .designer-field select { min-width:0; max-width:100%; }
#flashings-workspace button:focus-visible, #flashings-workspace a:focus-visible { outline:3px solid #2275b9; outline-offset:2px; }
#flashings-workspace.designer-expanded { position:fixed; inset:0; z-index:2000; background:#f2f4f6; overflow:auto; padding:12px; }
#flashings-workspace.designer-expanded > .flashings-workspace-heading, #flashings-workspace.designer-expanded > .flashings-tabs { display:none; }
#flashings-workspace.designer-expanded .designer-layout { min-height:calc(100dvh - 110px); }
@media (max-width:1100px) {
  #flashings-workspace .designer-layout { grid-template-columns:190px minmax(0,1fr); }
  #flashings-workspace .designer-layout > aside:last-child { grid-column:1 / -1; }
  #flashings-workspace .designer-inspector { max-height:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  #flashings-workspace .standard-save-help { grid-column:1/-1; }
  #flashings-workspace .designer-main { position:static; }
}
@media (max-width:640px) {
  #flashings-workspace .designer-layout { display:flex; flex-direction:column; }
  #flashings-workspace .designer-layout > * { width:100%; box-sizing:border-box; }
  #flashings-workspace .designer-list { border-right:0; padding:12px; }
  #flashings-workspace .standard-cards { max-height:180px; }
  #flashings-workspace .designer-inspector { display:block; }
  #flashings-workspace .designer-main { padding:6px; }
  #flashings-workspace .designer-toolbar button { min-height:40px; }
  #flashings-workspace .designer-toolbar > div:last-child { width:100%; }
  #flashings-workspace .designer-toolbar button { width:auto; flex:1 1 auto; }
  #flashings-workspace .designer-edit-tools { width:100%; flex-direction:row; }
  #flashings-workspace .canvas-zoom button { width:auto; }
  #flashings-workspace .designer-toolbar { position:static; }
  #flashings-workspace #flashing-canvas { min-height:280px; }
  #flashings-workspace.designer-expanded { padding:4px; }
}