/* Translation-safe intrinsic sizing, with no forced single-line labels. */
.topbar,.topbar nav,.top-end,.editor-toolbar,.toolbar-right,.editor-library-action,.view-switch,.project-actions,.editor-category-nav{flex-wrap:wrap;height:auto;min-width:0}
.topbar{flex-shrink:0;padding-top:9px;padding-bottom:9px;gap:10px 16px}
.topbar nav{gap:6px 12px;flex:1 1 500px;margin-left:0}
.topbar .nav-item{height:auto;min-height:36px;padding:6px}
.button,.nav-item,.view-switch button,.editor-category-nav button,.panel-shape-choice{white-space:normal;overflow-wrap:anywhere;line-height:1.3;height:auto;min-height:36px;max-width:100%;flex-shrink:1}
button svg{flex-shrink:0}
.assembly-navigation [role=tab]>span{min-width:0;overflow-wrap:anywhere;white-space:normal}
.button span,.view-switch,.field-grid>*,.settings-section,.editor-pane,.library-pane,.settings-pane{min-width:0}
.editor-toolbar{gap:8px;padding:10px;flex-shrink:0}
.editor-toolbar>div{max-width:100%}
.editor-category-nav{display:flex;gap:5px;padding:8px}
.editor-category-nav button{flex:1 1 90px;padding:9px 6px}
.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-grid label,.settings-section label{overflow-wrap:anywhere}
.field-grid input,.field-grid select{min-width:0;max-width:100%}
.settings-scroll{min-height:0}
.canvas-wrap{min-height:220px;isolation:isolate;overflow:hidden}
.drawing-tools-overlay,.workspace-rulers{overflow:hidden!important;contain:paint;pointer-events:none}
.canvas-wrap>.drawing-tools-overlay,.canvas-wrap>.workspace-rulers{max-width:100%;max-height:100%}
.drawing-tools-bar{max-width:calc(100% - 60px);flex-wrap:wrap}
#fitInterface{opacity:.6}
#fitInterface[aria-pressed=true]{opacity:1;color:var(--gold);border-color:var(--gold);background:var(--gold-faint,#d5af5720);box-shadow:0 0 8px #d5af5733}
.repeat-stepper{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;gap:4px;margin-top:6px}
.repeat-stepper input{width:100%;margin:0!important;appearance:textfield}
.repeat-stepper input::-webkit-inner-spin-button{appearance:none}
.repeat-stepper .button{padding:0;min-height:38px;font-size:21px;color:var(--gold)}
.topbar #sendProduction{color:var(--gold);border-color:var(--gold);background:var(--gold-faint,#d5af5720)}
.topbar [hidden],.editor-toolbar [hidden]{display:none!important}
#modalBack[hidden]{display:none}
@media(min-width:1000px){body[data-fitted=true] .studio{display:grid;grid-template-columns:var(--library-width,250px) minmax(280px,1fr) var(--settings-width,320px);min-height:0;flex:1}body[data-fitted=true] .settings-pane{grid-column:auto;display:flex;flex-direction:column;overflow:hidden}body[data-fitted=true] .settings-scroll{display:block;overflow:auto}body[data-fitted=true] .editor-pane{height:auto;min-height:0}body[data-fitted=true] .library-pane{min-height:0}}
@media(max-width:999px){body{height:auto!important;min-height:100vh;overflow:auto}.studio{overflow:visible}.topbar nav{flex-basis:100%}.editor-toolbar .button{min-height:40px}.settings-pane{overflow:visible}}
@media(max-width:640px){.topbar{padding:10px}.topbar .nav-item,.button,.view-switch button{font-size:12px}.editor-pane{height:auto;min-height:650px}.canvas-wrap{min-height:330px}.settings-scroll{display:block}.repeat-stepper{grid-template-columns:minmax(0,1fr) 44px 44px}.repeat-stepper .button{min-height:44px}.metrics-strip{flex-wrap:wrap;gap:8px}.topbar nav{gap:5px}.top-end{gap:6px;max-width:100%}}

body>dialog{zoom:calc(1 / var(--interface-scale,1))}
#moreMotifs{grid-column:1 / -1}

.top-account-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.top-account-status #quickTour{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto}
.top-account-status #authStatus{white-space:nowrap}

