body.pingu-design,body.pingu-design .workspace{--bg:var(--pingu-bg)!important;--page:var(--pingu-bg)!important;--panel:var(--pingu-panel)!important;--surface:var(--pingu-panel)!important;--sidebar:var(--pingu-panel)!important;--soft:var(--pingu-soft)!important;--raised:var(--pingu-soft)!important;--muted-bg:var(--pingu-soft)!important;--hover:var(--pingu-line)!important;--line:var(--pingu-line)!important;--border:var(--pingu-line)!important;--text:var(--pingu-text)!important;--ink:var(--pingu-text)!important;--secondary:var(--pingu-muted)!important;--muted:var(--pingu-muted)!important;--accent:var(--pingu-accent)!important;--custom-accent:var(--pingu-accent)!important;--selected-accent:var(--pingu-accent)!important;--accent-ink:var(--pingu-ink)!important;--on-accent:var(--pingu-ink)!important;--danger:var(--pingu-danger)!important;color:var(--pingu-text);background:var(--pingu-bg)}
body.pingu-design[data-pingu-background=true]{isolation:isolate;background:transparent}body.pingu-design[data-pingu-background=true]:before{content:"";position:fixed;inset:-40px;z-index:-1;pointer-events:none;background:linear-gradient(rgb(0 0 0 / var(--pingu-dim)),rgb(0 0 0 / var(--pingu-dim))),var(--pingu-background) center/cover;filter:blur(var(--pingu-blur))}body.pingu-design[data-pingu-background=true] .workspace{background:transparent}body.pingu-design[data-pingu-background=true] :is(.sidebar,.topbar,.panel,.card,.hero){background:color-mix(in srgb,var(--pingu-panel) 88%,transparent);backdrop-filter:blur(6px)}
.pingu-design-launcher{position:fixed;z-index:35;right:18px;bottom:18px;padding:9px 16px;border:1px solid var(--pingu-line);background:var(--pingu-panel);color:var(--pingu-text);border-radius:20px;font:600 12px system-ui;cursor:pointer}.pingu-design-dialog{width:500px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;border:1px solid var(--pingu-line);border-radius:16px;background:var(--pingu-panel);color:var(--pingu-text);padding:24px;font:14px/1.5 system-ui}.pingu-design-dialog::backdrop{background:#0009}.pingu-design-dialog form{display:grid;gap:15px}.pingu-design-dialog h2{margin:0}.pingu-design-dialog p{margin:0;font-size:12px;color:var(--pingu-muted)}.pingu-design-dialog label{display:grid;gap:7px;font-size:12px}.pingu-design-dialog select,.pingu-design-dialog input{width:100%;min-width:0}.pingu-design-dialog select{padding:10px;border:1px solid var(--pingu-line);border-radius:8px;background:var(--pingu-bg);color:var(--pingu-text)}.pingu-design-dialog input[type=color]{height:40px;border:0;background:none}.pingu-design-dialog input[type=range]{accent-color:var(--pingu-accent)}.pingu-design-actions{display:flex;gap:10px;flex-wrap:wrap}.pingu-design-actions button{padding:10px 14px;border:1px solid var(--pingu-line);border-radius:8px;background:var(--pingu-soft);color:var(--pingu-text);font:inherit;cursor:pointer}.pingu-design-error{min-height:18px}.pingu-design-dialog output{font-weight:700;color:var(--pingu-accent)}
.pingu-design .appearance-panel .appearance-fields,.pingu-design .appearance-panel .vision-preview{display:none}.pingu-design .ambient{display:none}body.pingu-design{--rail:var(--pingu-bg)!important;--focus:var(--pingu-accent)!important}body.pingu-design[data-pingu-vision=achromatopsia]{filter:grayscale(var(--pingu-vision-amount,1))}