.gau-template-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:88dvh;border:1px solid #c8c5ba;border-radius:18px;padding:24px;background:#f8f5ed;color:#20343a;overflow:auto}.gau-template-dialog::backdrop{background:#14242bbb}.gau-library-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.gau-library-heading h3{margin:0}.gau-library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}.gau-template-dialog input,.gau-template-dialog select{width:100%;min-width:0;padding:12px;font-size:16px;border:1px solid #a5b1b1;border-radius:7px;background:white;color:#20343a}.gau-template-dialog button{min-height:44px;font-size:16px;cursor:pointer}.gau-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gau-library-item{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid #d8d7cb;border-radius:10px;background:white;padding:12px;color:#20343a}.gau-library-item img{width:100%;height:170px;object-fit:contain;background:#e5e8df;border-radius:7px}.gau-library-item small{font-size:13px;color:#475d61}.gau-library-item:hover{border-color:#006675}.gau-library-item:focus-visible,.gau-template-dialog button:focus-visible{outline:3px solid #007b8b;outline-offset:3px}.gau-library-pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.gau-library-manage{display:block;margin-top:16px}.gau-hub-note{font-size:16px;line-height:1.55}.gau-library-open{min-height:44px;padding:10px 16px;border-radius:8px}.gau-hub-pricing{font-size:15px;line-height:1.5;padding:12px;border-left:3px solid #547b75;background:#edf2ed}.gau-template-dialog button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.gau-template-dialog{padding:16px}.gau-library-filters{grid-template-columns:1fr}.gau-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gau-library-item img{height:130px}.gau-library-heading{align-items:flex-start}.gau-library-heading h3{font-size:22px}}

