/*
 * Prism Window Manager (@prism-wm), base stylesheet
 * Copyright (C) 2023-2026 Banshee Technologies S.L.
 * Authors: Claudio González, Néstor González
 * https://www.banshee.pro/
 *
 * Extracted from HomeDock OS: https://github.com/BansheeTech/HomeDockOS
 *
 * @license AGPL-3.0-or-later
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 *//*
 * Prism Window Manager (@prism-wm), structural stylesheet
 * Copyright (C) 2023-2026 Banshee Technologies S.L.
 * Authors: Claudio González, Néstor González
 * https://www.banshee.pro/
 *
 * Extracted from HomeDock OS: https://github.com/BansheeTech/HomeDockOS
 *
 * @license AGPL-3.0-or-later
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */:root{--pwm-window-radius: 12px;--pwm-controls-reserve: 7rem;--pwm-manager-z: 100;--pwm-modal-z: 10000;--pwm-taskbar-height: 0px}.pwm-manager{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--pwm-manager-z)}.pwm-manager>*{pointer-events:auto}.pwm-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--pwm-modal-z)}.pwm-modal-layer>*{pointer-events:auto}.pwm-window{position:absolute;display:flex;flex-direction:column;border-radius:var(--pwm-window-radius);overflow:hidden;contain:layout style paint;transform-origin:bottom center}.pwm-window.pwm-opening,.pwm-window.pwm-restoring{animation:pwm-window-in .2s cubic-bezier(.4,0,.2,1)}@keyframes pwm-window-in{0%{opacity:0;transform:scale(.7) translateY(100px)}}.pwm-window.pwm-closing,.pwm-window.pwm-minimizing{animation:pwm-window-out .2s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes pwm-window-out{to{opacity:0;transform:scale(.3) translateY(200px)}}.pwm-window.pwm-dialog.pwm-opening{animation:pwm-dialog-in .2s ease-out}@keyframes pwm-dialog-in{0%{opacity:0}}.pwm-window.pwm-dialog.pwm-closing{animation:pwm-dialog-out .2s ease-in forwards}@keyframes pwm-dialog-out{to{opacity:0}}.pwm-window:not(.pwm-dragging):not(.pwm-resizing):not(.pwm-closing):not(.pwm-minimizing){transition:all .2s cubic-bezier(.4,0,.2,1)}.pwm-window.pwm-dragging,.pwm-window.pwm-resizing{transition:none!important;-webkit-user-select:none!important;user-select:none!important;backface-visibility:hidden;isolation:isolate}.pwm-window.pwm-dragging *,.pwm-window.pwm-resizing *{transition:none!important;-webkit-user-select:none!important;user-select:none!important}.pwm-manager:has(.pwm-dragging,.pwm-resizing) iframe,.pwm-modal-layer:has(.pwm-dragging,.pwm-resizing) iframe{pointer-events:none}.pwm-window.pwm-dragging:not([data-pwm-autoheight]) .pwm-window-body,.pwm-window.pwm-resizing:not([data-pwm-autoheight]) .pwm-window-body{contain:strict;content-visibility:auto}.pwm-window.pwm-unsnapping{transform-origin:0 0;will-change:transform;animation:pwm-unsnap .2s cubic-bezier(.4,0,.2,1)}@keyframes pwm-unsnap{0%{transform:var(--pwm-unsnap-from)}}.pwm-window.pwm-unsnapping .pwm-window-body{transform-origin:0 0;will-change:transform;animation:pwm-unsnap-content .2s cubic-bezier(.4,0,.2,1)}@keyframes pwm-unsnap-content{0%{transform:var(--pwm-unsnap-from-content)}}.pwm-window.pwm-maximized{border-radius:0}.pwm-window.pwm-fullscreen-mobile{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;border-radius:0!important;max-width:100vw!important}.pwm-window.pwm-dialog{max-width:calc(100% - 32px)}.pwm-window-header{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.pwm-window-header-draggable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:.5rem;padding:0 var(--pwm-controls-reserve) 0 .75rem;min-width:0;cursor:move;touch-action:none}.pwm-window.pwm-maximized .pwm-window-header-draggable,.pwm-window.pwm-fullscreen-mobile .pwm-window-header-draggable{cursor:default}.pwm-window-icon-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;flex-shrink:0}.pwm-window.pwm-cupertino .pwm-window-header{justify-content:flex-start;padding:.5rem .75rem}.pwm-window.pwm-cupertino .pwm-window-header-draggable{justify-content:center;padding:0 5.5rem}.pwm-window.pwm-cupertino .pwm-window-title{flex:0 1 auto}.pwm-window.pwm-cupertino .pwm-window-icon-container{width:18px;height:18px}.pwm-window.pwm-cupertino .pwm-window-control{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pwm-window.pwm-cupertino .pwm-window-controls{gap:.5rem;min-height:20px}.pwm-window.pwm-cupertino .pwm-window-control>*{width:10px;height:10px;opacity:0;transition:opacity .15s ease}.pwm-window.pwm-cupertino .pwm-window-control .pwm-fallback-icon{stroke-width:3}.pwm-window.pwm-cupertino .pwm-window-controls:hover .pwm-window-control>*,.pwm-window.pwm-cupertino .pwm-window-control:focus-visible>*{opacity:1}@media (prefers-reduced-motion: reduce){.pwm-window.pwm-cupertino .pwm-window-control>*{transition:none}}.pwm-window-title{flex:1;min-width:0;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwm-window-controls{display:flex;position:relative;z-index:1;min-height:28px;align-items:center;gap:.5rem;flex-shrink:0}.pwm-window-control{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-size:14px;line-height:1}.pwm-fallback-icon{width:14px;height:14px;flex-shrink:0}.pwm-fallback-icon[data-glyph=window]{width:16px;height:16px}.pwm-window-body{flex:1;overflow:auto;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;container-name:window}.pwm-window-slot{display:flex;flex-direction:column;min-height:100%}.pwm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;margin-top:auto}.pwm-dialog-footer-reversed{flex-direction:row-reverse;justify-content:flex-start}.pwm-dialog-btn{cursor:pointer;font:inherit}.pwm-dialog-btn:disabled{cursor:not-allowed}.pwm-dialog-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pwm-dialog-spin .6s linear infinite}@keyframes pwm-dialog-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pwm-dialog-spinner{animation:none}}.pwm-window-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pwm-loading-icon{width:64px;height:64px;animation:pwm-spin 1.5s linear infinite}@keyframes pwm-spin{to{transform:rotate(360deg)}}.pwm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;animation:pwm-scrim-in .2s ease-out}.pwm-scrim.pwm-scrim-closing{animation:pwm-scrim-out .2s ease-in forwards;pointer-events:none}@keyframes pwm-scrim-in{0%{opacity:0}}@keyframes pwm-scrim-out{to{opacity:0}}.pwm-window[data-pwm-autoheight]{height:auto!important;max-height:calc(100% - 2rem)}.pwm-window[data-pwm-blocked]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.pwm-window:not(.pwm-active) .pwm-window-body:has(iframe):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.pwm-resize-handle{position:absolute;z-index:10;touch-action:none}.pwm-resize-n,.pwm-resize-s{left:0;right:0;height:6px;cursor:ns-resize}.pwm-resize-n{top:0}.pwm-resize-s{bottom:0}.pwm-resize-e,.pwm-resize-w{top:0;bottom:0;width:6px;cursor:ew-resize}.pwm-resize-e{right:0}.pwm-resize-w{left:0}.pwm-resize-ne,.pwm-resize-nw,.pwm-resize-se,.pwm-resize-sw{width:12px;height:12px}.pwm-resize-ne{top:0;right:0;cursor:nesw-resize}.pwm-resize-nw{top:0;left:0;cursor:nwse-resize}.pwm-resize-se{bottom:0;right:0;cursor:nwse-resize}.pwm-resize-sw{bottom:0;left:0;cursor:nesw-resize}.pwm-snap-preview{position:fixed;top:0;width:50%;height:calc(100% - var(--pwm-taskbar-height));border-radius:var(--pwm-window-radius);pointer-events:none;z-index:99;animation:pwm-snap-in .2s ease}@keyframes pwm-snap-in{0%{opacity:0;transform:scale(.9)}}.pwm-snap-preview.pwm-snap-left{left:0;border-top-left-radius:0;border-bottom-left-radius:0}.pwm-snap-preview.pwm-snap-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}@media (max-width: 768px){.pwm-window-header{padding:.625rem .875rem}.pwm-window-control{width:36px;height:36px;font-size:16px}.pwm-fallback-icon{width:16px;height:16px}.pwm-window-title{font-size:.9375rem}}@media (prefers-reduced-motion: reduce){.pwm-window,.pwm-window.pwm-opening,.pwm-window.pwm-restoring,.pwm-window.pwm-closing,.pwm-window.pwm-minimizing,.pwm-window.pwm-dialog.pwm-opening,.pwm-window.pwm-dialog.pwm-closing,.pwm-scrim,.pwm-scrim.pwm-scrim-closing,.pwm-snap-preview,.pwm-window.pwm-unsnapping,.pwm-window.pwm-unsnapping .pwm-window-body,.pwm-loading-icon{animation:none}}/*
 * Prism Window Manager (@prism-wm), default theme
 * Copyright (C) 2023-2026 Banshee Technologies S.L.
 * Authors: Claudio González, Néstor González
 * https://www.banshee.pro/
 *
 * Extracted from HomeDock OS: https://github.com/BansheeTech/HomeDockOS
 *
 * @license AGPL-3.0-or-later
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <https://www.gnu.org/licenses/>.
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */:root{--pwm-window-bg: rgba(28, 28, 30, .72);--pwm-window-border: rgba(255, 255, 255, .08);--pwm-window-border-focused: rgba(59, 130, 246, .5);--pwm-window-shadow: 0 10px 40px rgba(0, 0, 0, .35);--pwm-window-shadow-active: 0 8px 32px rgba(59, 130, 246, .2), 0 0 0 1px rgba(59, 130, 246, .3);--pwm-window-blur: blur(40px) saturate(180%);--pwm-icon-bg: rgba(255, 255, 255, .06);--pwm-icon-bg-focused: rgba(255, 255, 255, .12);--pwm-titlebar-bg: rgba(255, 255, 255, .04);--pwm-titlebar-border: rgba(255, 255, 255, .06);--pwm-title-text: rgba(235, 235, 245, .6);--pwm-title-text-focused: rgba(255, 255, 255, .95);--pwm-button-text: rgba(235, 235, 245, .6);--pwm-button-text-hover: #fff;--pwm-button-bg-hover: rgba(59, 130, 246, .9);--pwm-minimize-bg-hover: rgba(255, 255, 255, .1);--pwm-close-bg-hover: rgba(239, 68, 68, .9);--pwm-close-text-hover: #fff;--pwm-snap-accent: rgba(59, 130, 246, .5);--pwm-snap-accent-pulse: rgba(59, 130, 246, .7);--pwm-snap-bg: rgba(59, 130, 246, .2);--pwm-snap-blur: blur(12px)}.pwm-window{background:var(--pwm-window-bg);border:1px solid var(--pwm-window-border);box-shadow:var(--pwm-window-shadow);backdrop-filter:var(--pwm-window-blur);-webkit-backdrop-filter:var(--pwm-window-blur)}.pwm-window.pwm-active{border-color:var(--pwm-window-border-focused);box-shadow:var(--pwm-window-shadow-active)}.pwm-window.pwm-maximized{border:none;box-shadow:none}.pwm-window.pwm-fullscreen-mobile{border:none!important}.pwm-window-header{background:var(--pwm-titlebar-bg);border-bottom:1px solid var(--pwm-titlebar-border)}.pwm-window-title{color:var(--pwm-title-text)}.pwm-window.pwm-active .pwm-window-title{color:var(--pwm-title-text-focused)}.pwm-window-icon-container{background:var(--pwm-icon-bg);color:var(--pwm-title-text)}.pwm-window.pwm-active .pwm-window-icon-container{background:var(--pwm-icon-bg-focused);color:var(--pwm-title-text-focused)}.pwm-window-control{color:var(--pwm-button-text)}.pwm-window:not(.pwm-cupertino) .pwm-window-control:hover{background:var(--pwm-button-bg-hover);color:var(--pwm-button-text-hover)}.pwm-window:not(.pwm-cupertino) .pwm-window-control.pwm-minimize:hover{background:var(--pwm-minimize-bg-hover)}.pwm-window:not(.pwm-cupertino) .pwm-window-control.pwm-close:hover{background:var(--pwm-close-bg-hover);color:var(--pwm-close-text-hover)}:root{--pwm-traffic-close: #ff5f57;--pwm-traffic-minimize: #febc2e;--pwm-traffic-maximize: #28c840;--pwm-traffic-inactive: #4a4a4a;--pwm-traffic-glyph: rgba(0, 0, 0, .75)}.pwm-window.pwm-cupertino .pwm-window-control{background:var(--pwm-traffic-inactive);color:var(--pwm-traffic-glyph)}.pwm-window.pwm-cupertino.pwm-active .pwm-window-control.pwm-close{background:var(--pwm-traffic-close)}.pwm-window.pwm-cupertino.pwm-active .pwm-window-control.pwm-minimize{background:var(--pwm-traffic-minimize)}.pwm-window.pwm-cupertino.pwm-active .pwm-window-control.pwm-maximize{background:var(--pwm-traffic-maximize)}:root{--pwm-scrim: rgba(0, 0, 0, .45);--pwm-scrim-blur: blur(2px)}.pwm-scrim,.pwm-window[data-pwm-blocked]:after{background:var(--pwm-scrim);backdrop-filter:var(--pwm-scrim-blur);-webkit-backdrop-filter:var(--pwm-scrim-blur)}.pwm-snap-preview{background:var(--pwm-snap-bg);backdrop-filter:var(--pwm-snap-blur);-webkit-backdrop-filter:var(--pwm-snap-blur);box-shadow:inset 0 0 0 2px var(--pwm-snap-accent);animation:pwm-snap-in .2s ease,pwm-snap-pulse 1.5s ease-in-out infinite}@keyframes pwm-snap-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--pwm-snap-accent)}50%{box-shadow:inset 0 0 0 2px var(--pwm-snap-accent-pulse)}}@media (prefers-reduced-motion: reduce){.pwm-snap-preview{animation:none}}:root{color-scheme:dark;--demo-bg: #0d0e11;--demo-text: rgba(236, 237, 242, .92);--demo-text-muted: rgba(236, 237, 242, .56);--demo-text-faint: rgba(236, 237, 242, .36);--demo-hairline: rgba(255, 255, 255, .08);--demo-surface: rgba(22, 23, 27, .78);--demo-control: rgba(255, 255, 255, .055);--demo-control-hover: rgba(255, 255, 255, .09);--demo-control-active: rgba(255, 255, 255, .04);--demo-control-border: rgba(255, 255, 255, .09);--demo-accent: #3b82f6;--demo-accent-hover: #4f8ff7;--demo-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", sans-serif;--demo-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}html,body{margin:0;height:100%}body{background-color:var(--demo-bg);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(148,163,184,.12),transparent 70%),radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:100% 100%,22px 22px;background-attachment:fixed;color:var(--demo-text);font-family:var(--demo-font);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:30px;padding:0 .75rem;border:1px solid var(--demo-control-border);border-radius:7px;background:var(--demo-control);box-shadow:inset 0 1px #ffffff0d;color:var(--demo-text);font:inherit;font-size:13px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.demo-btn:hover{background:var(--demo-control-hover);border-color:#ffffff21}.demo-btn:active{background:var(--demo-control-active);box-shadow:none}.demo-btn:focus-visible,.demo-seg button:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-btn.primary{border-color:#00000040;background:var(--demo-accent);box-shadow:inset 0 1px #ffffff2e;color:#fff}.demo-btn.primary:hover{background:var(--demo-accent-hover)}.demo-btn.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--demo-text-muted)}.demo-btn.ghost:hover{background:var(--demo-control);color:var(--demo-text)}.demo-bar{position:fixed;left:50%;bottom:10px;z-index:1000;transform:translate(-50%);display:flex;align-items:center;gap:.375rem;max-width:calc(100vw - 20px);height:44px;padding:0 7px;box-sizing:border-box;border:1px solid var(--demo-hairline);border-radius:12px;background:var(--demo-surface);box-shadow:inset 0 1px #ffffff0a,0 12px 32px #0006;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);overflow-x:auto;scrollbar-width:none}.demo-bar::-webkit-scrollbar{display:none}.demo-brand{display:flex;align-items:center;gap:.5rem;padding:0 .5rem 0 .375rem;flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:-.01em}.demo-mark{display:block;width:20px;height:20px;flex-shrink:0;object-fit:contain}.demo-pkg{color:var(--demo-text);font-family:var(--demo-mono);font-size:12.5px;font-weight:500;letter-spacing:0;white-space:nowrap}.demo-scope{color:var(--demo-text-muted)}.demo-sep{width:1px;height:20px;margin:0 .25rem;flex-shrink:0;background:var(--demo-hairline)}.demo-dock-item{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;height:30px;max-width:170px;padding:0 .7rem 0 .6rem;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--demo-text-muted);font:inherit;font-size:12.5px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.demo-dock-item:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--demo-text-faint)}.demo-dock-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-dock-item:hover{background:var(--demo-control-hover);color:var(--demo-text)}.demo-dock-item:hover:before{background:var(--demo-accent)}.demo-dock-item:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-info{position:fixed;right:10px;bottom:10px;z-index:1000;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--demo-hairline);border-radius:12px;background:var(--demo-surface);box-shadow:inset 0 1px #ffffff0a,0 12px 32px #0006;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);color:var(--demo-text-muted);cursor:pointer;transition:color .12s ease}.demo-info svg{width:20px;height:20px}.demo-info:hover{color:var(--demo-text)}.demo-info:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}@media (min-width: 769px){.demo-bar{max-width:calc(100vw - 128px)}}@media (max-width: 768px){.demo-bar{left:10px;right:62px;transform:none}.demo-pkg{display:none}}.demo-body{display:flex;flex-direction:column;gap:1rem;padding:1.125rem 1.25rem 1.25rem;color:var(--demo-text);font-size:13.5px;line-height:1.5}.demo-body h3{margin:0 0 .2rem;font-size:15px;font-weight:600;letter-spacing:-.01em}.demo-body p{margin:0;color:var(--demo-text-muted)}.demo-label{margin:0 0 .5rem;color:var(--demo-text-faint);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.demo-ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.demo-answer{display:inline-flex;align-items:center;gap:.35rem;margin-left:.25rem;color:var(--demo-text-muted);font-size:12.5px}.demo-answer code{padding:1px 6px;border-radius:4px;background:#3b82f629;color:#bfdbfe;font-family:var(--demo-mono);font-size:11.5px}.demo-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem;margin:0;padding:.875rem 0 0;border-top:1px solid var(--demo-hairline);list-style:none;color:var(--demo-text-faint);font-size:12px}.demo-hints b{color:var(--demo-text-muted);font-weight:500}@container window (max-width: 380px){.demo-hints{grid-template-columns:1fr}}.demo-confirm{display:flex;flex-direction:column;gap:1.25rem;padding:1.125rem 1.25rem 1rem;color:var(--demo-text)}.demo-confirm p{margin:0;color:var(--demo-text-muted);font-size:13.5px;line-height:1.5}.demo-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.demo-confirm-actions .ghost{margin-right:auto}.demo-seg{display:inline-flex;flex-shrink:0;padding:2px;border:1px solid var(--demo-control-border);border-radius:8px;background:#00000040}.demo-seg button{height:26px;padding:0 .65rem;border:none;border-radius:6px;background:transparent;color:var(--demo-text-muted);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background-color .12s ease,color .12s ease}.demo-seg button:hover{color:var(--demo-text)}.demo-seg button[aria-pressed=true]{background:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000004d;color:var(--demo-text)}.heavy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px;padding:10px;color:var(--demo-text);font-size:12px}.heavy-cell{display:flex;gap:.6rem;align-items:baseline;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:#ffffff06;min-width:0}.heavy-cell span:first-child,.heavy-cell span:last-child{color:var(--demo-text-faint);font-family:var(--demo-mono);font-size:11px;font-variant-numeric:tabular-nums}.heavy-cell span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container window (max-width: 560px){.heavy-grid{grid-template-columns:1fr}.heavy-cell{padding:.3rem .45rem}}.demo-about{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1.375rem 1.5rem;color:var(--demo-text);font-size:13.5px;line-height:1.55}.demo-about p{margin:0;color:var(--demo-text-muted)}.demo-about strong{color:var(--demo-text);font-weight:600}.demo-about a{color:#93c5fd;text-decoration:none}.demo-about a:hover{text-decoration:underline}.demo-about code{padding:1px 6px;border-radius:4px;background:#ffffff12;color:var(--demo-text);font-family:var(--demo-mono);font-size:11.5px;white-space:nowrap}.demo-about-head{display:flex;align-items:center;gap:.875rem}.demo-about-head img{width:44px;height:44px;flex-shrink:0;object-fit:contain}.demo-about-head h3{margin:0 0 .125rem;font-size:16px;font-weight:600;letter-spacing:-.01em}.demo-about-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;padding-left:1.1rem;color:var(--demo-text-muted)}.demo-about-list li::marker{color:var(--demo-text-faint)}.demo-about-link{font-size:13px;font-weight:500}.demo-callout{display:flex;flex-direction:column;gap:.2rem;padding:.875rem 1rem;border:1px solid rgba(59,130,246,.35);border-radius:10px;background:#3b82f61a}.demo-callout span{color:var(--demo-text-muted)}.demo-callout a{margin-top:.25rem;font-family:var(--demo-mono);font-size:13px;font-weight:500}.demo-about-meta{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;padding-top:1rem;border-top:1px solid var(--demo-hairline);font-size:12.5px}.demo-about-meta dt{color:var(--demo-text-faint)}.demo-about-meta dd{margin:0;color:var(--demo-text-muted)}