.design-presets{margin:0 0 18px}.design-presets-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.design-presets-head span{font-size:.82rem;color:var(--muted)}.design-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.design-preset{appearance:none;border:1px solid color-mix(in srgb,var(--muted) 24%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);border-radius:12px;padding:7px;display:grid;gap:6px;cursor:pointer;text-align:left;font:inherit}.design-preset:hover,.design-preset:focus-visible{border-color:var(--cyan);outline:none;transform:translateY(-1px)}.design-preset>span:last-child{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-preset-preview{height:34px;border-radius:8px;background:var(--preset-bg);border:1px solid color-mix(in srgb,var(--preset-panel) 75%,#000 25%);position:relative;overflow:hidden;display:block}.design-preset-preview:before{content:"";position:absolute;inset:6px 8px;background:var(--preset-panel);border-radius:6px}.design-preset-preview i,.design-preset-preview b{position:absolute;width:28px;height:28px;border-radius:50%;filter:blur(9px);opacity:.85}.design-preset-preview i{left:-4px;bottom:-9px;background:var(--preset-accent)}.design-preset-preview b{right:-4px;top:-10px;background:var(--preset-accent2)}.design-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.design-editor input[type=color]{height:38px;padding:3px}.design-actions{grid-column:1/-1;display:flex;gap:8px}.plugin-actions{display:flex;gap:8px;padding:0 12px 10px}.plugin-actions .btn{flex:1}@media(max-width:899px){.design-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.design-presets-head{display:block}.design-presets-head span{display:block;margin-top:3px}.design-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-editor{grid-template-columns:1fr}}

/* Design Editor 1.2.0 */
.design-preset{border:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 92%,var(--purple) 8%),color-mix(in srgb,var(--panel2) 92%,var(--cyan) 8%))!important;box-shadow:none!important}.design-preset:hover,.design-preset:focus-visible{border:0!important;filter:brightness(1.08);outline:none}
.design-backgrounds{grid-column:1/-1;display:grid;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--muted) 22%,transparent)}.design-backgrounds-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.design-backgrounds-head span{font-size:.8rem;color:var(--muted)}.design-background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-bg-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 94%,var(--purple) 6%),color-mix(in srgb,var(--panel2) 94%,var(--cyan) 6%))}.design-bg-card>div{grid-column:1/-1}.design-bg-card strong{display:block}.design-bg-card small,.design-bg-state{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.design-bg-state{grid-column:1/-1;margin:0}.design-file-button{position:relative;overflow:hidden;display:inline-flex!important;align-items:center!important;justify-content:center;min-height:36px;padding:.5rem .75rem;border-radius:calc(var(--radius) - 1px);background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff!important;font-weight:680;cursor:pointer}.design-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.design-bg-remove:disabled{opacity:.42;cursor:not-allowed;filter:none!important;transform:none!important}@media(max-width:699px){.design-backgrounds-head{display:block}.design-backgrounds-head span{display:block;margin-top:3px}.design-background-grid{grid-template-columns:1fr}.design-bg-card{grid-template-columns:1fr}.design-bg-card .btn,.design-file-button{width:100%}}

.design-patterns{grid-column:1/-1;display:grid;gap:10px;margin-top:4px}.design-pattern-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.design-pattern{appearance:none;border:0;background:color-mix(in srgb,var(--panel2) 86%,transparent);color:var(--text);border-radius:13px;padding:7px;display:grid;gap:6px;cursor:pointer;text-align:left;font:inherit;box-shadow:inset 0 0 0 1px #ffffff10}.design-pattern:hover,.design-pattern:focus-visible,.design-pattern.active{outline:none;box-shadow:inset 0 0 0 2px var(--cyan),0 7px 18px #0003}.design-pattern-preview{height:54px;border-radius:9px;background-color:color-mix(in srgb,var(--bg) 80%,var(--panel));display:block}.design-pattern>span:last-child{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){.design-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.design-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}