/* Compact design shelf: uses the existing theme tokens and original controls. */
html body.pg130-editor #designToolsPanel.pg-quick-tools{padding:8px!important;margin:0 0 12px!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:linear-gradient(135deg,color-mix(in srgb,#2563eb 5%,var(--ui-panel)),var(--ui-panel))!important;box-shadow:0 3px 12px #0f172a05}
html body.pg130-editor #designToolsPanel .pg-quick-row{width:100%;min-width:0;gap:7px!important}
html body.pg130-editor #designToolsPanel .pg130-inline{border:0!important;background:transparent!important;padding:0!important;gap:5px!important;border-radius:0!important}
html body.pg130-editor #designToolsPanel .pg130-inline :is(#fontSelector,#designSize){height:36px!important;min-height:36px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:0 1px 2px #0f172a04}
html body.pg130-editor #designToolsPanel .pg130-inline .pg-quick-color{height:36px!important;min-height:36px!important;display:flex!important;justify-content:center!important;align-items:center!important;background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;color:var(--ui-text)!important;cursor:pointer}
html body.pg130-editor #designToolsPanel .pg-quick-color svg{width:17px!important;height:17px!important}
html body.pg130-editor #designToolsPanel .pg130-inline #designReset{background:transparent!important;border:1px solid var(--ui-line)!important;color:var(--ui-muted)!important}
html body.pg130-editor #designToolsPanel .pg130-inline #designApply{background:#2563eb!important;border:1px solid #2563eb!important;box-shadow:0 2px 5px #2563eb25}
html body.pg130-editor #designToolsPanel .pg130-inline :is(#designReset,#designApply){height:36px!important;border-radius:9px!important}
html body.pg130-editor #designToolsPanel .pg-quick-palette{display:flex!important;width:100%!important;min-width:0!important;padding:7px 3px 0!important;border-top:1px solid var(--ui-line);margin:0!important;box-sizing:border-box}
html body.pg130-editor #designToolsPanel #colorPresets{display:flex!important;width:100%!important;justify-content:space-between!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important}
html body.pg130-editor #designToolsPanel #colorPresets>*{width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;border-radius:8px!important;margin:0!important;box-shadow:inset 0 0 0 1px #ffffff30;transition:box-shadow .15s,transform .15s}
html body.pg130-editor #designToolsPanel #colorPresets>:is(.active,[aria-pressed=true]){outline:2px solid var(--ui-text)!important;outline-offset:2px!important;transform:scale(.92)}
html body.pg130-editor .pg130-template-heading{gap:8px!important;margin-bottom:8px!important}
html body.pg130-editor .pg130-template-heading h2{font-size:14px!important;letter-spacing:-.2px}
html body.pg130-editor .pg130-template-heading .pg-catalog-controls{flex:1 1 50%!important;width:auto!important;min-width:0!important}
html body.pg130-editor .pg130-template-heading>div:first-child{flex:0 1 44%!important}
html body.pg130-editor .pg130-template-heading .pg-catalog-controls>input{height:36px!important;border-radius:10px!important;background:var(--ui-panel2)!important;border:1px solid var(--ui-line)!important;padding-inline:10px!important}
html body.pg130-editor .template-filter-row{gap:5px!important;padding:4px 0 9px!important;scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent}
html body.pg130-editor .template-filter-row .template-filter{border-radius:8px!important;background:var(--ui-panel)!important;border:1px solid var(--ui-line)!important;color:var(--ui-muted)!important;font-size:11px!important;min-height:30px!important;padding:5px 9px!important;box-shadow:none!important}
html body.pg130-editor .template-filter-row .template-filter:is(.active,[aria-pressed=true]){background:#2563eb!important;border-color:#2563eb!important;color:white!important}
html body.pg130-editor :is(#designReset,#designApply,.template-filter,#colorPresets>*):focus-visible{outline:2px solid #2563eb!important;outline-offset:3px!important}
@media(hover:hover){html body.pg130-editor #colorPresets>*:hover{transform:translateY(-2px)}html body.pg130-editor .template-filter-row .template-filter:hover{border-color:#2563eb!important;color:#2563eb!important}html body.pg130-editor .template-filter-row .template-filter.active:hover{color:white!important}}
@media(max-width:360px){html body.pg130-editor #designToolsPanel.pg-quick-tools{padding:6px!important;border-radius:13px!important}html body.pg130-editor #designToolsPanel .pg130-inline{gap:3px!important}html body.pg130-editor #designToolsPanel #colorPresets>*{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}}
@media(prefers-reduced-motion:reduce){html body.pg130-editor #colorPresets>*{transition:none!important}}