/* v256: tool columns and Compose dialogs; left navigation is unchanged. */
html body.pg254-layout.pg254-layout.pg254-layout #quick-sidebar{padding:12px!important;scrollbar-gutter:auto!important}
html body.pg254-layout #quick-sidebar#quick-sidebar .pg254-grid{gap:8px!important;grid-auto-rows:1fr!important}
html body.pg254-layout #quick-sidebar#quick-sidebar .pg254-grid>button{min-height:96px!important;padding:11px!important;gap:9px!important;font-size:12px!important;border-radius:12px!important}
html body.pg254-layout #quick-sidebar#quick-sidebar .pg254-grid>button svg{width:21px!important;height:21px!important;padding:6px!important}
html body.pg254-layout #quick-sidebar#quick-sidebar #panel#panel :is(p,label,input,select,textarea,button){font-size:13px!important}
html body.pg254-layout #quick-sidebar#quick-sidebar #panel#panel .catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.pg254-layout #panel#panel .pg256-vector{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px!important;min-width:0!important;height:auto!important;min-height:100px!important;padding:10px!important;border:1px solid var(--pg254-border)!important;border-radius:12px!important;background:var(--pg254-surface)!important;color:var(--pg254-text)!important}
html body.pg254-layout #panel#panel .pg256-vector img{display:block!important;width:54px!important;height:54px!important;object-fit:contain!important}
html body.pg254-layout #panel#panel .pg256-vector span{text-align:center;font-size:11px!important;line-height:1.4!important}
html body.pg254-layout #panel#panel #mobile-adjust[hidden]{display:none!important}
html body.pg254-layout #panel#panel .pg256-slider{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:12px!important;border:1px solid var(--pg254-border)!important;border-radius:12px!important;margin:9px 0!important;background:var(--pg254-surface)!important}
html body.pg254-layout #panel#panel .pg256-slider input{grid-column:1/-1;width:100%!important;margin:2px 0!important;min-height:24px!important;accent-color:var(--pg254-blue)}
html body.pg254-layout #panel#panel .pg256-slider output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--pg254-blue)}
html body.pg254-layout #panel#panel .pg256-selection-hint{padding:12px!important;border-radius:10px!important;background:#2465ff0a!important;border:1px solid var(--pg254-border)!important;line-height:1.6!important}
/* One visual system across portrait, compositor and all Advanced Studio tools. */
html body :is(#as254,#lp251-dialog,#pc253-dialog){--pg256-card:var(--pg254-surface,#fff);--pg256-line:var(--pg254-border,#dce5f1);border-radius:20px!important;border:1px solid var(--pg256-line)!important;box-shadow:0 24px 85px #1023433b!important;font-family:Outfit,system-ui,sans-serif!important;color:var(--pg254-text,#17243d)!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-head,header){padding:17px 22px!important;background:var(--pg256-card)!important;border-bottom:1px solid var(--pg256-line)!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-foot,footer){padding:14px 22px!important;gap:12px!important;background:var(--pg256-card)!important;border-top:1px solid var(--pg256-line)!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(h2){font-size:22px!important;letter-spacing:-.025em!important;line-height:1.25!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(h3){font-size:15px!important;line-height:1.4!important;margin:4px 0 12px!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-nav,.as254-stack,.lp251-settings,.pc253-settings){padding:16px!important;background:var(--pg256-card)!important}
html body #as254 .as254-grid{grid-template-columns:258px minmax(200px,1fr) 238px!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-preview,.lp251-preview,.pc253-preview){padding:18px!important;background:var(--pg254-bg,#f0f5fc)!important;gap:12px!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-view,.lp251-preview>canvas,.pc253-preview>canvas){border:1px solid var(--pg256-line)!important;border-radius:14px!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(button,select,input:not([type=range]):not([type=checkbox]):not([type=file])){border-radius:10px!important;min-height:38px!important;font-size:13px!important;border:1px solid var(--pg256-line)!important;box-shadow:none!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(label,p){font-size:13px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(input[type=checkbox]){width:16px!important;height:16px!important;min-height:16px!important;accent-color:#2465ff}
html body :is(#as254,#lp251-dialog,#pc253-dialog) input[type=range]{accent-color:#2465ff}
html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.primary,#lp251-apply,#pc253-apply){background:#2465ff!important;border-color:#2465ff!important;color:white!important;font-weight:600!important;padding-inline:18px!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) button:focus-visible{outline:3px solid #80aaff;outline-offset:2px}
html body :is(#lp251-dialog,#pc253-dialog) :is(.lp251-scroll,.pc253-scroll)>section{padding:14px!important;margin:0 0 12px!important;border:1px solid var(--pg256-line)!important;border-radius:13px!important;background:var(--pg256-card)!important}
html body #as254 #as254-settings{margin-top:14px;padding:13px;border:1px solid var(--pg256-line);border-radius:13px;background:var(--pg256-card)}
/* Keep the real file input and its existing handlers, with a larger accessible hit area. */
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker{position:relative!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:3px 9px!important;width:100%!important;min-width:0!important;min-height:84px!important;padding:13px!important;border:1px dashed #7ba3ed!important;border-radius:13px!important;background:#2465ff08!important;color:var(--pg254-text,#17243d)!important;box-sizing:border-box!important;cursor:pointer!important;overflow:hidden!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker svg{grid-row:1/3;align-self:center;width:25px;height:25px;color:#2465ff}
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker>span{font-size:13px!important;font-weight:600!important;align-self:end}
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker>small{font-size:11px!important;letter-spacing:0!important;line-height:1.5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--pg254-muted,#65758c)!important}
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;padding:0!important;margin:0!important;cursor:pointer!important;z-index:1}
html body :is(#as254,#lp251-dialog,#pc253-dialog) .pg256-file-picker:focus-within{outline:3px solid #8bb0ff;outline-offset:2px}
html body #lp251-dialog .lp251-upload:has(.pg256-file-picker){display:block!important;padding:0!important;border:0!important;background:transparent!important}
@media(max-width:1100px) and (min-width:601px){html body #as254 .as254-grid{grid-template-columns:230px minmax(0,1fr)!important}html body #as254 .as254-stack{grid-column:1/-1;max-height:140px}}
@media(max-width:900px){html body.pg254-layout.pg254-layout.pg254-layout #quick-sidebar{padding:14px!important}html body.pg254-layout #quick-sidebar#quick-sidebar .pg254-grid>button{min-height:94px!important;padding:10px!important}}
@media(max-width:600px){html body :is(#as254,#lp251-dialog,#pc253-dialog){border-radius:0!important}html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-head,header,.as254-foot,footer){padding:12px 14px!important}html body #as254 .as254-grid{display:flex!important}html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-nav,.as254-stack,.lp251-settings,.pc253-settings){padding:12px!important}html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(h2){font-size:19px!important}html body :is(#as254,#lp251-dialog,#pc253-dialog) :is(.as254-preview,.lp251-preview,.pc253-preview){padding:12px!important}}