.top-account-status{flex:0 1 auto;max-width:100%}.top-guide-status{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%}.top-guide-status #authStatus{flex-shrink:0}
@media(max-width:1100px){.top-account-status{flex-basis:100%}}
.topbar .tenant-banner{position:relative;display:block;padding:0;border:0;background:none;min-width:0;max-width:100%;flex:0 1 auto}
.topbar .tenant-banner>summary{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;cursor:pointer;list-style:none;color:var(--gold-bright);border-color:var(--line);white-space:normal}
.topbar .tenant-banner>summary::-webkit-details-marker{display:none}
.topbar .tenant-banner>summary svg{width:17px;height:17px;flex-shrink:0}
.topbar .tenant-banner>summary span{font-size:11px;color:inherit}
.topbar .tenant-banner[open]>summary{border-color:var(--gold);background:var(--theme-selected)}
.topbar .tenant-banner .tenant-chevron{margin-left:3px}
.topbar .tenant-popover{position:absolute;z-index:100;right:0;top:calc(100% + 8px);width:290px;max-width:calc(100vw - 32px);display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0005;white-space:normal;text-align:left;overflow-wrap:anywhere}
.topbar .tenant-popover>strong{font-size:13px}
.topbar .tenant-popover>span{line-height:1.5}
.topbar .tenant-popover .button{width:100%;margin:0;white-space:normal;color:var(--gold-bright)}
.topbar .tenant-banner.blocked>summary{color:var(--red);border-color:var(--red)}
#projectMenu.project-menu-fallback{z-index:100;display:grid;gap:8px}
#projectMenu.project-menu-fallback[hidden]{display:none!important}
.topbar .tenant-banner>summary:focus-visible,.simple-help>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.topbar,.editor-toolbar,.simple-workflow{min-width:0}
.tenant-popover,.simple-help-content{max-height:70vh;overflow:auto;overscroll-behavior:contain}

