/* TruePrint shared form tokens. See docs/DESIGN_SYSTEM.md. */
:root{--ui-font:13px;--ui-label:12px;--ui-height:40px;--ui-border:#d8e0eb;--ui-text:#40516b;--ui-muted:#718096;--ui-radius:5px;--ui-focus:#bdcafa}
select[data-ui-select][hidden]{display:none!important}
.ui-form label{font-size:var(--ui-label);color:var(--ui-text);line-height:1.5}
.ui-form input:not([type=checkbox]):not([type=hidden]),.ui-form textarea{box-sizing:border-box;width:100%;min-height:var(--ui-height);padding:9px 11px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;color:var(--ui-text);font-weight:400;font-family:inherit;font-size:var(--ui-font);line-height:1.5;box-shadow:none}
.ui-form input::placeholder,.ui-form textarea::placeholder{color:var(--ui-muted)}
.ui-form textarea{resize:vertical;min-height:96px}
.ui-form input:focus-visible,.ui-form textarea:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px;border-color:#8ba1de}
.ui-form label>.select-trigger,.ui-form label>input,.ui-form label>textarea{margin-top:6px}
.ui-form input[type=checkbox]{accent-color:#294dde;width:16px;height:16px}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;height:40px;padding:8px 11px;border:1px solid #d8e0eb;border-radius:5px;background:#fff;color:#40516b;font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;text-align:left;box-shadow:none}
.mode-field .select-trigger{margin-top:6px}.select-trigger:hover{border-color:#b8c5d9;background:#fafbfe}.select-trigger[aria-expanded=true]{border-color:#8ba1de;background:#fff}.select-trigger:focus-visible{outline:2px solid #bdcafa;outline-offset:1px}
.select-value{overflow:hidden;text-overflow:ellipsis}.select-arrow{width:6px;height:6px;flex-shrink:0;border-right:1.5px solid #8090a7;border-bottom:1.5px solid #8090a7;transform:rotate(45deg);margin:-3px 2px 0 0}
.select-menu{position:fixed;z-index:150;padding:5px;background:#fff;border:1px solid #dce3ed;border-radius:7px;box-shadow:0 6px 18px #263e591c;max-height:calc(100dvh - 24px);overflow:auto}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:4px;background:#fff;color:#43536c;font-size:13px;font-weight:400;line-height:1.4;text-align:left;white-space:nowrap}
.select-option:hover,.select-option:focus{outline:none;background:#f1f4f9}.select-option[aria-selected=true]{background:#edf2ff;color:#294dde;font-weight:500}.select-option:focus-visible{outline:2px solid #b5c5f5;outline-offset:-2px}.select-check{color:#294dde;visibility:hidden;font-size:13px}.select-option[aria-selected=true] .select-check{visibility:visible}

.select-trigger{height:var(--ui-height);font-family:inherit;font-size:var(--ui-font);border-radius:var(--ui-radius)}
.select-menu{box-sizing:border-box;z-index:200;font-family:inherit}
.select-option{font-family:inherit;white-space:normal;overflow-wrap:anywhere}
.select-trigger:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.select-option{min-height:44px}.ui-form input:not([type=checkbox]):not([type=hidden]),.ui-form textarea{font-size:16px}.ui-form .select-trigger{min-height:44px}}

.label-row>.select-trigger{width:auto;min-width:70px;height:32px}
.ui-form .inline>.select-trigger{width:auto;min-width:120px;flex:0 1 auto}
/* Language selection uses the same control and typography as every form. */
.language-choice{display:block;margin:0!important;flex-shrink:0;min-width:88px}
.language-globe{display:block;flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.language-choice>.select-trigger,.ui-form .language-choice>.select-trigger{margin-top:0;gap:6px;height:28px;min-height:28px;padding:3px 8px;font-size:12px;background:transparent;border-color:transparent}
.support-entry{align-items:center}.support-entry .language-choice{margin-right:auto!important}
html[lang=en] .brand-caption{display:none}html[lang=en] .brand-wordmark strong{font-size:17px;letter-spacing:-.5px}
html[lang=en] .topbar nav{gap:12px;margin-left:10px}html[lang=en] .project-actions{margin-left:8px}
html[lang=en] .btn,html[lang=en] .field-label,html[lang=en] .check{white-space:normal}
html[lang=en] .template-info p{min-height:3.2em}html[lang=en] .inspector .select-trigger{white-space:normal;text-align:left;height:auto;min-height:40px}
@media(max-width:1100px){html[lang=en] .topbar .private-label{display:none}}
@media(max-width:760px){
 .support-entry{height:32px}.support-entry .language-choice .select-trigger{min-height:28px}.editor-view{margin-top:32px;height:calc(100dvh - 92px)}
 html[lang=en] .topbar{gap:4px;padding-left:8px;padding-right:8px}html[lang=en] .topbar .btn{padding:6px;font-size:12px}html[lang=en] .project-actions{margin-left:0;gap:4px}
 html[lang=en] .brandmark{display:none}html[lang=en] .brand-wordmark strong{font-size:16px}html[lang=en] .topbar #export{min-width:70px}
 html[lang=en] .canvas-clipboard{gap:4px;padding-left:8px;padding-right:8px}html[lang=en] .canvas-clipboard .btn{padding:6px;font-size:12px}html[lang=en] .preview-caption{display:none}
 html[lang=en] .sidebar .settings-checks{gap:5px}html[lang=en] .sidebar .check{font-size:11px}html[lang=en] .mobile-dock button{font-size:12px}
 html[lang=en] .stagebar h1{max-width:100px}html[lang=en] .canvas-empty strong{font-size:19px}
}
@media(max-width:360px){html[lang=en] .brand-wordmark strong{font-size:14px}html[lang=en] .topbar .btn{font-size:11px;padding:5px}html[lang=en] .topbar #export{min-width:64px}}
/* Multi-selection stays in the existing canvas toolbar. */
.canvas-clipboard{flex-wrap:wrap}
#multi-select[aria-pressed=true]{color:var(--blue);border-color:#aebcf0;background:#eef2ff}
.selection-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:7px 18px;border-bottom:1px solid var(--line);background:#f4f6fc;flex-shrink:0;font-size:12px}
.selection-tools[hidden]{display:none}.selection-tools .text-btn{font-size:12px;min-height:32px;margin:0;padding:4px 0}
#selection-count{font-weight:600;color:var(--blue)}
.paper.multi-selection .frame.selected .handle{display:none}
.paper.multi-selection .frame.selected{outline:2px solid var(--blue)}
#batch-inspector h2{font-size:15px;margin:8px 0 14px}#batch-inspector p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.selection-tools{gap:2px 12px;padding:4px 12px}.selection-tools .text-btn{min-height:36px}.canvas-clipboard .preview-scale{min-width:85px}.canvas-clipboard .preview-scale .select-trigger{padding-left:6px;padding-right:6px}.canvas-clipboard .btn{flex-shrink:0}}

@media(max-width:760px){.selection-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px}.selection-tools .text-btn{text-align:left;white-space:normal;line-height:1.3}.selection-tools[hidden]{display:none}}
/* Global language utility: desktop header, mobile auxiliary row. */
#language-slot{flex:0 0 auto;margin-left:10px;padding-left:10px;border-left:1px solid var(--ui-border)}
.language-choice{min-width:0}
.language-choice>.select-trigger,.ui-form .language-choice>.select-trigger{width:auto;min-width:106px;height:36px;min-height:36px;gap:8px;padding:6px 8px}
.language-choice .select-value{font-size:12px;font-weight:400}
.language-choice .select-arrow{width:5px;height:5px}
.select-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:80dvh;margin:0;padding:0 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;border:0;border-top:1px solid var(--ui-border);border-radius:12px 12px 0 0;background:#fff;color:var(--ui-text)}
.select-sheet::backdrop{background:#17243b66}
.select-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;border-bottom:1px solid #edf0f5}
.select-sheet-header strong{font-size:14px;font-weight:600}
.select-sheet-header>button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ui-muted);font-family:inherit;font-size:24px;line-height:1}
.select-sheet .select-menu{position:static;width:100%;max-height:60dvh;margin:8px 0 0;padding:0;border:0;box-shadow:none;border-radius:0}
.select-sheet .select-option{min-height:52px;padding:12px;font-size:14px}
.selection-marquee{position:fixed;z-index:40;pointer-events:none;border:1px solid #3157d5;background:#3157d51c}
@media(pointer:fine){.canvas-scroll{user-select:none}}
@media(max-width:1100px) and (min-width:761px){.topbar .private-label{display:none}.topbar #language-slot{margin-left:auto}.topbar nav{margin-left:10px;gap:12px}.topbar .project-actions{margin-left:8px}}
@media(max-width:760px){
 #language-slot{display:none}.topbar .brandmark{display:none}.topbar .brand-wordmark .brand-caption{display:none}.topbar .brand{gap:0;margin-right:auto}
 .support-entry{height:44px;gap:12px;padding:0 12px}
 .support-entry .language-choice{margin-left:auto!important;margin-right:0!important}
 .support-entry .language-choice>.select-trigger{min-height:44px;height:44px;padding:6px 0 6px 8px}
 .support-entry .text-btn{min-height:44px}
 .editor-view{margin-top:44px;height:calc(100dvh - 104px)}
 .templates-view{padding-top:58px}
}
@media(max-width:360px){.topbar #export{white-space:nowrap;padding-left:5px;padding-right:5px}}