:root{--radius:7px;--hit:36px;--inset:16px}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;overflow:hidden}button,.df-menu-item{border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;text-decoration:none;transition-property:background-color,color;transition-duration:.15s;display:flex}:is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}input{color:inherit;font:inherit;outline:none}input[type=number]{appearance:textfield;font-variant-numeric:tabular-nums}::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}fieldset{border:none;min-width:0;margin:0}hr{border:none;border-top:1px solid var(--panel-border);margin:0}body,.df-panel,input{transition-property:background-color,color,border-color;transition-duration:.25s}.no-transition,.no-transition *{transition:none}.df-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.df-menu-label,.df-hint,.df-page-size,.df-field{color:var(--muted);font-size:12px}.df-panel{border:1px solid var(--panel-border);border-radius:calc(var(--radius) + 3px);background:var(--panel);gap:2px;padding:4px;display:flex}.df-menu-trigger{border-color:#0000}.df-toolbar-btn,.df-swatch-btn{width:var(--hit);height:var(--hit);color:var(--icon);justify-content:center}.df-toolbar-btn[aria-expanded=true]{background:var(--button-hover);color:var(--icon-hover)}.df-toolbar-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}:where(.df-toolbar-btn[aria-pressed=true]) svg{stroke-width:2px}.df-menu{flex-direction:column;min-width:248px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.df-menu hr{margin:4px}.df-menu-item{gap:10px;height:34px;padding:0 10px}.df-menu-item:focus-visible{background:var(--button-hover)}.df-menu-item>svg{color:var(--icon)}.df-menu-item>.df-menu-check{color:var(--accent);margin-left:auto}.df-menu-label{justify-content:space-between;padding:4px 10px;display:flex}.df-menu-label-value{color:var(--text)}.df-swatches{gap:4px;padding:0 6px 4px;display:flex}.df-swatch-btn[aria-checked=true]{--ring:0 0 0 3px var(--panel), 0 0 0 4.5px var(--accent)}.df-swatch{background:var(--bg);width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000024, var(--ring,0 0 #0000);border-radius:50%;place-items:center;display:grid}.df-swatch-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}@media (hover:hover){.df-toolbar-btn:not([aria-pressed=true]):hover{background:var(--button-hover);color:var(--icon-hover)}.df-menu-item:hover,.df-swatch-btn:hover{background:var(--button-hover)}.df-danger-btn:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.df-editor{position:fixed;inset:0}.df-canvas{background:var(--bg);height:100%;display:flex;overflow:auto}.df-stage{flex-direction:column;gap:8px;margin:auto;display:flex}.df-page-size{gap:10px;display:flex}.df-page-size label{align-items:center;gap:5px;display:flex}.df-paper{border:1px solid var(--panel-border);background:#fff;position:relative;overflow:hidden}.df-element{color:#000;-webkit-user-select:none;user-select:none;touch-action:none;outline-offset:2px;padding:1px 2px;font-family:sans-serif;position:absolute}.df-element.is-selected{outline:1px solid var(--selection)}.df-element:focus-visible{outline:2px solid var(--selection)}.df-float-left,.df-float-top-center{top:var(--inset);z-index:1000;position:absolute}.df-float-left{left:var(--inset)}.df-float-top-center{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;display:flex;left:50%;transform:translate(-50%)}.df-float-top-center>.df-panel{pointer-events:auto}.df-props-panel{top:74px;left:var(--inset);z-index:999;flex-direction:column;gap:12px;width:224px;padding:12px;position:fixed}.df-field{flex-direction:column;gap:6px;display:flex}.df-input{border-radius:var(--radius);background:var(--field);width:100%;height:32px;color:var(--text);border:1px solid #0000;padding:0 10px;font-size:13px}.df-input:focus-within{border-color:var(--accent);background:var(--panel)}.df-page-size .df-input{width:48px;height:22px;font-size:inherit;border-radius:5px;padding:0 6px}.df-input-affix{color:var(--muted);align-items:center;gap:6px;display:flex}.df-input-affix input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:0}.df-danger-btn{height:32px;color:var(--danger);gap:8px;margin:-4px;padding:0 8px}.df-danger-btn:focus-visible{outline-color:var(--danger)}.df-kbd{color:var(--muted);margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}@media (width<=640px),(pointer:coarse){:root{--radius:9px;--hit:44px}.df-toolbar-btn svg{width:20px;height:20px}.df-menu-item{height:44px}.df-input{height:44px;font-size:16px}.df-page-size .df-input{width:60px;height:32px;font-size:16px}}@media (width<=640px){:root{--inset:8px}.df-float-top-center{top:auto;bottom:var(--inset);left:var(--inset);right:var(--inset);width:auto;transform:none}.df-props-panel{top:auto;bottom:70px;right:var(--inset);flex-direction:row;align-items:flex-end;gap:8px;width:auto;padding:10px}.df-field{gap:4px}.df-field-text{flex:1;min-width:0}.df-field-size{flex-shrink:0;width:84px}.df-hint,.df-props-panel hr,.df-danger-label,.df-kbd{display:none}.df-danger-btn{width:var(--hit);height:var(--hit);flex-shrink:0;justify-content:center;margin:0;padding:0}.df-danger-btn svg{width:20px;height:20px}}:root,.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f2;--panel:#fff;--panel-border:#e3e3df;--button-hover:#f0f0ed;--icon:#4a4a46;--icon-hover:#1b1b18;--text:#1b1b18;--muted:#6b6b65;--field:#0000000d;--accent:#3a5bd9;--accent-soft:#e7ebfa;--danger:#b93a2e;--selection:#3a5bd9}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141414;--panel:#1e1e1f;--panel-border:#2e2e30;--button-hover:#2a2a2c;--icon:#c8c8c4;--icon-hover:#fff;--text:#ececea;--muted:#9a9a95;--field:#ffffff0f;--accent:#9cb0ff;--accent-soft:#28304f;--danger:#ff8a80;--selection:#3a5bd9}.theme-solarized{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eee8d5;--panel:#fdf6e3;--panel-border:#d9d2bd;--button-hover:#f3ecd8;--icon:#4a5f66;--icon-hover:#073642;--text:#073642;--muted:#52676e;--field:#07364212;--accent:#1f73b0;--accent-soft:#e0e8e6;--danger:#b52a27;--selection:#1f73b0}.theme-neon{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e27;--panel:#131836;--panel-border:#2e3570;--button-hover:#1f2548;--icon:#d6d8f0;--icon-hover:#fff;--text:#fff;--muted:#9ea3d4;--field:#ffffff12;--accent:#ff4dff;--accent-soft:#3a1848;--danger:#ff6b8b;--selection:#c800c8}.debug-banner[data-astro-cid-wz6gwwrx]{z-index:1;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;right:16px}