/* Shared project actions stay first in both modes; editing tools form a separate group. */
.editor-toolbar .editor-library-action{order:-1;flex:1 0 100%;justify-content:flex-start;padding:0;margin:0}
.editor-toolbar .preview-notes-actions{flex:1 1 auto;min-width:0;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.editor-toolbar .control-mode-bar{padding:4px;margin-inline-end:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);flex:0 1 auto}
.editor-toolbar .control-mode-bar>div{gap:5px;flex-wrap:wrap}
.editor-toolbar .control-mode-bar .button{min-height:36px;border-color:transparent;background:transparent}
.editor-toolbar .control-mode-bar .button[aria-pressed=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
.editor-toolbar .preview-notes-actions>button,.editor-toolbar .project-notebook>summary{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 12px;border-color:var(--line);background:var(--surface);color:var(--text);font-size:12px}
.editor-toolbar .preview-notes-actions>button:hover,.editor-toolbar .project-notebook>summary:hover{border-color:var(--gold);color:var(--gold-bright)}
.editor-toolbar .preview-notes-actions>button svg,.editor-toolbar .project-notebook>summary svg{width:20px;height:20px;color:var(--gold)}
.editor-toolbar .toolbar-right{gap:8px;flex:1 1 auto;justify-content:flex-end}
.artwork-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;border-inline-end:1px solid var(--line);padding-inline-end:10px;margin-inline-end:2px}
.artwork-toolbar-actions .button{font-size:12px;min-height:36px;padding:8px 10px}
body[data-controls=simple]:not([data-simple-step=appearance]) .artwork-toolbar-actions{display:none}
@media(max-width:640px){.editor-toolbar .preview-notes-actions{gap:8px}.editor-toolbar .control-mode-bar{margin:0}.editor-toolbar .toolbar-right{justify-content:flex-start}}.editor-toolbar .toolbar-right{display:contents}
.editor-toolbar .preview-notes-actions :is(#projectMenuToggle,#previewImageBtn,#shareDesign),.editor-toolbar .project-notebook>summary{border-color:var(--line);background:var(--surface);color:var(--text)}
.editor-toolbar .preview-notes-actions :is(#projectMenuToggle,#previewImageBtn,#shareDesign):hover,.editor-toolbar .project-notebook>summary:hover{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
.editor-toolbar #projectMenuToggle[aria-expanded=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
/* Header groups: navigation, mode, help/account, and workspace preferences. */
.topbar{gap:10px 16px;align-items:center}
.topbar nav{flex:0 1 auto;gap:6px}
.topbar .control-mode-bar{gap:9px;padding:4px 5px 4px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);flex:0 1 auto}
.topbar .control-mode-label{color:var(--muted);font-size:11px;white-space:nowrap}
.topbar .control-mode-bar>div{gap:5px;flex-wrap:wrap}
.topbar .control-mode-bar .button{padding:8px 10px;min-height:34px;font-size:12px;border-color:transparent;background:transparent}
.topbar .control-mode-bar .button[aria-pressed=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
.topbar .top-account-status{flex:0 1 auto;gap:10px}
.topbar .top-guide-status{gap:8px;flex-wrap:wrap;padding-inline-end:14px;border-inline-end:1px solid var(--line)}
.topbar .top-workspace{display:none}
.topbar .top-end{display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:flex-end;margin-left:auto;padding-inline-start:14px;border-inline-start:1px solid var(--line)}
.topbar .top-end>select{min-height:34px;border-radius:7px;padding:7px 10px;max-width:100%}
.topbar #autosaveControls{border:1px solid var(--line);border-radius:9px;padding:4px;gap:5px;background:var(--surface)}
.topbar #autosaveToggle{border-color:transparent;box-shadow:none}
.topbar .hover-help-toggle{display:flex;gap:7px;align-items:center;padding:7px 9px;min-height:34px}
.topbar .hover-help-toggle svg{width:24px;height:23px}
.hover-help-toggle[aria-checked=true]{color:var(--gold-bright);border-color:var(--gold);background:var(--theme-selected)}
.hover-help-toggle[aria-checked=false]{opacity:.5}
.hover-help-toggle:hover,.hover-help-toggle:focus-visible{opacity:1}
.hover-help-switch{display:block;width:25px;height:14px;flex-shrink:0;border:1px solid currentColor;border-radius:12px;padding:2px}
.hover-help-switch::after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:currentColor;transition:transform 160ms ease}
.hover-help-toggle[aria-checked=true] .hover-help-switch::after{transform:translateX(10px)}
.hover-help-state{font-size:10px}
.editor-toolbar .preview-notes-actions{justify-content:center}
@media(max-width:999px){.topbar nav{flex-basis:100%}.topbar .top-end{padding-inline-start:0;border-inline-start:0}.topbar .top-account-status{flex-basis:auto}}
@media(max-width:480px){.topbar .top-guide-status{border:0;padding:0}.topbar .top-end{justify-content:flex-start}.topbar .control-mode-bar{padding:4px 8px}}
/* Project actions stay outside the scrolling list, including floating windows. */
#modal>#modalBody:has(>.projects-browser){display:flex;overflow:hidden;padding-bottom:20px}
.projects-browser{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.projects-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
.projects-actions.modal-actions{flex:0 0 auto;margin-top:12px;padding:16px 12px 0 0;background:var(--surface);border-top:1px solid var(--line);gap:10px;flex-wrap:wrap}
.projects-actions .button{white-space:normal;overflow-wrap:anywhere}

.floating-view-palette{display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 8px 24px #0004;z-index:5}
.floating-view-palette[hidden]{display:none}
.palette-drag-handle{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid var(--line);padding:5px 8px 8px;background:transparent;color:var(--gold);text-align:left;font:inherit;font-size:12px;cursor:grab;touch-action:none;user-select:none}
.palette-drag-handle>span:first-child{font-size:22px;line-height:1}.floating-view-palette.dragging .palette-drag-handle{cursor:grabbing}
.palette-drag-handle:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:6px}
.palette-view-tools{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.palette-view-tools .orbit-controls{width:100%;margin:0;box-sizing:border-box}.palette-view-tools .button{height:auto;min-height:32px;white-space:normal}
#viewPresets.floating-view-palette{width:420px;max-width:calc(100% - 16px);display:flex;flex-direction:column;box-sizing:border-box;gap:8px}
#viewPresets .palette-view-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
#viewPresets .palette-view-tools>.button{min-height:34px;height:auto;padding:7px 9px;justify-content:center;white-space:normal;font-size:11px}
#viewPresets .palette-view-tools>.orbit-controls{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px}
#viewPresets .orbit-mouse-modes{grid-column:1}
#viewPresets [data-orbit-reset]{grid-column:2;grid-row:1;min-height:28px;padding:4px 8px}
#viewPresets .orbit-controls label{grid-column:1/-1;min-width:0;font-size:11px}
#viewPresets .orbit-controls input[type=range]{width:100%;height:22px;min-width:40px}