.gau-format-note{padding:12px;border-left:4px solid #176a41;background:#edf6ef;line-height:1.5;font-size:16px}.gau-format-error{border-color:#b52b35;background:#fff1ef}

/* Large textile workbench: visual zoom never changes saved millimetres. */
#gau-configuration .gau-design-canvas{display:block;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:525/500;touch-action:none}
#gau-configuration .gau-studio-bar,#gau-configuration .gau-motif-actions,#gau-configuration .gau-history{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
#gau-configuration .gau-studio-bar label{display:flex;align-items:center;gap:8px;margin:0}
#gau-configuration .gau-studio-bar select{width:auto;min-width:90px}
#gau-configuration .gau-studio-bar .gau-preview-toggle{margin:0 0 0 auto}
#gau-configuration .gau-position-foil{display:grid;grid-template-columns:auto minmax(130px,220px);gap:6px 14px;align-items:center;padding:12px;background:#edf2ed;border-radius:8px}
#gau-configuration .gau-position-foil small{grid-column:1/-1;font-size:14px}
#gau-configuration .gau-motif-actions button,#gau-configuration .gau-studio-bar button{min-height:44px}
#gau-configuration [hidden]{display:none!important}
@media(min-width:1100px){#gau-configuration .gau-config-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}
#gau-configuration.gau-studio-focus{position:fixed!important;inset:0!important;z-index:99990!important;width:100vw!important;max-width:none!important;height:100dvh!important;overflow:auto!important;margin:0!important;padding:16px 24px 90px!important;background:#fff;box-sizing:border-box}
#gau-configuration.gau-studio-focus .gau-config-layout{max-width:1800px;margin:auto}
#gau-configuration.gau-studio-focus .gau-design-card{padding:12px}
#gau-configuration.gau-studio-focus .gau-config-heading,#gau-configuration.gau-studio-focus .gau-draftbar,#gau-configuration.gau-studio-focus .gau-flow{max-width:1800px;margin-left:auto;margin-right:auto}
@media(max-width:700px){#gau-configuration .gau-design-card{padding:10px}#gau-configuration.gau-studio-focus{padding:8px 8px 90px!important}#gau-configuration .gau-position-foil{grid-template-columns:1fr}#gau-configuration .gau-studio-bar{gap:6px}#gau-configuration .gau-studio-bar button{font-size:14px;padding:8px 10px}#gau-configuration .gau-studio-bar .gau-preview-toggle{margin:0}}

/* Visible Flex film palette: keyboard-accessible, wraps on narrow screens. */
.gau-flex-colors{margin:12px 0 18px;padding:16px;border:1px solid #bdcdd1;border-radius:14px;background:#f5f8f7;min-width:0;color:#163d4a}
.gau-flex-colors[hidden]{display:none!important}.gau-flex-colors legend{font-weight:750;padding:0 7px}.gau-flex-selected{font-weight:650;margin:0 0 10px!important}
.gau-flex-swatches{display:flex;flex-wrap:wrap;gap:7px}.gau-flex-swatches .gau-flex-swatch{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #91a8af;border-radius:9px;background:#fff;color:#163d4a;font-size:14px;line-height:1.2;box-shadow:none}
.gau-flex-swatches .gau-flex-swatch[aria-pressed=true]{outline:2px solid #086e8a;outline-offset:1px;background:#e5f1f3}.gau-flex-swatch:focus-visible{outline:3px solid #086e8a;outline-offset:2px}.gau-flex-chip{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1px solid #71828a}
.gau-flex-extra{display:flex!important;align-items:flex-start;gap:9px;margin-top:15px;font-size:14px;line-height:1.4}.gau-flex-extra input{width:19px!important;min-width:19px;height:19px!important;margin:1px 0 0;accent-color:#086e8a}.gau-flex-count{font-size:14px;line-height:1.45;font-weight:600;margin:9px 0 0!important}.gau-flex-colors .gau-config-note{font-size:13px;line-height:1.5;margin:10px 0 0}

.gau-smart-bar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px}.gau-smart-bar button{min-height:46px;flex:1;font-weight:700}.gau-smart-dialog{box-sizing:border-box;width:min(700px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #bbc9c8;border-radius:16px;padding:24px;background:#faf8f2;color:#20343a}.gau-smart-dialog::backdrop{background:#14242baa}.gau-smart-dialog label{display:block;margin:12px 0;font-weight:600}.gau-smart-dialog input,.gau-smart-dialog select{box-sizing:border-box;display:block;width:100%;min-height:46px;margin-top:5px;font-size:16px}.gau-smart-dialog button{min-height:46px;margin:5px 8px 5px 0}.gau-smart-preview svg{display:block;width:100%;height:320px;max-height:35dvh;border-radius:10px;margin:12px 0}.gau-smart-bar[hidden]{display:none}@media(max-width:600px){.gau-smart-dialog{padding:16px}.gau-smart-bar{flex-direction:column}.gau-smart-preview svg{height:250px}}

.gau-visual-promise{font-size:15px!important;line-height:1.5;background:#edf4f3;border-left:3px solid #006b7f;padding:12px 16px;border-radius:6px;color:#254550}.gau-lower-toggle{margin:10px 0}.gau-lower-note{font-size:14px;color:#375663;margin:4px 0 16px}

/* 2026-11-10: complete tools at narrow widths, no clipped three-column labels. */
#gau-configuration .gau-draftbar{display:block}
#gau-configuration .gau-draftbar>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}
#gau-configuration .gau-draftbar>button{margin:6px 8px 4px 0;min-height:44px;white-space:normal}
#gau-configuration .gau-history button{min-height:44px}
#gau-configuration .gau-motif-actions{margin-top:12px;align-items:stretch}
#gau-configuration .gau-motif-actions button{word-break:normal;overflow-wrap:normal;hyphens:none;white-space:normal;line-height:1.35}
#gau-configuration .gau-history button:disabled{opacity:.55;cursor:default}
#gau-configuration .gau-element-settings>summary,#gau-configuration .gau-designer-variant>summary,#gau-configuration .gau-preview-guidance>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}
@media(max-width:1024px){
 #gau-configuration .gau-config-layout{gap:12px}
 #gau-configuration .gau-design-card{padding:10px}
 #gau-configuration .gau-artwork-buttons,#gau-configuration .gau-motif-actions,#gau-configuration .gau-position-tabs,#gau-configuration .gau-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #gau-configuration .gau-artwork-buttons button,#gau-configuration .gau-artwork-buttons .gau-upload,#gau-configuration .gau-motif-actions button,#gau-configuration .gau-position-tabs button,#gau-configuration .gau-history button{min-width:0;width:100%;min-height:48px;height:auto;font-size:15px;line-height:1.35;padding:10px 8px;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
 #gau-configuration .gau-studio-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 #gau-configuration .gau-studio-bar button{min-width:0;width:100%;min-height:48px;line-height:1.35;white-space:normal;font-size:14px}
 #gau-configuration .gau-studio-bar label{justify-content:center;min-width:0}
 #gau-configuration .gau-studio-bar .gau-preview-toggle{grid-column:1/-1;margin:0}
 #gau-configuration .gau-lower-controls .gau-lower-toggle{width:100%;min-height:48px}
 #gau-configuration .gau-lower-note{font-size:14px;line-height:1.5}
 #gau-configuration .gau-pricebar{margin-top:16px}
 #gau-configuration .gau-draftbar[open]>button{width:100%;margin:5px 0;font-size:15px;min-height:48px}
 #gau-configuration .gau-layer{min-height:44px!important;font-size:14px!important}
 #gau-configuration .gau-tool-overlay{padding:8px;box-sizing:border-box}
 #gau-configuration .gau-tool-sheet{max-height:calc(100dvh - 16px);overscroll-behavior:contain;min-width:0;border-radius:12px}
 #gau-configuration .gau-tool-sheet button{min-height:48px;white-space:normal;line-height:1.4}
}
@media(max-width:360px){#gau-configuration .gau-motif-actions{grid-template-columns:1fr}}

@media(max-width:1024px) and (max-height:500px){#gau-configuration .gau-pricebar{position:static}}
#gau-configuration .gau-draftbar>summary::before,#gau-configuration .gau-element-settings>summary::before,#gau-configuration .gau-designer-variant>summary::before,#gau-configuration .gau-preview-guidance>summary::before{content:"▸";margin-right:9px}
#gau-configuration details[open]>summary::before{content:"▾"}

@media(max-width:1024px){
 #gau-configuration .gau-main-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #gau-configuration .gau-main-tools>.gau-artwork-buttons{grid-column:1/-1;width:100%;margin:0}
 #gau-configuration .gau-main-tools>.gau-library-open,#gau-configuration .gau-main-tools>.gau-upload{box-sizing:border-box;min-width:0;width:100%;min-height:48px;margin:0;padding:10px 8px;font-size:15px;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:normal}
}