.noo{display:inline-flex;position:relative}.noo>button.noo__trigger{width:56px;min-width:56px;height:56px;min-height:56px;color:inherit;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;gap:0;padding:0;line-height:1;display:inline-grid}.noo__trigger-icon{width:24px;height:24px;display:block}.noo__backdrop{z-index:70;backdrop-filter:blur(2px);background:#0e1c2d3d;position:fixed;inset:0}.noo__panel{left:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:71;box-sizing:border-box;background:linear-gradient(180deg, #f8fbfffa, #ecf3f9f5), var(--card,#f2f7fb);width:min(320px,100vw - 32px);color:var(--ink,#1e3a5f);border:1px solid #ffffffbd;border-radius:22px;padding:16px;position:fixed;box-shadow:0 18px 40px #0f1f312e,0 4px 12px #0f1f3114}.noo__header{justify-content:space-between;align-items:start;gap:12px;display:flex}.noo__title{margin:0;font-size:15px;font-weight:800;line-height:1.2}.noo button.noo__close{min-width:44px;min-height:32px;color:var(--ink,#1e3a5f);font:inherit;cursor:pointer;background:#1e3a5f1a;border:0;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.noo__body{color:var(--muted,#486581);margin:12px 0 0;font-size:13px;line-height:1.5}.noo__close:focus-visible,.noo__trigger:focus-visible{outline-offset:2px;outline:3px solid #3b82f66b}.noo__backdrop[hidden],.noo__panel[hidden]{display:none}@media (width<=480px){.noo__panel{bottom:calc(12px + env(safe-area-inset-bottom));width:min(320px,100vw - 24px);padding:14px}}.csw{gap:14px;display:grid}.csw__fieldset{border:0;margin:0;padding:0}.csw__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.csw__swatch{flex:none;width:48px;height:48px;position:relative}.csw__radio{appearance:none;background:linear-gradient(180deg, #ffffff42, #00000014), var(--swatch-color);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;border:2px solid #ffffffe6;border-radius:16px;width:48px;height:48px;margin:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:block;box-shadow:0 10px 18px #1e3a5f1f,inset 0 1px #ffffff59}.csw__radio:hover{transform:translateY(-1px)}.csw__radio:checked{box-shadow:0 0 0 3px #1e3a5f2e,0 12px 20px #1e3a5f29,inset 0 0 0 2px #ffffffb8}.csw__radio:focus-visible{outline-offset:3px;outline:3px solid #3b82f66b}.csw__lock{color:var(--swatch-lock-color,#fffffff2);pointer-events:none;text-shadow:0 2px 8px #1e3a5f59;place-items:center;display:grid;position:absolute;inset:0}.csw__lock-icon{filter:drop-shadow(0 1px 3px #1e3a5f59);width:16px;height:16px}.csw__help{flex:none;align-self:center;margin-inline-start:auto}.csw__help-toggle{width:28px;height:28px;color:var(--ink);cursor:pointer;user-select:none;background:#1e3a5f1a;border:0;border-radius:999px;place-items:center;padding:0;font-size:15px;font-weight:800;line-height:1;list-style:none;display:grid}.csw__help-toggle::-webkit-details-marker{display:none}.csw__help-toggle::marker{content:""}.csw__help-toggle:focus-visible{outline-offset:2px;outline:3px solid #3b82f66b}.csw__help[data-notification-overlay-open=true] .csw__help-toggle{background:#1e3a5f29}.csw__help-panel{width:min(320px,100vw - 32px)}.csw__help-panel .noo__body{color:var(--muted)}.csw__editor{background:#ffffffb8;border:1px solid #1e3a5f1f;border-radius:18px;gap:12px;padding:14px;display:grid}.csw__editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.csw__editor-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.csw__editor-title{color:var(--ink);margin:0;font-size:16px}.csw__editor-close{color:var(--ink);font:inherit;cursor:pointer;background:#1e3a5f1a;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.csw__editor-controls{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:12px;display:grid}.csw__field{gap:8px;display:grid}.csw__field-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.csw__picker{cursor:pointer;background:0 0;border:0;border-radius:14px;width:100%;min-height:52px;padding:0}.csw__picker::-webkit-color-swatch-wrapper{padding:0}.csw__picker::-webkit-color-swatch{border:2px solid #ffffffe6;border-radius:14px}.csw__picker::-moz-color-swatch{border:2px solid #ffffffe6;border-radius:14px}.csw__hex{width:100%;min-height:52px;color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;border:1px solid #1e3a5f24;border-radius:14px;padding:0 14px;font-weight:700}.csw__hex:focus-visible,.csw__picker:focus-visible,.csw__editor-close:focus-visible{outline-offset:2px;outline:3px solid #3b82f66b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.csw__editor-controls{grid-template-columns:1fr}.csw__help-panel{width:min(220px,100vw - 72px);left:0;right:auto}}.settings-gear-btn{width:38px;height:38px;box-shadow:var(--shadow-soft);color:var(--ink2);cursor:pointer;background:#f2f7fbdb;border:1px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.settings-gear-btn:hover{background:#fffffff2}.settings-gear-btn:active{transform:scale(.95)}.af-wrap{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.af-top{display:contents}.af-slot{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (width<=768px){.af-wrap{flex:none;min-height:auto}.af-slot{flex:none;min-height:auto;overflow:visible}}.tool-frame-actions[data-astro-cid-6g7agg5z]{justify-content:flex-start;align-items:center;gap:12px;display:flex}.tool-frame-actions[data-astro-cid-6g7agg5z] .tool-frame-title{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.1;overflow:hidden}