:root{--font-mono:"Adwaita Mono", "Source Code Pro", monospace;--font-main:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:13.5px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--radius-window:16px;--radius-control:8px;--radius-pill:999px;--radius-card:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--header-max-width:1366px;--transition-fast:.18s;--transition-normal:.28s;--transition-slow:.45s;--ease-gnome:cubic-bezier(.25, .8, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--blur-subtle:blur(12px) saturate(140%);--blur-effect:blur(40px) saturate(160%);--blur-heavy:blur(50px) saturate(180%);--cursor-default:url(/cursors/default.svg) 4 4, default;--cursor-pointer:url(/cursors/pointer.svg) 16 4, pointer;--cursor-text:url(/cursors/text.svg) 16 15, text;--cursor-grab:url(/cursors/openhand.svg) 16 16, grab;--cursor-grabbing:url(/cursors/dnd-move.svg) 16 16, grabbing;--cursor-not-allowed:url(/cursors/not-allowed.svg) 16 15, not-allowed;--cursor-crosshair:url(/cursors/crosshair.svg) 17 17, crosshair;--cursor-help:url(/cursors/help.svg) 4 4, help;--cursor-move:url(/cursors/all-scroll.svg) 15 15, move;--cursor-col-resize:url(/cursors/col-resize.svg) 16 15, col-resize;--cursor-row-resize:url(/cursors/row-resize.svg) 16 15, row-resize;--cursor-ew-resize:url(/cursors/size_hor.svg) 16 15, ew-resize;--cursor-ns-resize:url(/cursors/size_ver.svg) 16 15, ns-resize;--cursor-nwse-resize:url(/cursors/size_bdiag.svg) 16 15, nwse-resize;--cursor-nesw-resize:url(/cursors/size_fdiag.svg) 16 15, nesw-resize;--cursor-zoom-in:url(/cursors/zoom-in.svg) 15 15, zoom-in;--cursor-zoom-out:url(/cursors/zoom-out.svg) 15 15, zoom-out;--cursor-context-menu:url(/cursors/context-menu.svg) 4 4, context-menu;--cursor-progress:url(/cursors/progress-01.svg) 4 4, progress;--cursor-wait:url(/cursors/wait-01.svg) 16 15, wait;--cursor-copy:url(/cursors/copy.svg) 16 4, copy;--cursor-alias:url(/cursors/alias.svg) 16 4, alias;--cursor-cell:url(/cursors/cell.svg) 16 16, cell;--cursor-color-picker:url(/cursors/color-picker.svg) 4 16, crosshair;--cursor-pencil:url(/cursors/pencil.svg) 4 16, crosshair;--cursor-vertical-text:url(/cursors/vertical-text.svg) 16 15, vertical-text;--cursor-dnd-no-drop:url(/cursors/dnd-no-drop.svg) 16 15, no-drop;--gnome-bg:#1e1e1e;--gnome-surface:#2d2d2d73;--gnome-surface-solid:#242424;--gnome-header:#242424d9;--gnome-card:#ffffff0d;--gnome-hover:#ffffff1f;--gnome-active:#ffffff2e;--gnome-subtle:#ffffff08;--gnome-input:#ffffff14;--gnome-input-hover:#ffffff24;--gnome-input-focus:#ffffff29;--select-chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233584e4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--gnome-border:#ffffff1f;--gnome-border-subtle:#ffffff12;--gnome-border-focus:#3584e499;--text-main:#fff;--text-secondary:#9a9996;--text-muted:#777;--text-off:#ffffff40;--text-inverse:#1e1e1e;--accent:#3584e4;--accent-hover:#4791eb;--accent-active:#1c71d8;--accent-shadow:#3584e459;--accent-subtle:#3584e426;--gnome-success:#2ec27e;--gnome-error:#ed333b;--gnome-info:#3584e4;--gnome-warn:#f8e45c;--gnome-success-bg:#2ec27e2e;--gnome-error-bg:#ed333b2e;--gnome-info-bg:#3584e42e;--gnome-warn-bg:#f8e45c2e;--shadow-deep:0 20px 50px #0000008c;--shadow-popup:0 16px 40px #000000a6, inset 0 1px #ffffff1a;--shadow-control:0 4px 12px #00000040, inset 0 1px #ffffff14;--wallpaper:radial-gradient(circle at top left, #3584e473, transparent 45%), radial-gradient(circle at bottom right, #9141ac73, transparent 45%), #1e1e1e;--wallpaper-bg-color:#1e1e1e;--dp-surface-bg:#1e1e22e0;--dp-surface-blur-bg:#1c1c22a6;--dp-text-main:var(--text-main);--dp-text-secondary:var(--text-secondary);--dp-border:var(--gnome-border);--dp-shadow:var(--shadow-popup);--radial-bg:#1e1e1eeb;--radial-blur-bg:#1e1e1ebf;--radial-segment-bg:#2d2d2db3;--radial-text:#fff;--radial-border:#ffffff1f;--code-bg:#0e121ad9;--code-border:#ffffff1a;--code-text:#e6edf3;--code-kw:#ff7b72;--code-dec:#d2a8ff;--code-fn:#79c0ff;--code-typ:#ffa657;--code-str:#a5d6ff;--code-num:#79c0ff;--code-cmt:#8b949e;--code-tag:#7ee787;--code-attr:#79c0ff;--code-expr:#ffa657}html,body,html[data-theme=dark],body[data-theme=dark],[data-theme=dark]{--gnome-bg:#1e1e1e;--gnome-surface:#2d2d2d73;--gnome-surface-solid:#242424;--gnome-header:#242424d9;--gnome-card:#ffffff0d;--gnome-hover:#ffffff1f;--gnome-active:#ffffff2e;--gnome-subtle:#ffffff08;--gnome-input:#ffffff14;--gnome-input-hover:#ffffff24;--gnome-input-focus:#ffffff29;--select-chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233584e4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--gnome-border:#ffffff1f;--gnome-border-subtle:#ffffff12;--gnome-border-focus:#3584e499;--text-main:#fff;--text-secondary:#9a9996;--text-muted:#777;--text-off:#ffffff40;--text-inverse:#1e1e1e;--accent:#3584e4;--accent-hover:#4791eb;--accent-active:#1c71d8;--accent-shadow:#3584e459;--accent-subtle:#3584e426;--gnome-success:#2ec27e;--gnome-error:#ed333b;--gnome-info:#3584e4;--gnome-warn:#f8e45c;--gnome-success-bg:#2ec27e2e;--gnome-error-bg:#ed333b2e;--gnome-info-bg:#3584e42e;--gnome-warn-bg:#f8e45c2e;--shadow-deep:0 20px 50px #0000008c;--shadow-popup:0 16px 40px #000000a6, inset 0 1px #ffffff1a;--shadow-control:0 4px 12px #00000040, inset 0 1px #ffffff14;--wallpaper:radial-gradient(circle at top left, #3584e473, transparent 45%), radial-gradient(circle at bottom right, #9141ac73, transparent 45%), #1e1e1e;--wallpaper-bg-color:#1e1e1e;--dp-surface-bg:#1e1e22e0;--dp-surface-blur-bg:#1c1c22a6;--dp-text-main:var(--text-main);--dp-text-secondary:var(--text-secondary);--dp-border:var(--gnome-border);--dp-shadow:var(--shadow-popup);--radial-bg:#1e1e1eeb;--radial-blur-bg:#1e1e1ebf;--radial-segment-bg:#2d2d2db3;--radial-text:#fff;--radial-border:#ffffff1f;--code-bg:#0e121ad9;--code-border:#ffffff1a;--code-text:#e6edf3;--code-kw:#ff7b72;--code-dec:#d2a8ff;--code-fn:#79c0ff;--code-typ:#ffa657;--code-str:#a5d6ff;--code-num:#79c0ff;--code-cmt:#8b949e;--code-tag:#7ee787;--code-attr:#79c0ff;--code-expr:#ffa657;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light],body[data-theme=light],[data-theme=light]{--gnome-bg:#f6f5f4;--gnome-surface:#ffffffbf;--gnome-surface-solid:#fff;--gnome-header:#ffffffe0;--gnome-card:#00000009;--gnome-hover:#0000000f;--gnome-active:#0000001a;--gnome-subtle:#00000005;--gnome-input:#0000000d;--gnome-input-hover:#00000014;--gnome-input-focus:#fffffff2;--select-chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231c71d8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--gnome-border:#0000001f;--gnome-border-subtle:#0000000f;--gnome-border-focus:#1c71d8b3;--text-main:#1c1c1c;--text-secondary:#5e5c64;--text-muted:#8a8886;--text-off:#00000059;--text-inverse:#fff;--accent:#1c71d8;--accent-hover:#3584e4;--accent-active:#1a5fb4;--accent-shadow:#1c71d847;--accent-subtle:#1c71d81f;--gnome-success:#26a269;--gnome-error:#c01c28;--gnome-info:#1c71d8;--gnome-warn:#cd9309;--gnome-success-bg:#26a26926;--gnome-error-bg:#c01c2826;--gnome-info-bg:#1c71d826;--gnome-warn-bg:#cd930926;--shadow-deep:0 16px 40px #00000014, 0 2px 6px #0000000a;--shadow-popup:0 16px 40px #00000029, 0 2px 10px #0000000f, inset 0 1px #fffc;--shadow-control:0 2px 6px #0000000f, inset 0 1px #fff9;--wallpaper:radial-gradient(circle at top left, #3584e438, transparent 45%), radial-gradient(circle at bottom right, #9141ac38, transparent 45%), #f6f5f4;--wallpaper-bg-color:#f6f5f4;--dp-surface-bg:#ffffffe0;--dp-surface-blur-bg:#ffffffa6;--dp-text-main:var(--text-main);--dp-text-secondary:var(--text-secondary);--dp-border:var(--gnome-border);--dp-shadow:var(--shadow-popup);--radial-bg:#fffffff0;--radial-blur-bg:#ffffffd1;--radial-segment-bg:#f0f0f0d9;--radial-text:#1c1c1c;--radial-border:#0000001f;--code-bg:#f6f8fa;--code-border:#0000001f;--code-text:#24292f;--code-kw:#cf222e;--code-dec:#8250df;--code-fn:#0550ae;--code-typ:#953800;--code-str:#0a3069;--code-num:#0550ae;--code-cmt:#6e7781;--code-tag:#116329;--code-attr:#0550ae;--code-expr:#953800;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Adwaita Mono;src:url(/assets/AdwaitaMono-Regular-wsVtlayZ.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{cursor:inherit}html{background-color:var(--wallpaper-bg-color,#1e1e1e);min-height:100%;transition:background-color var(--transition-normal) ease;cursor:var(--cursor-default);margin:0;padding:0}body{box-sizing:border-box;background:var(--wallpaper);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--wallpaper-bg-color,#1e1e1e);min-height:100vh;color:var(--text-main);font-family:var(--font-main);transition:background-color var(--transition-normal) ease, color var(--transition-normal) ease;cursor:var(--cursor-default);margin:0;padding:7px;position:relative}a,button,[role=button],input[type=button],input[type=submit],input[type=reset],select,summary,label[for],.clickable,.button-base,.button-danger,.button-cancel,.button-primary,.button-secondary,.button-error,.editor-tab,.action-btn,.theme-toggle-btn,.toast-close-btn,.delete-btn{cursor:var(--cursor-pointer)}input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],input[type=url],input[type=tel],textarea,.input-primary,[contenteditable=true],code,pre{cursor:var(--cursor-text)}:disabled,[disabled],.disabled,[aria-disabled=true]{cursor:var(--cursor-not-allowed)!important}[draggable=true],.draggable,.draggable-target,.drag-handle{cursor:var(--cursor-grab)}.is-dragging,.dragging,.p-dragging{cursor:var(--cursor-grabbing)!important}html.http-loading,body.http-loading,.http-loading,.is-loading,[data-loading=true],.loading,.loader-inline-root.visible,html.http-loading *,body.http-loading *,.http-loading *,.is-loading *,[data-loading=true] *,.loading *,.loader-inline-root.visible *{cursor:var(--cursor-progress)!important}.label-base,.warn,.info,.error,.success{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background-image:linear-gradient(#fff3 0%,#ffffff0d 50%,#0000 100%);border:1px solid #00000026;align-items:center;padding:2px 12px;font-size:11px;font-weight:800;line-height:1.4;display:inline-flex}.success{background-color:var(--gnome-success);color:#fff;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #2ec27e4d}.error{color:#fff;background-color:var(--gnome-error);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #ed333b4d}.info{color:#fff;background-color:var(--gnome-info);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #3584e44d}.warn{color:#000000d9;background-color:var(--gnome-warn);box-shadow:inset 0 1px #ffffff80,0 2px 6px #f8e45c4d}.window-base,.window{margin:var(--spacing-lg)}.window{background:var(--gnome-surface);-webkit-backdrop-filter:var(--blur-effect);border:1px solid var(--gnome-border);border-radius:var(--radius-window);box-shadow:var(--shadow-deep);color:var(--text-main);font-family:var(--font-main);transition:background-color var(--transition-normal) ease, border-color var(--transition-normal) ease, box-shadow var(--transition-normal) ease;flex-direction:column;padding:10px;display:flex;overflow:hidden}.button-base,.button-error,.button-danger,.button-cancel,.button-secondary,.button-primary{margin:var(--spacing-sm)}.button-primary{background-color:var(--accent);color:#fff;font-family:var(--font-main);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-control);box-shadow:var(--shadow-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);background-image:linear-gradient(#ffffff26,#0000);border:1px solid #00000026;outline:none;padding:10px 20px}.button-primary:hover:not(:disabled):not(.disabled){background-color:var(--accent-hover);box-shadow:0 4px 14px var(--accent-shadow), inset 0 1px #ffffff40;transform:translateY(-1px)}.button-primary:active:not(:disabled):not(.disabled){background-color:var(--accent-active);transform:translateY(0);box-shadow:inset 0 2px 4px #00000040}.button-primary:focus-visible{box-shadow:0 0 0 3px var(--accent-shadow);border-color:var(--accent)}.button-primary:disabled,.button-primary.disabled{opacity:.45;pointer-events:none;cursor:var(--cursor-not-allowed)!important;box-shadow:none!important;transform:none!important}.button-secondary{background-color:var(--gnome-card);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);color:var(--text-main);font-family:var(--font-main);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);outline:none;padding:10px 20px}.button-secondary:hover:not(:disabled):not(.disabled){background-color:var(--gnome-hover);border-color:var(--gnome-border-focus);transform:translateY(-1px)}.button-secondary:active:not(:disabled):not(.disabled){background-color:var(--gnome-active);transform:translateY(0)}.button-secondary:focus-visible{box-shadow:0 0 0 3px var(--accent-shadow);border-color:var(--accent)}.button-secondary:disabled,.button-secondary.disabled{opacity:.45;pointer-events:none;cursor:var(--cursor-not-allowed)!important;box-shadow:none!important;transform:none!important}.button-error,.button-danger,.button-cancel{background-color:var(--gnome-error);color:#fff;font-family:var(--font-main);font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);background-image:linear-gradient(#ffffff26,#0000);border:1px solid #0003;outline:none;padding:10px 20px;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #ed333b59}.button-error:hover:not(:disabled):not(.disabled),.button-danger:hover:not(:disabled):not(.disabled),.button-cancel:hover:not(:disabled):not(.disabled){background-color:#e01b24;transform:translateY(-1px);box-shadow:0 4px 14px #ed333b66,inset 0 1px #fff6}.button-error:active:not(:disabled):not(.disabled),.button-danger:active:not(:disabled):not(.disabled),.button-cancel:active:not(:disabled):not(.disabled){background-color:#c01c28;transform:translateY(0);box-shadow:inset 0 2px 4px #0000004d}.button-error:focus-visible,.button-danger:focus-visible,.button-cancel:focus-visible{box-shadow:0 0 0 3px #ed333b66}.button-error:disabled,.button-error.disabled,.button-danger:disabled,.button-danger.disabled,.button-cancel:disabled,.button-cancel.disabled{opacity:.45;pointer-events:none;cursor:var(--cursor-not-allowed)!important;box-shadow:none!important;transform:none!important}.button-group{flex-direction:row;align-items:center;display:flex}.base-input,select,.select-primary,.input-primary{margin:var(--spacing-sm)}.input-primary{background-color:var(--gnome-input);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);border-radius:var(--radius-control);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-sm);transition:all var(--transition-fast) ease;outline:none;padding:10px 16px;box-shadow:inset 0 1px 2px #0000001a}.input-primary::placeholder{color:var(--text-secondary);opacity:.65}.input-primary:hover{background-color:var(--gnome-input-hover);border-color:var(--gnome-border)}.input-primary:focus{background-color:var(--gnome-input-focus);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}select,.select-primary{background-color:var(--gnome-input);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);border-radius:var(--radius-control);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-sm);box-shadow:inset 0 1px 2px #0000001a, var(--shadow-control);transition:all var(--transition-fast) var(--ease-gnome);cursor:var(--cursor-pointer);appearance:none;background-image:var(--select-chevron-icon);background-position:right 12px center;background-repeat:no-repeat;background-size:14px;outline:none;align-items:center;padding:10px 38px 10px 14px;font-weight:500;display:inline-flex}select:hover:not(:disabled),.select-primary:hover:not(:disabled){background-color:var(--gnome-input-hover);border-color:var(--gnome-border-focus);transform:translateY(-1px)}select:focus,.select-primary:focus{background-color:var(--gnome-input-focus);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow);transform:translateY(0)}select:active:not(:disabled),.select-primary:active:not(:disabled){background-color:var(--gnome-active);transform:translateY(0)}select:disabled,select.disabled,.select-primary:disabled,.select-primary.disabled{opacity:.45;pointer-events:none;cursor:var(--cursor-not-allowed)!important;box-shadow:none!important;transform:none!important}select option,select optgroup,.select-primary option,.select-primary optgroup{background-color:var(--gnome-surface-solid,#242424);color:var(--text-main,#fff);font-family:var(--font-main);font-size:var(--font-size-sm);padding:8px 12px}.select-wrapper{align-items:center;max-width:100%;display:inline-flex;position:relative}.input-primary.error,.input-primary.is-invalid,select.error,select.is-invalid,.select-primary.error,.select-primary.is-invalid,.is-invalid{border-color:var(--gnome-error)!important;box-shadow:0 0 0 3px var(--gnome-error-bg)!important}.input-primary.is-valid,select.is-valid,.select-primary.is-valid,.is-valid{border-color:var(--gnome-success)!important;box-shadow:0 0 0 3px var(--gnome-success-bg)!important}[data-theme=light] select option,[data-theme=light] select optgroup,[data-theme=light] .select-primary option,[data-theme=light] .select-primary optgroup{color:#1c1c1c;background-color:#fff}.mono-text{font-family:var(--font-mono);color:var(--accent);font-size:1.05rem;font-weight:400}.flex-vertical{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-vertical>*{margin:var(--spacing-sm)}.flex-horizontal{flex-direction:row;justify-content:center;align-items:center;display:flex}.flex-horizontal>*{margin:var(--spacing-sm)}h1,h2,h3,h4,h5,h6{margin:var(--spacing-md) var(--spacing-xl);color:var(--text-main)}dropdown,[dropdown],.p-dropdown{vertical-align:middle;max-width:100%;font-family:var(--font-main);-webkit-user-select:none;user-select:none;display:inline-block;position:relative}dropdown .dropdown-trigger,[dropdown] .dropdown-trigger,.p-dropdown .dropdown-trigger{border-radius:var(--radius-control,8px);border:1px solid var(--gnome-border);background-color:var(--gnome-input);width:100%;min-width:150px;-webkit-backdrop-filter:var(--blur-subtle);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-sm,13.5px);cursor:var(--cursor-pointer);box-shadow:inset 0 1px 2px #0000001a, var(--shadow-control);transition:all var(--transition-fast) var(--ease-gnome);box-sizing:border-box;outline:none;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:9px 14px;font-weight:600;display:inline-flex}dropdown .dropdown-trigger .dropdown-label,[dropdown] .dropdown-trigger .dropdown-label,.p-dropdown .dropdown-trigger .dropdown-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;align-items:center;gap:8px;display:inline-flex;overflow:hidden}dropdown .dropdown-trigger .dropdown-chevron,[dropdown] .dropdown-trigger .dropdown-chevron,.p-dropdown .dropdown-trigger .dropdown-chevron{color:var(--accent);transition:transform var(--transition-fast) var(--ease-gnome);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}dropdown .dropdown-trigger .dropdown-chevron svg,[dropdown] .dropdown-trigger .dropdown-chevron svg,.p-dropdown .dropdown-trigger .dropdown-chevron svg{display:block}dropdown .dropdown-trigger:hover:not(:disabled),[dropdown] .dropdown-trigger:hover:not(:disabled),.p-dropdown .dropdown-trigger:hover:not(:disabled){background-color:var(--gnome-input-hover);border-color:var(--gnome-border-focus);transform:translateY(-1px)}dropdown .dropdown-trigger:focus-visible,[dropdown] .dropdown-trigger:focus-visible,.p-dropdown .dropdown-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}dropdown .dropdown-trigger:disabled,dropdown .dropdown-trigger.disabled,[dropdown] .dropdown-trigger:disabled,[dropdown] .dropdown-trigger.disabled,.p-dropdown .dropdown-trigger:disabled,.p-dropdown .dropdown-trigger.disabled{opacity:.45;pointer-events:none;cursor:var(--cursor-not-allowed)!important;box-shadow:none!important;transform:none!important}dropdown.dropdown-open .dropdown-trigger,dropdown.p-dropdown--open .dropdown-trigger,[dropdown].dropdown-open .dropdown-trigger,[dropdown].p-dropdown--open .dropdown-trigger,.p-dropdown.dropdown-open .dropdown-trigger,.p-dropdown.p-dropdown--open .dropdown-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow);transform:translateY(0)}dropdown.dropdown-open .dropdown-trigger .dropdown-chevron,dropdown.p-dropdown--open .dropdown-trigger .dropdown-chevron,[dropdown].dropdown-open .dropdown-trigger .dropdown-chevron,[dropdown].p-dropdown--open .dropdown-trigger .dropdown-chevron,.p-dropdown.dropdown-open .dropdown-trigger .dropdown-chevron,.p-dropdown.p-dropdown--open .dropdown-trigger .dropdown-chevron{transform:rotate(180deg)}.p-dropdown-body,.dropdown-body{z-index:10000;box-sizing:border-box;background:var(--gnome-surface-solid,#242424);background:var(--gnome-surface);width:max-content;max-width:min(380px,100vw - 20px);max-height:320px;-webkit-backdrop-filter:var(--blur-effect);border:1px solid var(--gnome-border);border-radius:var(--radius-card,12px);box-shadow:var(--shadow-popup);color:var(--text-main);font-family:var(--font-main);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;transition:opacity var(--transition-fast) var(--ease-gnome), transform var(--transition-fast) var(--ease-gnome), visibility var(--transition-fast);padding:6px;position:fixed;overflow:hidden auto;transform:translateY(-6px)scale(.98)}.p-dropdown-body::-webkit-scrollbar{width:5px;height:5px}.dropdown-body::-webkit-scrollbar{width:5px;height:5px}.p-dropdown-body::-webkit-scrollbar-track{background:0 0}.dropdown-body::-webkit-scrollbar-track{background:0 0}.p-dropdown-body::-webkit-scrollbar-thumb{background:var(--gnome-border);border-radius:999px}.dropdown-body::-webkit-scrollbar-thumb{background:var(--gnome-border);border-radius:999px}.p-dropdown-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dropdown-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.p-dropdown-body.is-open,.dropdown-body.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.p-dropdown-body.placement-top,.dropdown-body.placement-top{transform-origin:bottom;transform:translateY(6px)scale(.98)}.p-dropdown-body.placement-top.is-open,.dropdown-body.placement-top.is-open{transform:translateY(0)scale(1)}.p-dropdown-body ul,.p-dropdown-body ol,.dropdown-body ul,.dropdown-body ol{box-sizing:border-box;flex-direction:column;gap:2px;width:100%;margin:0;padding:0;list-style:none;display:flex}.p-dropdown-body li,.p-dropdown-body a,.p-dropdown-body button.dropdown-item,.p-dropdown-body .dropdown-item,.dropdown-body li,.dropdown-body a,.dropdown-body button.dropdown-item,.dropdown-body .dropdown-item{border-radius:var(--radius-control,8px);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-sm,13.5px);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;margin:0;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.p-dropdown-body li:hover:not(:disabled):not(.disabled),.p-dropdown-body a:hover:not(:disabled):not(.disabled),.p-dropdown-body button.dropdown-item:hover:not(:disabled):not(.disabled),.p-dropdown-body .dropdown-item:hover:not(:disabled):not(.disabled),.dropdown-body li:hover:not(:disabled):not(.disabled),.dropdown-body a:hover:not(:disabled):not(.disabled),.dropdown-body button.dropdown-item:hover:not(:disabled):not(.disabled),.dropdown-body .dropdown-item:hover:not(:disabled):not(.disabled){background:var(--gnome-hover);color:var(--text-main);transform:translate(2px)}.p-dropdown-body li:active:not(:disabled):not(.disabled),.p-dropdown-body a:active:not(:disabled):not(.disabled),.p-dropdown-body button.dropdown-item:active:not(:disabled):not(.disabled),.p-dropdown-body .dropdown-item:active:not(:disabled):not(.disabled),.dropdown-body li:active:not(:disabled):not(.disabled),.dropdown-body a:active:not(:disabled):not(.disabled),.dropdown-body button.dropdown-item:active:not(:disabled):not(.disabled),.dropdown-body .dropdown-item:active:not(:disabled):not(.disabled){background:var(--gnome-active);transform:translate(0)}.p-dropdown-body li.is-selected,.p-dropdown-body li.active,.p-dropdown-body a.is-selected,.p-dropdown-body a.active,.p-dropdown-body button.dropdown-item.is-selected,.p-dropdown-body button.dropdown-item.active,.p-dropdown-body .dropdown-item.is-selected,.p-dropdown-body .dropdown-item.active,.dropdown-body li.is-selected,.dropdown-body li.active,.dropdown-body a.is-selected,.dropdown-body a.active,.dropdown-body button.dropdown-item.is-selected,.dropdown-body button.dropdown-item.active,.dropdown-body .dropdown-item.is-selected,.dropdown-body .dropdown-item.active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-shadow);font-weight:600}.p-dropdown-body li:disabled,.p-dropdown-body li.disabled,.p-dropdown-body a:disabled,.p-dropdown-body a.disabled,.p-dropdown-body button.dropdown-item:disabled,.p-dropdown-body button.dropdown-item.disabled,.p-dropdown-body .dropdown-item:disabled,.p-dropdown-body .dropdown-item.disabled,.dropdown-body li:disabled,.dropdown-body li.disabled,.dropdown-body a:disabled,.dropdown-body a.disabled,.dropdown-body button.dropdown-item:disabled,.dropdown-body button.dropdown-item.disabled,.dropdown-body .dropdown-item:disabled,.dropdown-body .dropdown-item.disabled{opacity:.4;pointer-events:none;cursor:var(--cursor-not-allowed)!important}.p-dropdown-body li .item-icon,.p-dropdown-body a .item-icon,.p-dropdown-body button.dropdown-item .item-icon,.p-dropdown-body .dropdown-item .item-icon,.dropdown-body li .item-icon,.dropdown-body a .item-icon,.dropdown-body button.dropdown-item .item-icon,.dropdown-body .dropdown-item .item-icon{flex-shrink:0;font-size:1.1em;line-height:1}.p-dropdown-body li .item-text,.p-dropdown-body a .item-text,.p-dropdown-body button.dropdown-item .item-text,.p-dropdown-body .dropdown-item .item-text,.dropdown-body li .item-text,.dropdown-body a .item-text,.dropdown-body button.dropdown-item .item-text,.dropdown-body .dropdown-item .item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.p-dropdown-body li .item-badge,.p-dropdown-body a .item-badge,.p-dropdown-body button.dropdown-item .item-badge,.p-dropdown-body .dropdown-item .item-badge,.dropdown-body li .item-badge,.dropdown-body a .item-badge,.dropdown-body button.dropdown-item .item-badge,.dropdown-body .dropdown-item .item-badge{border-radius:var(--radius-pill,999px);background:var(--accent-subtle);color:var(--accent);padding:2px 7px;font-size:.72rem;font-weight:700}.p-dropdown-body .dropdown-header,.p-dropdown-body h6,.dropdown-body .dropdown-header,.dropdown-body h6{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0;padding:6px 12px 2px;font-size:11px;font-weight:800}.p-dropdown-body hr,.p-dropdown-body .dropdown-divider,.dropdown-body hr,.dropdown-body .dropdown-divider{border:none;border-top:1px solid var(--gnome-border-subtle);margin:4px 6px}[data-theme=light] dropdown .dropdown-trigger,[data-theme=light] [dropdown] .dropdown-trigger,[data-theme=light] .p-dropdown .dropdown-trigger{background-color:var(--gnome-input);border-color:var(--gnome-border);color:var(--text-main)}[data-theme=light] dropdown .dropdown-trigger:hover:not(:disabled),[data-theme=light] [dropdown] .dropdown-trigger:hover:not(:disabled),[data-theme=light] .p-dropdown .dropdown-trigger:hover:not(:disabled){background-color:var(--gnome-input-hover);border-color:var(--gnome-border-focus)}body[data-theme=light] .p-dropdown-body,[data-theme=light] .p-dropdown-body,html[data-theme=light] .p-dropdown-body{background:var(--gnome-surface);border-color:var(--gnome-border);box-shadow:var(--shadow-popup)}body[data-theme=light] .p-dropdown-body li,body[data-theme=light] .p-dropdown-body a,body[data-theme=light] .p-dropdown-body button.dropdown-item,body[data-theme=light] .p-dropdown-body .dropdown-item,[data-theme=light] .p-dropdown-body li,[data-theme=light] .p-dropdown-body a,[data-theme=light] .p-dropdown-body button.dropdown-item,[data-theme=light] .p-dropdown-body .dropdown-item,html[data-theme=light] .p-dropdown-body li,html[data-theme=light] .p-dropdown-body a,html[data-theme=light] .p-dropdown-body button.dropdown-item,html[data-theme=light] .p-dropdown-body .dropdown-item{color:var(--text-main)}body[data-theme=light] .p-dropdown-body li:hover:not(:disabled):not(.disabled),body[data-theme=light] .p-dropdown-body a:hover:not(:disabled):not(.disabled),body[data-theme=light] .p-dropdown-body button.dropdown-item:hover:not(:disabled):not(.disabled),body[data-theme=light] .p-dropdown-body .dropdown-item:hover:not(:disabled):not(.disabled),[data-theme=light] .p-dropdown-body li:hover:not(:disabled):not(.disabled),[data-theme=light] .p-dropdown-body a:hover:not(:disabled):not(.disabled),[data-theme=light] .p-dropdown-body button.dropdown-item:hover:not(:disabled):not(.disabled),[data-theme=light] .p-dropdown-body .dropdown-item:hover:not(:disabled):not(.disabled),html[data-theme=light] .p-dropdown-body li:hover:not(:disabled):not(.disabled),html[data-theme=light] .p-dropdown-body a:hover:not(:disabled):not(.disabled),html[data-theme=light] .p-dropdown-body button.dropdown-item:hover:not(:disabled):not(.disabled),html[data-theme=light] .p-dropdown-body .dropdown-item:hover:not(:disabled):not(.disabled){background:var(--gnome-hover)}body[data-theme=light] .p-dropdown-body li.is-selected,body[data-theme=light] .p-dropdown-body li.active,body[data-theme=light] .p-dropdown-body a.is-selected,body[data-theme=light] .p-dropdown-body a.active,body[data-theme=light] .p-dropdown-body button.dropdown-item.is-selected,body[data-theme=light] .p-dropdown-body button.dropdown-item.active,body[data-theme=light] .p-dropdown-body .dropdown-item.is-selected,body[data-theme=light] .p-dropdown-body .dropdown-item.active,[data-theme=light] .p-dropdown-body li.is-selected,[data-theme=light] .p-dropdown-body li.active,[data-theme=light] .p-dropdown-body a.is-selected,[data-theme=light] .p-dropdown-body a.active,[data-theme=light] .p-dropdown-body button.dropdown-item.is-selected,[data-theme=light] .p-dropdown-body button.dropdown-item.active,[data-theme=light] .p-dropdown-body .dropdown-item.is-selected,[data-theme=light] .p-dropdown-body .dropdown-item.active,html[data-theme=light] .p-dropdown-body li.is-selected,html[data-theme=light] .p-dropdown-body li.active,html[data-theme=light] .p-dropdown-body a.is-selected,html[data-theme=light] .p-dropdown-body a.active,html[data-theme=light] .p-dropdown-body button.dropdown-item.is-selected,html[data-theme=light] .p-dropdown-body button.dropdown-item.active,html[data-theme=light] .p-dropdown-body .dropdown-item.is-selected,html[data-theme=light] .p-dropdown-body .dropdown-item.active{background:var(--accent-subtle);color:var(--accent)}.app-component-root{gap:var(--spacing-lg,16px);width:100%;max-width:var(--header-max-width,1366px);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}.app-main{gap:var(--spacing-lg,16px);box-sizing:border-box;flex-direction:column;width:100%;display:flex}header-component,intro-component,playground-view,demo-component,footer-component{box-sizing:border-box;width:100%;margin:0;display:block}header-component>.window,header-component>.playground-container,header-component>.header-component-root,header-component>.intro-component-root,header-component>.demo-container,header-component>.footer-component-root,intro-component>.window,intro-component>.playground-container,intro-component>.header-component-root,intro-component>.intro-component-root,intro-component>.demo-container,intro-component>.footer-component-root,playground-view>.window,playground-view>.playground-container,playground-view>.header-component-root,playground-view>.intro-component-root,playground-view>.demo-container,playground-view>.footer-component-root,demo-component>.window,demo-component>.playground-container,demo-component>.header-component-root,demo-component>.intro-component-root,demo-component>.demo-container,demo-component>.footer-component-root,footer-component>.window,footer-component>.playground-container,footer-component>.header-component-root,footer-component>.intro-component-root,footer-component>.demo-container,footer-component>.footer-component-root{box-sizing:border-box;width:100%;margin:0}demo-component.demo-hidden{display:none!important}demo-component.demo-visible{display:block!important}.intro-component-root{box-sizing:border-box;border-radius:var(--radius-window,16px);width:100%;margin:0;padding:24px}.intro-header{border-bottom:1px solid var(--gnome-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.intro-title-area{flex:1;min-width:280px}.intro-title-area .intro-title{color:var(--text-main);margin:0 0 6px;font-size:1.6rem;font-weight:800}.intro-title-area .intro-tagline{color:var(--text-secondary);font-size:var(--font-size-sm,14px);margin:0;line-height:1.45}.intro-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.try-it-btn{font-size:var(--font-size-sm,14px);cursor:var(--cursor-pointer);background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-shadow);padding:10px 20px;font-weight:700}.try-it-btn:hover{background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-shadow);transform:translateY(-2px)}.github-link-btn{border-radius:var(--radius-control,6px);font-weight:700;font-size:var(--font-size-sm,14px);align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.github-link-btn .github-icon{flex-shrink:0}.intro-section-divider{border-bottom:1px solid var(--gnome-border);align-items:center;gap:12px;margin:24px 0 14px;padding-bottom:10px;display:flex}.intro-section-divider:first-child{margin-top:0}.intro-section-divider .section-icon{font-size:20px}.intro-section-divider .section-title{color:var(--text-main);letter-spacing:-.2px;margin:0;font-size:1.25rem;font-weight:800}.intro-section-divider .section-badge{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:11px;font-weight:700}.intro-samples-stack{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.intro-sample-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-window,8px);transition:background var(--transition-fast) ease, border-color var(--transition-fast) ease;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.intro-sample-card:hover{background:var(--gnome-hover);border-color:var(--gnome-border)}.intro-sample-card .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (width<=680px){.intro-sample-card .sample-header{flex-direction:column;align-items:flex-start;gap:10px}.intro-sample-card .sample-header .sample-title-box{width:100%;min-width:0}.intro-sample-card .sample-header .sample-edit-btn{justify-content:center;align-self:flex-start;width:100%;padding:7px 12px}}.intro-sample-card .sample-header .sample-title-box{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.intro-sample-card .sample-header .sample-title-box h4{color:var(--text-main);word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:1.05rem;font-weight:700;line-height:1.45;display:flex}@media (width<=680px){.intro-sample-card .sample-header .sample-title-box h4{flex-direction:column;align-items:flex-start;gap:5px;font-size:.95rem}}.intro-sample-card .sample-header .sample-title-box h4 code{word-break:break-word;box-sizing:border-box;max-width:100%;font-size:11px;display:inline-block}.intro-sample-card .sample-header .sample-title-box p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}@media (width<=680px){.intro-sample-card .sample-header .sample-title-box p{font-size:12.5px}}.intro-sample-card .sample-header .sample-edit-btn{border-radius:var(--radius-control,8px);background:var(--gnome-card);border:1px solid var(--gnome-border);color:var(--text-main);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.intro-sample-card .sample-header .sample-edit-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow);transform:translateY(-1px)}.intro-sample-card code{font-family:var(--font-mono,monospace);background:var(--accent-subtle);border:1px solid var(--accent-shadow);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.intro-sample-card pre{background:var(--code-bg,#0e121ad9);border:1px solid var(--code-border,var(--gnome-border));border-radius:var(--radius-control,6px);transition:background-color var(--transition-normal) ease, border-color var(--transition-normal) ease;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.55;overflow-x:auto;box-shadow:inset 0 1px 3px #00000014}.intro-sample-card pre code{color:var(--code-text,var(--text-main));font-size:inherit;font-weight:400;font-family:var(--font-mono,monospace);background:0 0;border:none;padding:0;display:block}.intro-sample-card pre .kw{color:var(--code-kw,#ff7b72);font-weight:600}.intro-sample-card pre .dec{color:var(--code-dec,#d2a8ff);font-weight:600}.intro-sample-card pre .fn{color:var(--code-fn,#79c0ff);font-weight:600}.intro-sample-card pre .typ{color:var(--code-typ,#ffa657);font-weight:600}.intro-sample-card pre .str{color:var(--code-str,#a5d6ff)}.intro-sample-card pre .num{color:var(--code-num,#79c0ff);font-weight:600}.intro-sample-card pre .cmt{color:var(--code-cmt,var(--text-secondary));font-style:italic}.intro-sample-card pre .tag{color:var(--code-tag,#7ee787);font-weight:600}.intro-sample-card pre .attr{color:var(--code-attr,#79c0ff)}.intro-sample-card pre .expr{color:var(--code-expr,#ffa657);font-weight:600}.intro-bottom-cta{justify-content:center;padding-top:8px;display:flex}.intro-bottom-cta .try-it-cta-btn{border-radius:var(--radius-pill);cursor:var(--cursor-pointer);background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-shadow);transition:transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;padding:12px 28px;font-size:15px;font-weight:800}.intro-bottom-cta .try-it-cta-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.header-component-root{box-sizing:border-box;border-radius:var(--radius-window,16px);width:100%;margin:0;padding:18px 24px;position:relative}.header-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.header-brand{justify-content:center;align-items:center;gap:var(--spacing-xs,4px);cursor:var(--cursor-pointer);border-radius:var(--radius-window,16px);transition:all var(--transition-normal) var(--ease-gnome);flex-direction:column;padding:8px 18px;display:flex;position:relative}.header-brand:before{content:"";background:radial-gradient(circle, var(--accent-shadow) 0%, #3584e400 70%);opacity:0;pointer-events:none;width:150px;height:150px;transition:opacity .45s ease, transform .45s var(--ease-spring);z-index:0;border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(.6)}.header-brand:hover:before{opacity:.9;transform:translate(-50%,-50%)scale(1.5)}.header-brand:hover .header-logo-img{filter:drop-shadow(0 16px 30px var(--accent-shadow)) drop-shadow(0 0 24px #4791eb99) brightness(1.08);transform:scale(1.07)translateY(-6px)rotate(-1.5deg)}.header-brand:hover .main-logo{text-shadow:0 0 16px var(--accent-shadow), 0 0 32px #3584e473, 0 4px 10px #0000004d;transform:translateY(-2px)scale(1.02)}.header-logo-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1;width:170px;height:170px;transition:transform var(--transition-normal) var(--ease-spring), filter var(--transition-normal) ease;display:block;position:relative}.main-logo{text-align:center;font-size:2.8rem;font-family:var(--font-main);letter-spacing:-1.5px;color:var(--text-main);z-index:1;background:linear-gradient(to bottom, var(--text-main) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 5px var(--accent-shadow), 0 2px 4px #0003;transition:transform var(--transition-normal) var(--ease-spring), text-shadow var(--transition-normal) ease;-webkit-background-clip:text;margin:0;font-weight:800;display:inline-block;position:relative;transform:none}.header-actions{align-items:center;display:flex;position:absolute;top:0;right:0}@media (width<=600px){.header-actions{margin-top:14px;position:static}}.theme-toggle-btn{border-radius:var(--radius-pill,999px);background:var(--gnome-input,#ffffff14);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);color:var(--text-main);cursor:var(--cursor-pointer);font-family:var(--font-main);font-size:var(--font-size-xs,12px);letter-spacing:.3px;box-shadow:var(--shadow-control);transition:all var(--transition-fast) var(--ease-gnome);-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:inline-flex}.theme-toggle-btn .theme-icon{opacity:.45;transition:opacity var(--transition-fast) ease, transform var(--transition-fast) var(--ease-spring);font-size:14px;line-height:1}.theme-toggle-btn .theme-icon.active{opacity:1;transform:scale(1.18)}.theme-toggle-btn .theme-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-main);font-size:11px;font-weight:800}.theme-toggle-btn:hover{background:var(--gnome-hover);border-color:var(--gnome-border-focus);box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.theme-toggle-btn:active{background:var(--gnome-active);transform:translateY(0)}.theme-toggle-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-shadow);border-color:var(--accent)}.playground-container{--pn-bg-darker:#161821;--pn-bg-dark:#1b1e2b;--pn-bg:#292d3e;--pn-bg-lighter:#232635;--pn-bg-active:#32374d;--pn-fg:#a6accd;--pn-fg-bright:#eff;--pn-fg-subtle:#676e95;--pn-fg-gutter:#505678;--pn-blue:#82aaff;--pn-cyan:#89ddff;--pn-green:#c3e88d;--pn-yellow:#ffcb6b;--pn-orange:#f78c6c;--pn-purple:#c792ea;--pn-red:#ff5370;--pn-teal:#80cbc4;--pn-border:#1e202e;box-sizing:border-box;background:var(--pn-bg);border-radius:var(--radius-window,16px);width:100%;max-width:100%;min-height:calc(100vh - 40px);font-family:var(--font-main,sans-serif);border:1px solid #82aaff2e;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000080;margin:0!important;padding:0!important}.playground-container .playground-header-bar{background:var(--pn-bg-dark);border-bottom:1px solid var(--pn-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}@media (width<=800px){.playground-container .playground-header-bar{gap:10px;padding:10px 14px}}@media (width<=540px){.playground-container .playground-header-bar{gap:8px;padding:8px 10px}}.playground-container .playground-header-bar .playground-title-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.playground-container .playground-header-bar .playground-title-group .header-icon{align-items:center;font-size:16px;display:flex}.playground-container .playground-header-bar .playground-title-group .playground-title{color:var(--pn-fg-bright);letter-spacing:-.2px;align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}@media (width<=540px){.playground-container .playground-header-bar .playground-title-group .playground-title{font-size:13.5px}}.playground-container .playground-header-bar .preset-selector-group{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}@media (width<=800px){.playground-container .playground-header-bar .preset-selector-group{justify-content:space-between;width:100%}}@media (width<=540px){.playground-container .playground-header-bar .preset-selector-group{gap:6px}}.playground-container .playground-header-bar .preset-selector-group .preset-label{color:var(--pn-fg-subtle);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:500}@media (width<=600px){.playground-container .playground-header-bar .preset-selector-group .preset-label{display:none}}.playground-container .playground-header-bar .preset-selector-group .preset-select-wrapper{align-items:center;min-width:180px;max-width:100%;display:flex}@media (width<=800px){.playground-container .playground-header-bar .preset-selector-group .preset-select-wrapper{flex:1;min-width:0}}.playground-container .playground-header-bar .preset-selector-group .preset-dropdown{width:100%}.playground-container .playground-header-bar .preset-selector-group .preset-dropdown .dropdown-trigger{background-color:var(--pn-bg-lighter);width:100%;color:var(--pn-fg-bright);border:1px solid var(--pn-bg-active);border-radius:var(--radius-control,8px);padding:6px 12px;font-size:12.5px;font-weight:500;box-shadow:inset 0 1px 2px #00000026}.playground-container .playground-header-bar .preset-selector-group .preset-dropdown .dropdown-trigger .dropdown-chevron{color:var(--pn-blue)}.playground-container .playground-header-bar .preset-selector-group .preset-dropdown .dropdown-trigger:hover{border-color:var(--pn-blue);background-color:var(--pn-bg-active);transform:translateY(-1px)}.playground-container .playground-header-bar .preset-selector-group .preset-dropdown .dropdown-trigger:focus-visible{border-color:var(--pn-blue);box-shadow:0 0 0 3px #82aaff40}.playground-container .playground-header-bar .preset-selector-group .preset-actions-group{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=540px){.playground-container .playground-header-bar .preset-selector-group .preset-actions-group{gap:4px}}.playground-container .playground-split-body{background:var(--pn-bg-dark);box-sizing:border-box;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;min-height:calc(100vh - 110px);display:grid}@media (width<=900px){.playground-container .playground-split-body{grid-template-columns:minmax(0,1fr);min-height:auto}}.playground-container .playground-editor-pane{background:var(--pn-bg);border-right:1px solid var(--pn-border);flex-direction:column;min-width:0;max-width:100%;display:flex;overflow:hidden}@media (width<=900px){.playground-container .playground-editor-pane{border-right:none;border-bottom:1px solid var(--pn-border)}}.playground-container .playground-editor-pane .editor-tabs-bar{background:var(--pn-bg-dark);border-bottom:1px solid var(--pn-border);justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;padding:0 8px;display:flex}@media (width<=540px){.playground-container .playground-editor-pane .editor-tabs-bar{gap:4px;padding:0 4px}}.playground-container .playground-editor-pane .editor-tabs-bar .tabs-list{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--pn-bg-active) transparent;flex:1;gap:2px;min-width:0;display:flex;overflow:auto hidden}.playground-container .playground-editor-pane .editor-tabs-bar .tabs-list::-webkit-scrollbar{height:3px}.playground-container .playground-editor-pane .editor-tabs-bar .tabs-list::-webkit-scrollbar-thumb{background:var(--pn-bg-active);border-radius:3px}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab{color:var(--pn-fg-subtle);cursor:var(--cursor-pointer);font-size:12px;font-family:var(--font-mono,monospace);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;transition:all .2s;display:inline-flex}@media (width<=540px){.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab{gap:4px;padding:8px;font-size:11px}}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab:hover{color:var(--pn-fg);background:#ffffff08}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab.active{color:var(--pn-blue);background:var(--pn-bg);border-bottom-color:var(--pn-blue);font-weight:600}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab .tab-icon{border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:800}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab .tab-icon.ts-icon{color:var(--pn-blue);background:#82aaff2e}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab .tab-icon.html-icon{color:var(--pn-orange);background:#f78c6c2e}.playground-container .playground-editor-pane .editor-tabs-bar .editor-tab .tab-icon.scss-icon{color:var(--pn-purple);background:#c792ea2e}.playground-container .playground-editor-pane .editor-tabs-bar .editor-actions{flex-shrink:0;align-items:center;display:flex}.playground-container .playground-editor-pane .editor-workspace{background:var(--pn-bg);flex:1;min-height:calc(100vh - 160px);display:flex;position:relative;overflow:hidden}@media (width<=900px){.playground-container .playground-editor-pane .editor-workspace{min-height:380px;max-height:520px}}@media (width<=600px){.playground-container .playground-editor-pane .editor-workspace{min-height:340px;max-height:480px}}.playground-container .playground-editor-pane .editor-workspace .line-numbers{background:var(--pn-bg-lighter);color:var(--pn-fg-gutter);font-family:"Adwaita Mono", "Fira Code", var(--font-mono,monospace);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--pn-border);box-sizing:border-box;min-width:38px;padding:16px 10px 16px 14px;font-size:13px;line-height:20px;overflow:hidden}@media (width<=600px){.playground-container .playground-editor-pane .editor-workspace .line-numbers{min-width:30px;padding:12px 6px 12px 8px;font-size:12px;line-height:20px}}.playground-container .playground-editor-pane .editor-workspace .line-numbers .line-num{height:20px;line-height:20px}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container{background:var(--pn-bg);flex:1;position:relative;overflow:hidden}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .highlight-layer,.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea{box-sizing:border-box;border:none;width:100%;height:100%;margin:0;padding:16px;position:absolute;top:0;left:0;font-family:"Adwaita Mono", "Fira Code", var(--font-mono,monospace)!important;letter-spacing:0!important;word-spacing:0!important;tab-size:2!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0, "calt" 0!important;white-space:pre!important;word-wrap:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:13px!important;line-height:20px!important}@media (width<=600px){.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .highlight-layer,.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea{padding:12px 8px;font-size:12px!important;line-height:20px!important}}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .highlight-layer{pointer-events:none;color:var(--pn-fg-bright);z-index:1;background:0 0;overflow:hidden}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .highlight-layer code{display:block;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;word-spacing:inherit!important;tab-size:inherit!important;-moz-tab-size:inherit!important;white-space:inherit!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea{caret-color:var(--pn-yellow);z-index:2;resize:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--pn-bg-active) var(--pn-bg-dark);outline:none;overflow:auto hidden;color:#0000!important;-webkit-text-fill-color:transparent!important;background:0 0!important}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::-webkit-scrollbar{width:6px;height:6px}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::-webkit-scrollbar-track{background:var(--pn-bg-dark)}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::-webkit-scrollbar-thumb{background:var(--pn-bg-active);border-radius:4px}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::-webkit-scrollbar-thumb:hover{background:#82aaff66}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::selection{color:#0000!important;-webkit-text-fill-color:transparent!important;background:#82aaff52!important}.playground-container .playground-editor-pane .editor-workspace .editor-layer-container .code-textarea::-moz-selection{color:#0000!important;background:#82aaff52!important}.playground-container .playground-editor-pane .token.comment,.playground-container .playground-editor-pane .token.prolog,.playground-container .playground-editor-pane .token.doctype,.playground-container .playground-editor-pane .token.cdata{color:var(--pn-fg-subtle);font-style:normal}.playground-container .playground-editor-pane .token.punctuation{color:var(--pn-cyan)}.playground-container .playground-editor-pane .token.namespace{opacity:.7}.playground-container .playground-editor-pane .token.property,.playground-container .playground-editor-pane .token.tag,.playground-container .playground-editor-pane .token.constant,.playground-container .playground-editor-pane .token.symbol,.playground-container .playground-editor-pane .token.deleted{color:var(--pn-red)}.playground-container .playground-editor-pane .token.boolean,.playground-container .playground-editor-pane .token.number{color:var(--pn-orange)}.playground-container .playground-editor-pane .token.selector,.playground-container .playground-editor-pane .token.attr-name,.playground-container .playground-editor-pane .token.string,.playground-container .playground-editor-pane .token.char,.playground-container .playground-editor-pane .token.builtin,.playground-container .playground-editor-pane .token.inserted{color:var(--pn-green)}.playground-container .playground-editor-pane .token.operator,.playground-container .playground-editor-pane .token.entity,.playground-container .playground-editor-pane .token.url,.playground-container .playground-editor-pane .language-css .token.string,.playground-container .playground-editor-pane .style .token.string{color:var(--pn-cyan)}.playground-container .playground-editor-pane .token.atrule,.playground-container .playground-editor-pane .token.attr-value,.playground-container .playground-editor-pane .token.keyword{color:var(--pn-purple);font-weight:500}.playground-container .playground-editor-pane .token.function,.playground-container .playground-editor-pane .token.class-name{color:var(--pn-blue)}.playground-container .playground-editor-pane .token.regex,.playground-container .playground-editor-pane .token.important,.playground-container .playground-editor-pane .token.variable{color:var(--pn-yellow)}.playground-container .playground-editor-pane .token.decorator,.playground-container .playground-editor-pane .token.annotation{color:var(--pn-yellow);font-weight:600}.playground-container .playground-preview-pane{background:var(--pn-bg-dark);flex-direction:column;display:flex}.playground-container .playground-preview-pane .preview-browser-header{background:var(--pn-bg-dark);border-bottom:1px solid var(--pn-border);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}@media (width<=600px){.playground-container .playground-preview-pane .preview-browser-header{gap:6px;padding:6px 10px}}.playground-container .playground-preview-pane .preview-browser-header .preview-title{color:var(--pn-fg-bright);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.playground-container .playground-preview-pane .preview-browser-header .preview-actions{align-items:center;gap:8px;display:flex}@media (width<=540px){.playground-container .playground-preview-pane .preview-browser-header .preview-actions{gap:6px}}.playground-container .playground-preview-pane .preview-browser-header .preview-actions .status-badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.playground-container .playground-preview-pane .preview-browser-header .preview-actions .status-badge.status-live{color:var(--pn-green);background:#c3e88d1f;border:1px solid #c3e88d4d}.playground-container .playground-preview-pane .preview-browser-header .preview-actions .status-badge.status-error{color:var(--pn-red);background:#ff53701f;border:1px solid #ff53704d}.playground-container .playground-preview-pane .error-banner{color:var(--pn-red);font-size:12px;font-family:var(--font-mono,monospace);word-break:break-word;background:#ff53701f;border-bottom:1px solid #ff53704d;padding:10px 16px;display:none}.playground-container .playground-preview-pane .error-banner.visible{flex-direction:column;gap:4px;display:flex}.playground-container .playground-preview-pane .preview-canvas{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--pn-bg-active) var(--pn-bg-dark);background:radial-gradient(circle,#232635 0%,#161821 100%);flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:24px;display:flex;overflow:auto}@media (width<=900px){.playground-container .playground-preview-pane .preview-canvas{min-height:380px;padding:18px 12px}}@media (width<=600px){.playground-container .playground-preview-pane .preview-canvas{min-height:320px;padding:12px 8px}}.playground-container .playground-preview-pane .preview-canvas::-webkit-scrollbar{width:6px;height:6px}.playground-container .playground-preview-pane .preview-canvas::-webkit-scrollbar-track{background:var(--pn-bg-dark)}.playground-container .playground-preview-pane .preview-canvas::-webkit-scrollbar-thumb{background:var(--pn-bg-active);border-radius:4px}.playground-container .playground-preview-pane .preview-canvas::-webkit-scrollbar-thumb:hover{background:#82aaff66}.playground-container .playground-preview-pane .preview-canvas>*{box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;display:block}.playground-container .action-btn{border:1px solid var(--pn-bg-active);background:var(--pn-bg);color:var(--pn-fg);cursor:var(--cursor-pointer);white-space:nowrap;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex}.playground-container .action-btn .btn-icon{align-items:center;font-size:12px;line-height:1;display:inline-flex}.playground-container .action-btn .btn-text{display:inline-block}.playground-container .action-btn:hover{background:var(--pn-bg-active);color:var(--pn-fg-bright);border-color:#82aaff4d}.playground-container .action-btn:active{transform:translateY(1px)}.playground-container .action-btn.run-btn{color:var(--pn-blue);background:#82aaff1f;border-color:#82aaff47}.playground-container .action-btn.run-btn:hover{border-color:var(--pn-blue);background:#82aaff38}.playground-container .action-btn.save-snippet-btn{color:var(--pn-green);background:#c3e88d1f;border-color:#c3e88d4d}.playground-container .action-btn.save-snippet-btn:hover{border-color:var(--pn-green);color:#fff;background:#c3e88d38}.playground-container .action-btn.delete-snippet-btn{color:var(--pn-red);background:#ff53701f;border-color:#ff53704d}.playground-container .action-btn.delete-snippet-btn:hover{border-color:var(--pn-red);color:#fff;background:#ff537038}.playground-container .action-btn.delete-snippet-btn.hidden{display:none!important}.playground-container .action-btn.delete-snippet-btn.visible{display:inline-flex!important}.playground-container .action-btn.copy-btn{padding:4px 10px;font-size:11px}@media (width<=540px){.playground-container .action-btn{gap:4px;padding:5px 8px;font-size:11px}.playground-container .action-btn.copy-btn{padding:4px 7px;font-size:10.5px}}.draggable-target{cursor:var(--cursor-grab,grab);touch-action:none}.draggable-target .drag-handle{cursor:var(--cursor-grab,grab)}.is-dragging{will-change:transform;z-index:1000!important;-webkit-user-select:none!important;user-select:none!important;cursor:var(--cursor-grabbing,grabbing)!important;transition:none!important}.is-dragging .drag-handle{cursor:var(--cursor-grabbing,grabbing)!important}.snap-hit{animation:snap-thud .16s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1))}@keyframes snap-thud{0%{scale:1}45%{scale:.96}to{scale:1}}.droppable-hover{outline:2px dashed var(--accent);outline-offset:4px;transition:all var(--transition-fast) ease;background-color:#3584e41a!important}.droppable-active{border-color:#fff3}.droppable-checking{pointer-events:none!important}loader-component{display:inline-block}loader-component.is-loading,loader-component.visible,loader-component.is-loading *,loader-component.visible *{cursor:var(--cursor-progress)!important}.loader-inline-root{text-align:center;background:var(--card-bg-subtle,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);border-radius:var(--radius-sm,8px);color:var(--text-main,#fff);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:13px;line-height:1.2;transition:opacity .15s ease-out;display:none;cursor:var(--cursor-progress)!important}.loader-inline-root *{cursor:var(--cursor-progress)!important}.loader-inline-root.visible{animation:.15s ease-out fadeIn;display:inline-flex}.loader-inline-root .loader-spinner-box{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.loader-inline-root .loader-spinner-box .loader-svg{width:100%;height:100%;animation:1.2s linear infinite rotate}.loader-inline-root .loader-spinner-box .loader-svg .loader-track{stroke:var(--border-color,#ffffff26)}.loader-inline-root .loader-spinner-box .loader-svg .loader-head{stroke:var(--accent,#3584e4);stroke-linecap:round;stroke-dasharray:80 150;stroke-dashoffset:0;animation:1.2s ease-in-out infinite dash}.loader-inline-root .loader-text{color:var(--text-secondary,#9a9996);font-weight:500}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:80 150;stroke-dashoffset:-30px}to{stroke-dasharray:80 150;stroke-dashoffset:-120px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}modal-view{display:contents}.modal-backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:10000;pointer-events:none;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-backdrop.is-closed{opacity:0;visibility:hidden;pointer-events:none}.modal-dialog{border-radius:var(--radius-window,16px);flex-direction:column;width:90%;max-width:560px;max-height:85vh;padding:0;transition:transform .25s cubic-bezier(.4,0,.2,1),width .3s,height .3s,max-width .3s,max-height .3s;display:flex;overflow:hidden;transform:scale(.94)translateY(12px);box-shadow:0 20px 60px #0009}.is-open .modal-dialog{transform:scale(1)translateY(0)}.is-maximized .modal-dialog{border-radius:var(--radius-control,8px);width:96vw;max-width:96vw;height:94vh;max-height:94vh}.modal-header{background:var(--gnome-card);border-bottom:1px solid var(--gnome-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title-area{align-items:center;gap:10px;display:flex}.modal-title-area .modal-icon{font-size:18px}.modal-title-area .modal-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.modal-controls{align-items:center;gap:8px;display:flex}.modal-control-btn{background:var(--gnome-input);border:1px solid var(--gnome-border);color:var(--text-main);border-radius:var(--radius-control);width:32px;height:32px;cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;justify-content:center;align-items:center;font-size:14px;display:flex}.modal-control-btn:hover{background:var(--gnome-hover);border-color:var(--gnome-border-focus)}.modal-control-btn.close-btn:hover{background:var(--gnome-error);color:#fff;border-color:#ed333b}.modal-body{color:var(--text-main);flex:1;padding:20px;font-size:14px;line-height:1.5;overflow-y:auto}.modal-body p{margin:0 0 12px}.modal-body code{font-family:var(--font-mono,monospace);background:var(--accent-subtle,#3584e426);border:1px solid var(--accent-shadow);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:12px}.modal-info-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);flex-direction:column;gap:6px;margin-top:14px;padding:12px 14px;display:flex}.modal-info-card .status-pill{border-radius:var(--radius-pill);background:var(--gnome-success-bg,#2ec27e33);color:var(--gnome-success);border:1px solid var(--gnome-success);padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.modal-footer{background:var(--gnome-subtle);border-top:1px solid var(--gnome-border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}notification-component,:host{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:contents!important}.notification-container{pointer-events:none;z-index:10000;position:fixed;inset:0;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.toast-stack{box-sizing:border-box;pointer-events:none;z-index:10000;flex-direction:column;gap:10px;max-height:100vh;padding:16px;display:flex;position:fixed;overflow-y:auto;box-shadow:none!important;background:0 0!important;border:none!important}.toast-stack::-webkit-scrollbar{width:4px;height:4px}.toast-stack::-webkit-scrollbar-track{background:0 0}.toast-stack::-webkit-scrollbar-thumb{background:var(--gnome-border);border-radius:999px}.toast-stack::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.toast-stack.pos-top-right{align-items:flex-end;top:0;right:0}.toast-stack.pos-top-left{align-items:flex-start;top:0;left:0}.toast-stack.pos-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.toast-stack.pos-bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}.toast-stack.pos-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}.toast-stack.pos-bottom-center{flex-direction:column-reverse;align-items:center;bottom:0;left:50%;transform:translate(-50%)}.toast-stack.pos-center{align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.toast-card{pointer-events:auto;background:var(--gnome-header);border:1px solid var(--gnome-border);min-width:280px;max-width:420px;min-height:52px;max-height:200px;transition:transform var(--transition-fast) var(--ease-gnome), opacity var(--transition-fast) ease;box-sizing:border-box;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059;margin:0!important}.toast-card.toast-blink{animation:1.2s ease-in-out infinite alternate toastBlink}.toast-card.toast-success{box-shadow:inset 4px 0 0 0 var(--gnome-success), 0 8px 24px #00000059;border-color:#2ec27e59}.toast-card.toast-success .toast-icon:before{content:"✓";color:var(--gnome-success);background:var(--gnome-success-bg)}.toast-card.toast-error{box-shadow:inset 4px 0 0 0 var(--gnome-error), 0 8px 24px #00000059;border-color:#ed333b59}.toast-card.toast-error .toast-icon:before{content:"✕";color:var(--gnome-error);background:var(--gnome-error-bg)}.toast-card.toast-warn{box-shadow:inset 4px 0 0 0 var(--gnome-warn), 0 8px 24px #00000059;border-color:#f8e45c59}.toast-card.toast-warn .toast-icon:before{content:"⚠";color:var(--gnome-warn);background:var(--gnome-warn-bg)}.toast-card.toast-info{box-shadow:inset 4px 0 0 0 var(--gnome-info), 0 8px 24px #00000059;border-color:#3584e459}.toast-card.toast-info .toast-icon:before{content:"ℹ";color:var(--gnome-info);background:var(--gnome-info-bg)}.toast-card .toast-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast-card .toast-icon-wrapper .toast-icon:before{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.toast-card .toast-body{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.toast-card .toast-body::-webkit-scrollbar{width:3px;height:3px}.toast-card .toast-body::-webkit-scrollbar-track{background:0 0}.toast-card .toast-body::-webkit-scrollbar-thumb{background:var(--gnome-border);border-radius:999px}.toast-card .toast-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.toast-card .toast-body .toast-title{color:var(--text-main);font-size:13.5px;font-weight:700;line-height:1.3}.toast-card .toast-body .toast-subtitle{color:var(--text-secondary);word-break:break-word;font-size:12px;line-height:1.4}.toast-card .toast-close-btn{color:var(--text-secondary);border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;align-items:center;gap:5px;margin-top:-2px;margin-right:-4px;padding:3px 6px;font-size:13px;display:inline-flex}.toast-card .toast-close-btn .toast-countdown{font-family:var(--font-mono,monospace);color:var(--text-muted);border-radius:var(--radius-pill,999px);background:var(--gnome-input,#ffffff14);border:1px solid var(--gnome-border-subtle,#ffffff0f);letter-spacing:-.2px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1}.toast-card .toast-close-btn .toast-countdown:empty{display:none}.toast-card .toast-close-btn .toast-close-icon{font-size:12px;line-height:1}.toast-card .toast-close-btn:hover{background:var(--gnome-hover);color:var(--text-main)}.toast-card .toast-close-btn:hover .toast-countdown{color:var(--text-main);border-color:var(--gnome-border)}.toast-card .toast-close-btn:active{background:var(--gnome-active)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastBlink{0%{filter:brightness();box-shadow:0 8px 24px #00000059}to{box-shadow:0 0 24px var(--accent-shadow), 0 8px 28px #00000080;filter:brightness(1.2)}}date-time-picker,:host{font-family:var(--font-main,"Inter", sans-serif);display:inline-block;position:relative}.date-time-picker-container,.date-picker-container{display:inline-block;position:relative}.picker-toggle{background:var(--gnome-input);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);color:var(--dp-text-main,var(--text-main));border-radius:var(--radius-control);cursor:var(--cursor-pointer);font-family:var(--font-main);font-size:var(--font-size-sm);transition:all var(--transition-fast) var(--ease-gnome);white-space:nowrap;box-shadow:var(--shadow-control);outline:none;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.picker-toggle .picker-toggle-icon{font-size:14px;line-height:1}.picker-toggle:hover{background:var(--gnome-input-hover);border-color:var(--gnome-border-focus);box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.picker-toggle:active{background:var(--gnome-input);transform:translateY(0)}.picker-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-shadow);border-color:var(--accent)}.picker-overlay{z-index:9999;background:var(--dp-surface-bg);width:290px;-webkit-backdrop-filter:var(--blur-effect);border:1px solid var(--dp-border);border-radius:var(--radius-window);box-shadow:var(--dp-shadow);box-sizing:border-box;font-family:var(--font-main);color:var(--dp-text-main,var(--text-main));transition:background-color var(--transition-normal) ease, border-color var(--transition-normal) ease;padding:16px;display:none;position:fixed}.picker-overlay.placement-bottom.is-open{animation:.14s cubic-bezier(0,0,.2,1) gnomeSlideDown}.picker-overlay.placement-top.is-open{animation:.14s cubic-bezier(0,0,.2,1) gnomeSlideUp}.picker-overlay.is-open{flex-direction:column;gap:12px;display:flex}.picker-overlay.is-closed{display:none}.picker-overlay.blur-enabled{background:var(--dp-surface-blur-bg)!important;-webkit-backdrop-filter:var(--blur-heavy)!important}@keyframes gnomeSlideDown{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gnomeSlideUp{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-header{justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.calendar-header .label-group{align-items:center;display:flex}.calendar-header .label-group .year-toggle-btn{color:var(--dp-text-main,var(--text-main));border-radius:var(--radius-control);cursor:var(--cursor-pointer);font-size:14.5px;font-weight:700;font-family:var(--font-main);transition:all var(--transition-fast) ease;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.calendar-header .label-group .year-toggle-btn .chevron-icon{transition:transform var(--transition-fast) var(--ease-spring)}.calendar-header .label-group .year-toggle-btn .chevron-icon.is-rotated{transform:rotate(180deg)}.calendar-header .label-group .year-toggle-btn:hover{background:var(--gnome-hover);border-color:var(--gnome-border-subtle)}.calendar-header .label-group .year-toggle-btn:active{background:var(--gnome-active)}.calendar-header .header-nav{align-items:center;gap:4px;display:flex}.calendar-header .header-nav .nav-btn{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);color:var(--dp-text-main,var(--text-main));border-radius:var(--radius-control);width:28px;height:28px;cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;outline:none;place-items:center;padding:0;display:grid}.calendar-header .header-nav .nav-btn:hover{background:var(--gnome-hover);border-color:var(--gnome-border);transform:scale(1.05)}.calendar-header .header-nav .nav-btn:active{transform:scale(.96)}.picker-content-wrapper{min-height:220px;position:relative}.calendar-body{transition:filter var(--transition-fast) ease, opacity var(--transition-fast) ease}.calendar-body.blurred{pointer-events:none;filter:blur(6px)!important;opacity:.25!important}.calendar-body .calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-body .calendar-grid .weekday{text-align:center;color:var(--dp-text-secondary,var(--text-secondary));text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:11px;font-weight:700}.calendar-body .calendar-grid .day-cell{aspect-ratio:1;color:var(--dp-text-main,var(--text-main));font-size:12.5px;font-weight:500;font-family:var(--font-main);cursor:var(--cursor-pointer);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:50%;outline:none;place-items:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:grid}.calendar-body .calendar-grid .day-cell:hover:not(.disabled):not(.selected){background:var(--gnome-hover);border-color:var(--gnome-border-subtle);transform:scale(1.08)}.calendar-body .calendar-grid .day-cell.off-month{color:var(--text-off)}.calendar-body .calendar-grid .day-cell.today{border-color:var(--accent);color:var(--accent);font-weight:700}.calendar-body .calendar-grid .day-cell.selected{box-shadow:0 2px 8px var(--accent-shadow);font-weight:700;transform:scale(1.04);background:var(--accent)!important;color:#fff!important}.calendar-body .calendar-grid .day-cell.disabled{opacity:.25;pointer-events:none;text-decoration:line-through;cursor:var(--cursor-not-allowed)!important}.year-selector-overlay{background:var(--gnome-surface);width:100%;height:100%;-webkit-backdrop-filter:var(--blur-effect);border-radius:var(--radius-control);box-sizing:border-box;z-index:10;transition:opacity var(--transition-fast) ease, transform var(--transition-fast) ease;padding:8px 4px;position:absolute;top:0;left:0;overflow-y:auto}.blur-enabled .year-selector-overlay{background:var(--dp-surface-blur-bg)!important;-webkit-backdrop-filter:var(--blur-heavy)!important}.year-selector-overlay.is-hidden{opacity:0;pointer-events:none;transform:scale(.95)}.year-selector-overlay.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.year-selector-overlay .year-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.year-selector-overlay .year-grid .year-cell{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);color:var(--dp-text-main,var(--text-main));font-size:13px;font-weight:600;font-family:var(--font-main);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;text-align:center;outline:none;padding:8px 0}.year-selector-overlay .year-grid .year-cell:hover:not(.selected){background:var(--gnome-hover);border-color:var(--gnome-border);transform:translateY(-1px)}.year-selector-overlay .year-grid .year-cell.selected{background:var(--accent);color:#fff;border-color:var(--accent-hover);box-shadow:0 2px 8px var(--accent-shadow)}.time-picker{background:var(--gnome-subtle);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.time-picker .time-label{color:var(--dp-text-secondary,var(--text-secondary));align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.time-picker .time-label .time-icon{font-size:13px}.time-picker .time-inner-container .time-input-group{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:6px;align-items:center;padding:2px 6px;display:inline-flex}.time-picker .time-inner-container .time-input-group input{width:24px;color:var(--dp-text-main,var(--text-main));font-family:var(--font-mono,monospace);text-align:center;background:0 0;border:none;outline:none;padding:2px 0;font-size:13px;font-weight:700}.time-picker .time-inner-container .time-input-group input:focus{color:var(--accent-hover)}.time-picker .time-inner-container .time-input-group .separator{color:var(--dp-text-secondary,var(--text-secondary));-webkit-user-select:none;user-select:none;padding:0 1px;font-weight:700}.picker-footer{justify-content:flex-end;padding-top:4px;display:flex}.picker-footer .confirm-button{background:var(--accent);color:#fff;border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;box-shadow:0 2px 6px var(--accent-shadow);border:1px solid #ffffff26;outline:none;padding:6px 18px;font-size:12.5px;font-weight:700}.picker-footer .confirm-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.picker-footer .confirm-button:active{background:var(--accent-active);transform:translateY(0)}radial-context-menu,:host{display:none}.radial-menu{z-index:9999;pointer-events:none;opacity:0;transition:transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, background-color var(--transition-normal) ease;background:var(--radial-bg,#1e1e1eeb);-webkit-backdrop-filter:var(--blur-effect);box-shadow:0 0 0 1px var(--gnome-border), var(--shadow-deep);border:1px solid var(--radial-border,var(--gnome-border));contain:paint;box-sizing:border-box;border-radius:50%;position:fixed;overflow:hidden;transform:scale(.8)}.radial-menu.active{opacity:1;pointer-events:auto;transform:scale(1)}.radial-menu.blur-enabled{background:var(--radial-blur-bg,#1e1e1ebf);-webkit-backdrop-filter:var(--blur-heavy)}.items-container{opacity:0;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.items-container.entering{opacity:0;transform:scale(.85)}.items-container.exiting{opacity:0;transform:scale(1.15)}.items-container.active{opacity:1;transform:scale(1)}.menu-segment{width:100%;height:100%;cursor:var(--cursor-pointer);pointer-events:auto;will-change:clip-path;isolation:isolate;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translateZ(0)}.menu-segment .segment-glass{background:radial-gradient(circle at 50% 0,#ffffff26,#0000);background-color:var(--radial-segment-bg,#2d2d2db3);width:100%;height:100%;transition:all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);z-index:1;position:absolute;top:0;left:0;box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #00000026}.menu-segment .segment-shine{opacity:.4;z-index:2;pointer-events:none;width:100%;height:100%;transition:opacity var(--transition-fast) ease;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;top:0;left:0}.menu-segment:hover .segment-glass{background-color:var(--accent);box-shadow:inset 0 1px 3px #ffffff73, 0 0 18px var(--accent-shadow)}.menu-segment:hover .segment-shine{opacity:1}.menu-segment .segment-label{color:var(--radial-text,#fff);pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.45rem;line-height:1;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.menu-segment .segment-label svg{stroke:currentColor;color:currentColor;pointer-events:none;width:24px;height:24px;transition:transform var(--transition-fast) ease, stroke var(--transition-fast) ease;display:block}.menu-segment .segment-label img.segment-icon{filter:brightness(0)invert();pointer-events:none;width:24px;height:24px;transition:transform var(--transition-fast) ease;display:block}.menu-segment:hover .segment-label{filter:drop-shadow(0 0 8px #fff9);color:#fff;transform:translate(-50%,-50%)scale(1.22)}.menu-segment:hover .segment-label svg{stroke:#fff;color:#fff}.menu-segment .submenu-indicator{background:var(--accent,#3584e4);opacity:.85;z-index:4;width:5px;height:5px;box-shadow:0 0 6px var(--accent-shadow);pointer-events:none;transition:transform var(--transition-fast) ease;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.menu-segment:hover .submenu-indicator{opacity:1;background:#fff;transform:translate(-50%,-50%)scale(1.6);box-shadow:0 0 6px #fffc}.center-button{background:var(--gnome-surface-solid,#2c2c2c);border:1px solid var(--gnome-border);width:88px;height:88px;cursor:var(--cursor-pointer);z-index:10;transition:all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-deep), inset 0 2px 4px #fff3;pointer-events:auto;border-radius:50%;outline:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.center-button:hover{border-color:var(--accent);box-shadow:0 6px 22px var(--accent-shadow), inset 0 2px 6px #ffffff59;transform:translate(-50%,-50%)scale(1.06)}.center-button .center-icon{color:var(--text-main,#fff);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:70px;transition:all var(--transition-fast) ease;text-shadow:0 0 8px var(--accent-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.6rem;font-weight:700;line-height:1;display:block;overflow:hidden}.menu-title-pop{text-align:center;z-index:15;pointer-events:none;opacity:0;width:80px;transition:all var(--transition-fast) cubic-bezier(.23, 1, .32, 1);color:var(--text-main,#fff);font-size:11px;font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 10px var(--accent-shadow);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.menu-title-pop.visible{opacity:1;transform:translate(-50%,-50%)scale(1.05)}analogue-clock{width:100%;display:block}.analogue-clock-widget{border-radius:var(--radius-card);background:var(--gnome-surface);-webkit-backdrop-filter:var(--blur-window);border:1px solid var(--gnome-border);box-shadow:var(--shadow-popup);transition:all var(--transition-normal) var(--ease-gnome);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.analogue-clock-widget:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 0%, var(--accent-subtle), transparent 70%);pointer-events:none;opacity:.6;transition:opacity var(--transition-normal);position:absolute;inset:0}.analogue-clock-widget:hover:before{opacity:.9}.clock-header{border-bottom:1px solid var(--gnome-border-subtle);justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding-bottom:12px;display:flex}.clock-header .clock-title-group{align-items:center;gap:10px;display:flex}.clock-header .clock-title-group .clock-icon{filter:drop-shadow(0 2px 6px var(--accent-shadow));font-size:1.25rem}.clock-header .clock-title-group .clock-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.clock-header .clock-title-group .clock-badge{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.clock-header .clock-tz-badge{font-family:var(--font-mono,"Adwaita Mono", monospace);color:var(--accent);background:var(--accent-subtle);-webkit-backdrop-filter:var(--blur-subtle);border-radius:var(--radius-pill,999px);border:1px solid var(--accent-shadow);box-shadow:0 2px 8px var(--accent-shadow), inset 0 1px #ffffff1a;letter-spacing:.02em;transition:all var(--transition-fast) var(--ease-gnome);align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.clock-header .clock-tz-badge .tz-icon{align-items:center;font-size:.82rem;line-height:1;display:inline-flex}.clock-header .clock-tz-badge .tz-text{line-height:1.2}.clock-header .clock-tz-badge:hover{box-shadow:0 4px 14px var(--accent-shadow), inset 0 1px #fff3;transform:translateY(-1px)}.clock-stage{background:radial-gradient(circle at 50% 30%, var(--gnome-subtle), transparent 70%);border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.clock-stage .clock-canvas{cursor:var(--cursor-pointer);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 28px #00000059);transition:transform var(--transition-fast) var(--ease-gnome), filter var(--transition-fast);border-radius:50%;display:block}.clock-stage .clock-canvas:hover{filter:drop-shadow(0 18px 36px #00000073);transform:scale(1.015)}.clock-stage .clock-canvas:active{transform:scale(.99)}.clock-digital-readout{border-radius:var(--radius-control,8px);background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);flex-direction:column;align-items:center;gap:4px;margin-top:18px;padding:10px 24px;display:flex;box-shadow:inset 0 1px 2px #00000026}.clock-digital-readout .digital-time{color:var(--text-main);letter-spacing:.05em;text-shadow:0 2px 8px var(--accent-shadow);font-family:Adwaita Mono,monospace;font-size:1.45rem;font-weight:700}.clock-digital-readout .digital-date{color:var(--text-secondary);letter-spacing:.02em;font-size:.82rem;font-weight:500}.clock-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.clock-controls .clock-control-btn{font-family:var(--font-main);font-size:var(--font-size-sm,13.5px);border-radius:var(--radius-control,8px);border:1px solid var(--gnome-border);background:var(--gnome-card);color:var(--text-main);cursor:var(--cursor-pointer);box-shadow:var(--shadow-control);transition:all var(--transition-fast) var(--ease-gnome);justify-content:center;align-items:center;gap:6px;margin:0;padding:9px 16px;font-weight:600;display:inline-flex}.clock-controls .clock-control-btn:hover:not(:disabled){background:var(--gnome-hover);border-color:var(--gnome-border-focus);color:var(--text-main);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.clock-controls .clock-control-btn:active:not(:disabled){background:var(--gnome-active);transform:translateY(0)}.clock-controls .clock-control-btn.is-active{background-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-shadow), inset 0 1px #ffffff40;background-image:linear-gradient(#ffffff26,#0000);border-color:#00000026}.clock-controls .clock-control-btn.is-active:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 4px 14px var(--accent-shadow), inset 0 1px #ffffff40}.clock-controls .tz-dropdown .dropdown-trigger{font-family:var(--font-main);font-size:var(--font-size-sm,13.5px);border-radius:var(--radius-control,8px);border:1px solid var(--gnome-border);background-color:var(--gnome-card);-webkit-backdrop-filter:var(--blur-subtle);color:var(--text-main);box-shadow:var(--shadow-control);margin:0;padding:9px 16px;font-weight:600}.clock-controls .tz-dropdown .dropdown-trigger:hover:not(:disabled){background-color:var(--gnome-hover);border-color:var(--gnome-border-focus)}.clock-controls .tz-dropdown .dropdown-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}[data-theme=light] .analogue-clock-widget{box-shadow:var(--shadow-deep);background:var(--gnome-surface);border-color:var(--gnome-border)}[data-theme=light] .analogue-clock-widget:before{background:radial-gradient(circle at 50% 0,#1c71d81f,#0000 70%)}[data-theme=light] .clock-header .clock-tz-badge{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-shadow);box-shadow:0 2px 6px var(--accent-shadow), inset 0 1px #fffc}[data-theme=light] .clock-stage .clock-canvas{filter:drop-shadow(0 10px 24px #0000001f)}[data-theme=light] .clock-stage .clock-canvas:hover{filter:drop-shadow(0 14px 30px #0000002e)}[data-theme=light] .clock-digital-readout{border-color:var(--gnome-border-subtle);background:#ffffffd9;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffffe6}[data-theme=light] .clock-digital-readout .digital-time{color:var(--text-main);text-shadow:none}[data-theme=light] .clock-controls .clock-control-btn{background:var(--gnome-card);border-color:var(--gnome-border);color:var(--text-main)}[data-theme=light] .clock-controls .clock-control-btn:hover:not(:disabled){background:var(--gnome-hover);border-color:var(--gnome-border-focus)}[data-theme=light] .clock-controls .clock-control-btn.is-active{background-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-shadow);border-color:#00000026}[data-theme=light] .clock-controls .tz-dropdown .dropdown-trigger{background-color:var(--gnome-card);border-color:var(--gnome-border);color:var(--text-main)}[data-theme=light] .clock-controls .tz-dropdown .dropdown-trigger:hover:not(:disabled){background-color:var(--gnome-hover);border-color:var(--gnome-border-focus)}.p-highlight{transition:all var(--transition-normal,.3s) ease;border-radius:var(--radius-control,6px);background-color:#3584e440;border:1px solid #fff3;padding:8px 12px}.p-highlight--blue{background-color:#3584e44d;border-color:#3584e480}.p-highlight--green{background-color:#2ec27e4d;border-color:#2ec27e80}.p-highlight--gold{background-color:#f8e45c4d;border-color:#f8e45c80}.p-highlight--red{background-color:#ed333b4d;border-color:#ed333b80}.p-highlight--valid{box-shadow:0 0 8px #2ec27e66;border-color:var(--gnome-success,#2ec27e)!important}.demo-container{gap:var(--spacing-lg,16px);box-sizing:border-box;border-radius:var(--radius-window,16px);flex-direction:column;width:100%;margin:0;padding:24px;display:flex}@media (width<=640px){.demo-container{border-radius:12px;gap:12px;padding:16px 10px}}.demo-container>*{margin:0}.demo-container forms-validation,.demo-container directive-sample,.demo-container pipe-sample,.demo-container for-sample,.demo-container if-sample,.demo-container virtual-for-sample,.demo-container date-time-picker-sample,.demo-container analogue-clock-sample,.demo-container radial-context-menu-sample,.demo-container http-sample,.demo-container notification-sample,.demo-container modal-sample,.demo-container router-sample{width:100%;margin:0;display:block}.demo-container forms-validation>.window,.demo-container directive-sample>.window,.demo-container pipe-sample>.window,.demo-container for-sample>.window,.demo-container if-sample>.window,.demo-container virtual-for-sample>.window,.demo-container date-time-picker-sample>.window,.demo-container analogue-clock-sample>.window,.demo-container radial-context-menu-sample>.window,.demo-container http-sample>.window,.demo-container notification-sample>.window,.demo-container modal-sample>.window,.demo-container router-sample>.window{box-sizing:border-box;width:100%;margin:0}.forms-validation-root .forms-validation-form{align-items:stretch;width:100%;max-width:400px}.forms-validation-root .form-group{width:100%;margin-bottom:var(--spacing-sm,8px);flex-direction:column;display:flex}.forms-validation-root .form-group label{font-size:var(--font-size-sm,14px);color:var(--text-secondary,#9a9996);margin-bottom:var(--spacing-xs,4px);margin-left:var(--spacing-sm,5px)}.forms-validation-root .form-submit-btn{margin-top:var(--spacing-sm,8px);align-self:flex-start}.directive-sample-root .directive-demo-box{margin:var(--spacing-sm,5px) 0;text-align:center}.directive-sample-root .button-group{margin:var(--spacing-md,8px) 0;flex-wrap:wrap}.directive-sample-root .input-demo{margin-top:var(--spacing-md,8px);flex-direction:column;display:flex}.directive-sample-root .input-demo label{font-size:var(--font-size-sm,14px);color:var(--text-secondary,#9a9996);margin-bottom:var(--spacing-xs,4px);margin-left:var(--spacing-sm,5px)}.directive-sample-root .dropdown-demo-section{margin-top:var(--spacing-lg,16px);padding-top:var(--spacing-md,12px);border-top:1px solid var(--gnome-border-subtle)}.directive-sample-root .dropdown-demo-section h4{color:var(--text-main);align-items:center;gap:6px;margin:0 0 6px;font-size:1.05rem;display:flex}.directive-sample-root .dropdown-demo-section h4 code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 6px}.directive-sample-root .dropdown-demo-section .demo-desc{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.5}.directive-sample-root .dropdown-demo-section .demo-desc code{color:var(--accent)}.directive-sample-root .dropdown-demo-section .dropdown-demo-row{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.directive-sample-root .dropdown-demo-section .dropdown-demo-row .dropdown-demo-box{flex-direction:column;flex:240px;gap:6px;display:flex}.directive-sample-root .dropdown-demo-section .dropdown-demo-row .dropdown-demo-box label{font-size:var(--font-size-sm,13.5px);color:var(--text-secondary);font-weight:600}.directive-sample-root .dropdown-demo-section .dropdown-output-card{background:var(--gnome-card);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,8px);align-items:center;gap:10px;padding:8px 16px;display:inline-flex}.directive-sample-root .dropdown-demo-section .dropdown-output-card .output-title{color:var(--text-secondary);font-size:12px;font-weight:600}.directive-sample-root .dropdown-demo-section .dropdown-output-card .output-value{font-family:var(--font-mono,monospace);color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.pipe-sample-root{flex-direction:column;gap:10px;margin:0;padding:16px 18px;display:flex}.pipe-sample-root h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.pipe-sample-root .pipe-desc{color:var(--text-secondary);margin:0;font-size:13px}.pipe-sample-root .pipe-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.pipe-sample-root .pipe-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pipe-sample-root .pipe-controls input{flex:1;min-width:200px}.pipe-sample-root .pipe-controls button{white-space:nowrap}.pipe-sample-root .pipe-results{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);font-family:var(--font-mono,monospace);border-radius:6px;flex-direction:column;gap:6px;padding:10px 14px;font-size:12.5px;display:flex}.pipe-sample-root .pipe-results .pipe-row{border-bottom:1px solid var(--gnome-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.pipe-sample-root .pipe-results .pipe-row:last-child{border-bottom:none}.pipe-sample-root .pipe-results .pipe-row .pipe-label{color:var(--text-secondary)}.pipe-sample-root .pipe-results .pipe-row .pipe-val{color:var(--text-main);font-weight:600}.pipe-sample-root .pipe-results .pipe-row .pipe-val.highlight{color:var(--gnome-success);background:var(--gnome-success-bg);border:1px solid var(--gnome-success);border-radius:4px;padding:2px 8px}.for-sample-root{flex-direction:column;gap:12px;margin:0;padding:18px 20px;display:flex}.for-sample-root .for-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.for-sample-root .for-header{flex-direction:column;align-items:flex-start;gap:6px}}.for-sample-root .for-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.for-sample-root .for-header .count-badge{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.for-sample-root .for-desc{color:var(--text-secondary);margin:0;font-size:13px}.for-sample-root .for-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.for-sample-root .for-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.for-sample-root .for-controls input{flex:1;min-width:180px}.for-sample-root .for-controls .add-member-btn{white-space:nowrap}.for-sample-root .members-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:4px;display:grid}.for-sample-root .member-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.for-sample-root .member-card:hover{border-color:var(--accent);transform:translateY(-1px)}.for-sample-root .member-card .member-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.for-sample-root .member-card .member-card-header .member-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.for-sample-root .member-card .member-card-header .member-index{font-family:var(--font-mono,monospace);color:var(--text-secondary);font-size:11px}.for-sample-root .member-card .member-card-header .member-name{color:var(--text-main);font-size:13.5px}.for-sample-root .member-card .member-card-header .status-indicator{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.for-sample-root .member-card .member-card-header .status-indicator.status-active{background:var(--gnome-success-bg);color:var(--gnome-success);border:1px solid var(--gnome-success)}.for-sample-root .member-card .member-card-header .status-indicator.status-busy{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.for-sample-root .member-card .member-card-header .status-indicator.status-offline{background:var(--gnome-input);color:var(--text-secondary);border:1px solid var(--gnome-border-subtle)}.for-sample-root .member-card .member-card-header .delete-btn{cursor:var(--cursor-pointer);padding:3px 8px;font-size:11px}.for-sample-root .member-card .member-role{color:var(--text-secondary);font-size:12.5px}.for-sample-root .member-card .member-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.for-sample-root .member-card .member-tags .tag-badge{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);border-radius:4px;padding:2px 7px;font-size:10.5px}.if-sample-root{flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex}.if-sample-root .if-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.if-sample-root .if-header{flex-direction:column;align-items:flex-start;gap:6px}}.if-sample-root .if-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.if-sample-root .if-header .status-badge{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.if-sample-root .if-desc{color:var(--text-secondary);margin:0;font-size:13px}.if-sample-root .if-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.if-sample-root .sample-section{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.if-sample-root .sample-section .section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.if-sample-root .sample-section .section-title strong{color:var(--text-main);font-size:13px}.if-sample-root .sample-section .section-title .btn-group{flex-wrap:wrap;gap:8px;display:flex}.if-sample-root .sample-section .section-title .toggle-btn{padding:4px 10px;font-size:12px}.if-sample-root .sample-section .section-title .role-selector{flex-wrap:wrap;gap:6px;display:flex}.if-sample-root .sample-section .section-title .role-selector button{opacity:.7;padding:4px 10px;font-size:12px}.if-sample-root .sample-section .section-title .role-selector button.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.if-sample-root .conditional-card,.if-sample-root .conditional-card-empty{border-radius:var(--radius-control,6px);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.if-sample-root .conditional-card p,.if-sample-root .conditional-card-empty p{color:var(--text-secondary);margin:0;font-size:13px}.if-sample-root .conditional-card .card-head,.if-sample-root .conditional-card-empty .card-head{justify-content:space-between;align-items:center;display:flex}.if-sample-root .conditional-card .card-counter,.if-sample-root .conditional-card-empty .card-counter{font-family:var(--font-mono,monospace);color:var(--accent);font-size:12px;font-weight:700}.if-sample-root .conditional-card{background:var(--gnome-window);border:1px solid var(--gnome-border-subtle)}.if-sample-root .conditional-card-empty{background:var(--gnome-input);border:1px dashed var(--gnome-border-subtle);opacity:.8}.if-sample-root .pill{border-radius:4px;width:fit-content;padding:2px 7px;font-size:10.5px;font-weight:700}.if-sample-root .pill.pill-success{background:var(--gnome-success-bg);color:var(--gnome-success);border:1px solid var(--gnome-success)}.if-sample-root .pill.pill-warn{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.if-sample-root .clock-mount-wrapper,.if-sample-root .custom-mount-wrapper{background:var(--gnome-window);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);justify-content:center;align-items:center;padding:14px;display:flex}.if-sample-root .role-display .role-card{border-radius:var(--radius-control,6px);background:var(--gnome-window);border:1px solid var(--gnome-border-subtle);flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.if-sample-root .role-display .role-card .role-badge{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;top:10px;right:12px}.if-sample-root .role-display .role-card h5{color:var(--text-main);margin:0;font-size:14px}.if-sample-root .role-display .role-card p{color:var(--text-secondary);margin:0;font-size:12.5px}.if-sample-root .role-display .role-card.role-admin{border-left:4px solid var(--accent)}.if-sample-root .role-display .role-card.role-moderator{border-left:4px solid var(--gnome-warn)}.if-sample-root .role-display .role-card.role-member{border-left:4px solid var(--gnome-success)}.if-sample-root .role-display .role-card.role-guest{border-left:4px solid var(--text-secondary)}.if-sample-root .task-list{flex-direction:column;gap:8px;display:flex}.if-sample-root .task-list .task-row{background:var(--gnome-window);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.if-sample-root .task-list .task-row .task-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.if-sample-root .task-list .task-row .task-meta .task-title{color:var(--text-main);font-size:13px}.if-sample-root .task-list .task-row .task-meta .task-title.completed-text{opacity:.6;text-decoration:line-through}.if-sample-root .task-list .task-row .task-meta .tag-priority{background:var(--gnome-danger-bg);color:var(--gnome-danger);border:1px solid var(--gnome-danger);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.if-sample-root .task-list .task-row .task-meta .tag-normal{background:var(--gnome-input);color:var(--text-secondary);border:1px solid var(--gnome-border-subtle);border-radius:4px;padding:1px 6px;font-size:10.5px}.if-sample-root .task-list .task-row .task-actions .task-toggle-btn{padding:3px 8px;font-size:11px}.if-sample-root .task-list .task-row .task-actions .task-toggle-btn.is-done{background:var(--gnome-success-bg);color:var(--gnome-success);border-color:var(--gnome-success)}.custom-component-root{background:var(--gnome-surface);-webkit-backdrop-filter:var(--blur-effect);border:1px solid var(--gnome-border);border-radius:var(--radius-window,16px);box-shadow:var(--shadow-deep);transition:transform var(--transition-fast) var(--ease-gnome), box-shadow var(--transition-fast) var(--ease-gnome);flex-direction:column;gap:12px;padding:20px;display:flex}.custom-component-root h3{color:var(--text-main);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.custom-component-root h3 .custom-property-display{color:var(--accent);font-weight:600}.custom-component-root h3 .drag-handle{color:#fff;border-radius:var(--radius-pill,999px);cursor:var(--cursor-grab,grab);-webkit-user-select:none;user-select:none;touch-action:none;transition:all var(--transition-fast) var(--ease-gnome);background:linear-gradient(135deg,#3584e4e6,#62a0eacc);border:1px solid #ffffff59;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3584e44d,inset 0 1px 1px #ffffff80}.custom-component-root h3 .drag-handle:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #3584e473,inset 0 1px 1.5px #ffffffb3}.custom-component-root h3 .drag-handle:active{cursor:var(--cursor-grabbing,grabbing);transform:translateY(0)}.virtual-sample-root{flex-direction:column;gap:12px;margin:0;padding:18px 20px;display:flex}.virtual-sample-root .virtual-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.virtual-sample-root .virtual-header{flex-direction:column;align-items:flex-start;gap:10px}.virtual-sample-root .virtual-header .header-actions{justify-content:flex-start;width:100%}}.virtual-sample-root .virtual-header .header-main h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.virtual-sample-root .virtual-header .header-main h4 code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 6px;font-size:13px}.virtual-sample-root .virtual-header .header-main .virtual-desc{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.virtual-sample-root .virtual-header .header-main .virtual-desc strong{color:var(--text-main)}.virtual-sample-root .virtual-header .header-actions{align-items:center;gap:8px;display:flex}.virtual-sample-root .virtual-header .header-actions .count-badge{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.virtual-sample-root .virtual-header .header-actions .btn-sm{cursor:var(--cursor-pointer);padding:3px 8px;font-size:11px}.virtual-sample-root .sample-section{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.virtual-sample-root .uninitialized-section .uninitialized-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:8px 4px;display:flex}.virtual-sample-root .uninitialized-section .uninitialized-box .uninitialized-info strong{color:var(--text-main);margin-bottom:2px;font-size:13.5px;display:block}.virtual-sample-root .uninitialized-section .uninitialized-box .uninitialized-info p{color:var(--text-secondary);margin:0;font-size:12.5px}.virtual-sample-root .uninitialized-section .uninitialized-box .btn-group{flex-wrap:wrap;gap:8px;display:flex}.virtual-sample-root .uninitialized-section .uninitialized-box .btn-group .initialize-btn{white-space:nowrap;padding:6px 14px;font-size:12px}.virtual-sample-root .active-section .controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.virtual-sample-root .active-section .controls-bar .scale-group{align-items:center;gap:6px;display:flex}.virtual-sample-root .active-section .controls-bar .scale-group .ctrl-label{color:var(--text-secondary);font-size:12px;font-weight:600}.virtual-sample-root .active-section .controls-bar .scale-group .scale-buttons{gap:4px;display:flex}.virtual-sample-root .active-section .controls-bar .scale-group .scale-buttons .scale-btn{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,4px);color:var(--text-secondary);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;padding:3px 8px;font-size:11.5px;font-weight:600}.virtual-sample-root .active-section .controls-bar .scale-group .scale-buttons .scale-btn:hover{color:var(--text-main);border-color:var(--accent)}.virtual-sample-root .active-section .controls-bar .scale-group .scale-buttons .scale-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.virtual-sample-root .active-section .controls-bar .scale-group .scale-buttons .scale-btn.scale-max.active{background:var(--gnome-danger,#e01b24);border-color:var(--gnome-danger,#e01b24)}.virtual-sample-root .active-section .controls-bar .hud-metrics{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,4px);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val{font-family:var(--font-mono,monospace);font-weight:700}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val.text-primary{color:var(--accent)}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val.text-accent{color:var(--gnome-warn,#f8e45c)}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val.text-success{color:var(--gnome-success,#57e389)}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val.text-info{color:var(--accent-light,#78aeed)}.virtual-sample-root .active-section .controls-bar .hud-metrics .hud-item .hud-val.text-warn{color:var(--gnome-warn,#f8e45c)}.virtual-sample-root .active-section .virtual-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.virtual-sample-root .active-section .virtual-toolbar .search-wrap{flex:240px;align-items:center;display:flex;position:relative}.virtual-sample-root .active-section .virtual-toolbar .search-wrap .search-input{border-radius:var(--radius-control,4px);background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);width:100%;color:var(--text-main);box-sizing:border-box;padding:6px 28px 6px 10px;font-size:12.5px}.virtual-sample-root .active-section .virtual-toolbar .search-wrap .search-input:focus{border-color:var(--accent)}.virtual-sample-root .active-section .virtual-toolbar .search-wrap .clear-btn{color:var(--text-secondary);cursor:var(--cursor-pointer);background:0 0;border:none;padding:2px;font-size:11px;display:none;position:absolute;right:8px}.virtual-sample-root .active-section .virtual-toolbar .search-wrap .clear-btn.visible{display:block}.virtual-sample-root .active-section .virtual-toolbar .search-wrap .clear-btn:hover{color:var(--text-main)}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .ctrl-label{color:var(--text-secondary);font-size:12px;font-weight:600}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .jump-input{width:76px;font-size:12px;font-family:var(--font-mono,monospace);text-align:center;border-radius:var(--radius-control,4px);padding:4px 6px}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .jump-go-btn{padding:4px 10px;font-size:11.5px}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .jump-chips{gap:3px;display:flex}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .jump-chips .chip-btn{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);color:var(--text-secondary);cursor:var(--cursor-pointer);transition:all var(--transition-fast) ease;border-radius:4px;padding:3px 6px;font-size:10.5px;font-weight:600}.virtual-sample-root .active-section .virtual-toolbar .jump-wrap .jump-chips .chip-btn:hover{color:var(--text-main);border-color:var(--accent)}.virtual-sample-root .active-section .virtual-list-frame{background:var(--gnome-window);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);width:100%;overflow:hidden}.virtual-sample-root .active-section .virtual-list-frame .p-virtual-scroll-container{scrollbar-width:thin;scrollbar-color:var(--gnome-border-subtle) transparent}.virtual-sample-root .active-section .virtual-list-frame .p-virtual-scroll-container::-webkit-scrollbar{width:6px}.virtual-sample-root .active-section .virtual-list-frame .p-virtual-scroll-container::-webkit-scrollbar-thumb{background:var(--gnome-border-subtle);border-radius:3px}.virtual-sample-root .active-section .virtual-list-frame .virtual-row{border-bottom:1px solid var(--gnome-border-subtle);cursor:var(--cursor-pointer);transition:background var(--transition-fast) ease;-webkit-user-select:none;user-select:none;background:0 0;grid-template-columns:64px 95px 1fr 90px 95px 85px 95px;align-items:center;gap:8px;padding:0 12px;display:grid}.virtual-sample-root .active-section .virtual-list-frame .virtual-row:hover{background:var(--gnome-surface-hover,#ffffff0a)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row.is-fav{background:var(--accent-subtle)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-idx .idx-badge{font-size:11px;font-family:var(--font-mono,monospace);color:var(--text-secondary)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-id .id-tag{font-family:var(--font-mono,monospace);color:var(--accent);font-size:11.5px;font-weight:600}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-main{align-items:center;gap:6px;display:flex;overflow:hidden}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-main .title-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-main .user-text{color:var(--text-secondary);white-space:nowrap;font-size:11.5px}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill{text-align:center;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill.cat-Security{background:var(--gnome-danger-bg);color:var(--gnome-danger);border:1px solid var(--gnome-danger)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill.cat-Payment{background:var(--gnome-success-bg);color:var(--gnome-success);border:1px solid var(--gnome-success)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill.cat-Telemetry{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill.cat-Database{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat .cat-pill.cat-Network{background:var(--gnome-input);color:var(--text-main);border:1px solid var(--gnome-border-subtle)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status{text-transform:capitalize;align-items:center;gap:5px;font-size:11px;display:flex}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-dot{border-radius:50%;width:6px;height:6px}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-dot.dot-completed{background:var(--gnome-success)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-dot.dot-pending{background:var(--gnome-warn)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-dot.dot-processing{background:var(--accent)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-dot.dot-flagged{background:var(--gnome-danger)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status .status-lbl{color:var(--text-secondary)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-amount .amt-val{font-family:var(--font-mono,monospace);color:var(--text-main);font-size:12px;font-weight:700}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-actions .time-lbl{color:var(--text-secondary);font-size:10.5px;font-family:var(--font-mono,monospace)}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-actions .fav-btn{color:var(--text-secondary);cursor:var(--cursor-pointer);transition:color var(--transition-fast) ease;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:14px}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-actions .fav-btn:hover,.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-actions .fav-btn.active{color:var(--gnome-warn)}.virtual-sample-root .active-section .selected-detail-card{background:var(--gnome-window);border:1px solid var(--accent);border-radius:var(--radius-control,6px);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.virtual-sample-root .active-section .selected-detail-card .detail-head{justify-content:space-between;align-items:center;display:flex}.virtual-sample-root .active-section .selected-detail-card .detail-head strong{color:var(--text-main);font-size:12.5px}.virtual-sample-root .active-section .selected-detail-card .detail-head strong code{color:var(--accent);background:var(--accent-subtle);border-radius:3px;padding:1px 4px}.virtual-sample-root .active-section .selected-detail-card .detail-head .btn-xs{padding:1px 5px;font-size:10px}.virtual-sample-root .active-section .selected-detail-card .detail-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.virtual-sample-root .active-section .selected-detail-card .detail-grid .detail-col{flex-direction:column;gap:1px;display:flex}.virtual-sample-root .active-section .selected-detail-card .detail-grid .detail-col .col-lbl{text-transform:uppercase;color:var(--text-secondary);font-size:10px}.virtual-sample-root .active-section .selected-detail-card .detail-grid .detail-col strong{color:var(--text-main);font-size:12px}.virtual-sample-root .active-section .selected-detail-card .detail-grid .detail-col .text-success{color:var(--gnome-success)}@media (width<=860px){.virtual-sample-root .active-section .virtual-list-frame .virtual-row{grid-template-columns:50px 80px 1fr 75px 80px}.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-cat,.virtual-sample-root .active-section .virtual-list-frame .virtual-row .cell-status{display:none}}.date-time-picker-sample-root{flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex;overflow:visible!important}.date-time-picker-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.date-time-picker-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.date-time-picker-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.date-time-picker-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.date-time-picker-sample-root .sample-desc{color:var(--text-secondary);margin:0;font-size:13px}.date-time-picker-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.date-time-picker-sample-root .pickers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:6px;display:grid;overflow:visible!important}.date-time-picker-sample-root .picker-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,6px);transition:border-color var(--transition-fast) ease, transform var(--transition-fast) ease;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:relative;overflow:visible!important}.date-time-picker-sample-root .picker-card:has(.is-open){z-index:50}.date-time-picker-sample-root .picker-card:hover{border-color:var(--accent);transform:translateY(-1px)}.date-time-picker-sample-root .picker-card .card-title-area{align-items:flex-start;gap:10px;display:flex}.date-time-picker-sample-root .picker-card .card-title-area .card-icon{font-size:18px;line-height:1.2}.date-time-picker-sample-root .picker-card .card-title-area h5{color:var(--text-main);margin:0;font-size:14px;font-weight:600}.date-time-picker-sample-root .picker-card .card-title-area .card-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:11.5px}.date-time-picker-sample-root .picker-card .picker-wrapper{z-index:10;position:relative;overflow:visible!important}.date-time-picker-sample-root .picker-card .output-preview{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.date-time-picker-sample-root .picker-card .output-preview .output-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.date-time-picker-sample-root .picker-card .output-preview .output-value{font-family:var(--font-mono,monospace);color:var(--gnome-success);word-break:break-all;font-size:12px;font-weight:600}.date-time-picker-sample-root .picker-card .controls-row{flex-wrap:wrap;gap:8px;display:flex}.date-time-picker-sample-root .picker-card .controls-row .btn-sm{padding:4px 10px;font-size:12px}.date-time-picker-sample-root .picker-card .tag-row{flex-wrap:wrap;gap:6px;display:flex}.date-time-picker-sample-root .picker-card .tag-row .status-tag{border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:600}.date-time-picker-sample-root .picker-card .tag-row .status-tag.tag-info{background:var(--gnome-info-bg);color:var(--gnome-info);border:1px solid var(--gnome-info)}.date-time-picker-sample-root .picker-card .tag-row .status-tag.tag-primary{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow)}.date-time-picker-sample-root .picker-card .tag-row .status-tag.tag-warn{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.date-time-picker-sample-root .picker-card .tag-row .status-tag.tag-danger{background:var(--gnome-error-bg);color:var(--gnome-error);border:1px solid var(--gnome-error)}.analogue-clock-sample-root{border-radius:var(--radius-window,12px);flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex}.analogue-clock-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.analogue-clock-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.analogue-clock-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.analogue-clock-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.analogue-clock-sample-root .sample-desc{color:var(--text-secondary);margin:0;font-size:13px}.analogue-clock-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.analogue-clock-sample-root .clock-sample-container{flex-direction:column;width:100%;margin-top:6px;display:flex}.analogue-clock-sample-root .clock-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-window,12px);transition:border-color var(--transition-fast) ease, transform var(--transition-fast) ease;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.analogue-clock-sample-root .clock-card:hover{border-color:var(--accent);transform:translateY(-1px)}.analogue-clock-sample-root .clock-card .card-title-area{align-items:flex-start;gap:10px;display:flex}.analogue-clock-sample-root .clock-card .card-title-area .card-icon{font-size:20px;line-height:1.2}.analogue-clock-sample-root .clock-card .card-title-area h5{color:var(--text-main);margin:0;font-size:15px;font-weight:600}.analogue-clock-sample-root .clock-card .card-title-area .card-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.analogue-clock-sample-root .clock-card .clock-display-wrapper{justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.analogue-clock-sample-root .clock-card .tag-row{border-top:1px solid var(--gnome-border-subtle);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:12px;display:flex}.analogue-clock-sample-root .clock-card .tag-row .status-tag{border-radius:4px;padding:3px 9px;font-size:11px;font-weight:600}.analogue-clock-sample-root .clock-card .tag-row .status-tag.tag-primary{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow)}.analogue-clock-sample-root .clock-card .tag-row .status-tag.tag-info{background:var(--gnome-info-bg);color:var(--gnome-info);border:1px solid var(--gnome-info)}.analogue-clock-sample-root .clock-card .tag-row .status-tag.tag-success{background:var(--gnome-success-bg);color:var(--gnome-success);border:1px solid var(--gnome-success)}.analogue-clock-sample-root .clock-card .tag-row .status-tag.tag-warn{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.analogue-clock-sample-root .clock-card .tag-row .status-tag.tag-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow)}.radial-context-menu-sample-root{flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex}.radial-context-menu-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width<=640px){.radial-context-menu-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.radial-context-menu-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.radial-context-menu-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.radial-context-menu-sample-root .sample-desc{color:var(--text-secondary);margin:0;font-size:13px}.radial-context-menu-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:2px 5px}.radial-context-menu-sample-root .dual-sample-layout{grid-template-columns:1fr 1fr;gap:18px;margin-top:6px;display:grid}@media (width<=900px){.radial-context-menu-sample-root .dual-sample-layout{grid-template-columns:1fr}}.radial-context-menu-sample-root .variant-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-window,12px);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.radial-context-menu-sample-root .variant-card .variant-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.radial-context-menu-sample-root .variant-card .variant-header .variant-title-group{align-items:center;gap:10px;display:flex}.radial-context-menu-sample-root .variant-card .variant-header .variant-title-group .variant-icon{font-size:24px;line-height:1}.radial-context-menu-sample-root .variant-card .variant-header .variant-title-group h5{color:var(--text-main);margin:0;font-size:14.5px;font-weight:700}.radial-context-menu-sample-root .variant-card .variant-header .variant-title-group .variant-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:11.5px}.radial-context-menu-sample-root .variant-card .variant-header .variant-title-group .variant-subtitle code{color:var(--accent);background:var(--accent-subtle);border-radius:3px;padding:1px 4px}.radial-context-menu-sample-root .variant-card .variant-header .variant-pill{border-radius:var(--radius-pill);padding:3px 8px;font-size:10.5px;font-weight:700}.radial-context-menu-sample-root .variant-card .variant-header .variant-pill.emoji-pill{background:var(--gnome-warn-bg);color:var(--gnome-warn);border:1px solid var(--gnome-warn)}.radial-context-menu-sample-root .variant-card .variant-header .variant-pill.svg-pill{background:var(--gnome-success-bg);color:var(--gnome-success);border:1px solid var(--gnome-success)}.radial-context-menu-sample-root .radial-interactive-zone{background:radial-gradient(circle at center, var(--accent-subtle) 0%, var(--gnome-card) 70%);border:2px dashed var(--accent-shadow);border-radius:var(--radius-control,8px);min-height:170px;cursor:var(--cursor-context-menu,context-menu);-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast) ease, background-color var(--transition-fast) ease, transform var(--transition-fast) ease;justify-content:center;align-items:center;padding:22px 16px;display:flex}.radial-context-menu-sample-root .radial-interactive-zone:hover{border-color:var(--accent);background-color:var(--accent-subtle);transform:translateY(-1px)}.radial-context-menu-sample-root .radial-interactive-zone.svg-interactive-zone{background:radial-gradient(circle at center, var(--gnome-success-bg) 0%, var(--gnome-card) 70%);border-color:var(--gnome-success)}.radial-context-menu-sample-root .radial-interactive-zone.svg-interactive-zone:hover{border-color:var(--gnome-success);background-color:var(--gnome-success-bg)}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark .zone-icon{font-size:28px;line-height:1}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark h6{color:var(--text-main);margin:0;font-size:13.5px;font-weight:700}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark .zone-hint{color:var(--text-secondary);max-width:260px;margin:0;font-size:12px}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark .zone-hint strong{color:var(--accent)}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark .zone-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.radial-context-menu-sample-root .radial-interactive-zone .zone-watermark .zone-actions .btn-sm{padding:5px 11px;font-size:11.5px}.radial-context-menu-sample-root .telemetry-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control,8px);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.radial-context-menu-sample-root .telemetry-card .telemetry-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:5px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item.full-width{grid-column:1/-1}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item .telemetry-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item .telemetry-value{font-family:var(--font-mono,monospace);color:var(--text-main);word-break:break-all;font-size:11.5px}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item .telemetry-value.status-val{color:var(--accent);font-weight:700}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item .telemetry-value.hover-val{color:var(--gnome-warn);font-weight:600}.radial-context-menu-sample-root .telemetry-card .telemetry-grid .telemetry-item .telemetry-value.action-val{color:var(--gnome-success);font-weight:700}.radial-context-menu-sample-root .telemetry-card .hierarchy-summary{border-top:1px solid var(--gnome-border-subtle);flex-direction:column;gap:5px;padding-top:2px;display:flex}.radial-context-menu-sample-root .telemetry-card .hierarchy-summary .summary-label{color:var(--text-secondary);font-size:10.5px;font-weight:600}.radial-context-menu-sample-root .telemetry-card .hierarchy-summary .tags-cluster{flex-wrap:wrap;gap:4px;display:flex}.radial-context-menu-sample-root .telemetry-card .hierarchy-summary .tags-cluster .tag-badge{background:var(--gnome-hover);border:1px solid var(--gnome-border-subtle);color:var(--text-main);border-radius:4px;padding:2px 6px;font-size:10.5px}.http-sample-root{flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex}.http-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.http-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.http-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.http-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.http-sample-root .sample-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.http-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-control);padding:2px 5px;font-family:inherit}.http-sample-root .http-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=640px){.http-sample-root .http-controls{gap:6px}}.http-sample-root .http-controls .http-btn{border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.http-sample-root .http-controls .http-btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}.http-sample-root .http-controls .http-btn:active:not(:disabled):not(.disabled){transform:translateY(0)}@media (width<=640px){.http-sample-root .http-controls .http-btn{flex:calc(50% - 6px);justify-content:center;min-width:130px;padding:7px 10px;font-size:12px}}.http-sample-root .http-controls .http-btn .method-tag{border-radius:var(--radius-pill);letter-spacing:.5px;padding:2px 6px;font-size:10px;font-weight:800}.http-sample-root .http-controls .http-btn .method-tag.get{background:var(--gnome-info,#3584e4);color:#fff}.http-sample-root .http-controls .http-btn .method-tag.post{background:var(--gnome-success,#2ec27e);color:#fff}.http-sample-root .http-controls .http-btn .method-tag.put{background:var(--gnome-warn,#f8e45c);color:#000000d9}.http-sample-root .http-controls .http-btn .method-tag.delete{background:var(--gnome-error,#ed333b);color:#fff}.http-sample-root .http-controls .http-btn .method-tag.error{color:#fff;background:#9141ac}.http-sample-root .loader-wrapper{justify-content:center;align-items:center;min-height:0;display:flex}.http-sample-root .loader-wrapper:has(.visible){margin:4px 0}.http-sample-root .http-preview-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);transition:border-color var(--transition-fast) ease;flex-direction:column;gap:12px;padding:16px 18px;display:flex}@media (width<=640px){.http-sample-root .http-preview-card{padding:12px 10px}}.http-sample-root .http-preview-card .card-title-area{align-items:flex-start;gap:10px;display:flex}.http-sample-root .http-preview-card .card-title-area .card-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem;line-height:1.2}.http-sample-root .http-preview-card .card-title-area .title-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.http-sample-root .http-preview-card .card-title-area .title-details h5{color:var(--text-main);margin:0;font-size:14px;font-weight:600}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}@media (width<=640px){.http-sample-root .http-preview-card .card-title-area .title-details .meta-row{flex-direction:column;align-items:flex-start;gap:6px;width:100%}}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .endpoint-badge{font-size:11.5px;font-family:var(--font-mono);background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);color:var(--accent);box-sizing:border-box;word-break:break-all;overflow-wrap:anywhere;align-items:center;gap:6px;max-width:100%;padding:4px 8px;display:inline-flex}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .endpoint-badge .endpoint-method{color:var(--text-main);background:var(--accent-subtle);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:800}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .endpoint-badge .endpoint-url{word-break:break-all;overflow-wrap:anywhere;color:var(--accent)}@media (width<=640px){.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .endpoint-badge{width:100%;padding:4px 6px;font-size:11px}}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .status-badge{font-size:11.5px;font-family:var(--font-mono);background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);color:var(--gnome-success);box-sizing:border-box;word-break:break-all;align-items:center;max-width:100%;padding:4px 8px;font-weight:600;display:inline-flex}.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .status-badge.status-loading{color:var(--accent)}@media (width<=640px){.http-sample-root .http-preview-card .card-title-area .title-details .meta-row .status-badge{padding:3px 6px;font-size:11px}}.http-sample-root .http-preview-card .output-sections{flex-direction:column;gap:10px;display:flex}.http-sample-root .http-preview-card .output-sections .output-block{flex-direction:column;gap:4px;display:flex}.http-sample-root .http-preview-card .output-sections .output-block .output-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.http-sample-root .http-preview-card .output-sections .output-block .response-pre{background:var(--gnome-input);color:var(--text-main);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:220px;margin:0;padding:12px 14px;overflow-y:auto}.http-sample-root .http-preview-card .output-sections .output-block .response-pre::-webkit-scrollbar{width:6px;height:6px}.http-sample-root .http-preview-card .output-sections .output-block .response-pre::-webkit-scrollbar-track{background:0 0}.http-sample-root .http-preview-card .output-sections .output-block .response-pre::-webkit-scrollbar-thumb{background:var(--gnome-border);border-radius:999px}.http-sample-root .http-preview-card .output-sections .output-block .response-pre::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (width<=640px){.http-sample-root .http-preview-card .output-sections .output-block .response-pre{padding:8px 10px;font-size:11.5px}}.http-sample-root .http-preview-card .output-sections .output-block .response-pre.headers-pre{opacity:.9;max-height:110px}.http-sample-root .http-preview-card .output-sections .output-block .response-pre code{color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.notification-sample-root{flex-direction:column;gap:14px;margin:0;padding:18px 20px;display:flex}.notification-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=640px){.notification-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.notification-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.notification-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.notification-sample-root .sample-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.notification-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-control);padding:2px 5px;font-family:inherit}.notification-sample-root .notify-quick-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.notification-sample-root .notify-quick-grid .notify-btn{border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);justify-content:center;align-items:center;gap:8px;margin:0;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.notification-sample-root .notify-quick-grid .notify-btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}.notification-sample-root .notify-quick-grid .notify-btn:active:not(:disabled):not(.disabled){transform:translateY(0)}.notification-sample-root .notify-quick-grid .notify-btn .type-icon{font-size:12px;font-weight:800}.notification-sample-root .notify-quick-grid .notify-btn.btn-success{background-color:var(--gnome-success);color:#fff}.notification-sample-root .notify-quick-grid .notify-btn.btn-error{background-color:var(--gnome-error);color:#fff}.notification-sample-root .notify-quick-grid .notify-btn.btn-warn{background-color:var(--gnome-warn);color:#000000d9}.notification-sample-root .notify-quick-grid .notify-btn.btn-info{background-color:var(--accent);color:#fff}.notification-sample-root .notify-quick-grid .notify-btn.btn-clear{background-color:var(--gnome-card);color:var(--text-main)}.notification-sample-root .config-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.notification-sample-root .config-card .config-title{align-items:center;gap:8px;display:flex}.notification-sample-root .config-card .config-title .card-icon{font-size:1.1rem}.notification-sample-root .config-card .config-title h5{color:var(--text-main);margin:0;font-size:14px;font-weight:600}.notification-sample-root .config-card .position-selector-row{flex-direction:column;gap:8px;display:flex}.notification-sample-root .config-card .position-selector-row .config-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.notification-sample-root .config-card .position-selector-row .position-buttons{flex-wrap:wrap;gap:8px;display:flex}.notification-sample-root .config-card .position-selector-row .position-buttons .pos-btn{border-radius:var(--radius-control);background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);color:var(--text-secondary);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);margin:0;padding:6px 12px;font-size:12px;font-weight:600}.notification-sample-root .config-card .position-selector-row .position-buttons .pos-btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}.notification-sample-root .config-card .position-selector-row .position-buttons .pos-btn:active:not(:disabled):not(.disabled){transform:translateY(0)}.notification-sample-root .config-card .position-selector-row .position-buttons .pos-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow)}.notification-sample-root .config-card .custom-builder-inputs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.notification-sample-root .config-card .custom-builder-inputs .input-col{flex-direction:column;gap:4px;display:flex}.notification-sample-root .config-card .custom-builder-inputs .input-col .field-label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.notification-sample-root .config-card .custom-builder-inputs .input-col input{box-sizing:border-box;width:100%;margin:0}.notification-sample-root .config-card .custom-actions-row{flex-wrap:wrap;gap:8px;display:flex}.notification-sample-root .config-card .custom-actions-row .btn-sm{border-radius:var(--radius-control);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);margin:0;padding:6px 14px;font-size:12px;font-weight:600}.notification-sample-root .config-card .custom-actions-row .btn-sm:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}.notification-sample-root .config-card .custom-actions-row .btn-sm:active:not(:disabled):not(.disabled){transform:translateY(0)}.notification-sample-root .config-card .custom-actions-row .btn-sm.btn-success{background-color:var(--gnome-success);color:#fff}.notification-sample-root .config-card .custom-actions-row .btn-sm.btn-error{background-color:var(--gnome-error);color:#fff}.notification-sample-root .config-card .custom-actions-row .btn-sm.btn-info{background-color:var(--accent);color:#fff}.sample-section{border-radius:var(--radius-card,12px);background:var(--gnome-surface);border:1px solid var(--gnome-border);box-shadow:var(--shadow-surface);box-sizing:border-box;flex-direction:column;gap:14px;width:100%;margin:0;padding:18px 20px;display:flex}.sample-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=640px){.sample-header{flex-direction:column;align-items:flex-start;gap:12px}.sample-header .header-actions{width:100%;display:flex}.sample-header .header-actions .action-btn{justify-content:center;width:100%}}.sample-title-area{align-items:flex-start;gap:12px;display:flex}.sample-title-area .sample-icon{font-size:24px;line-height:1.2}.sample-title-area .sample-title{color:var(--text-main);margin:0 0 6px;font-size:1.15rem;font-weight:700}.sample-title-area .sample-title code{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-control,6px);padding:2px 6px;font-size:.9em}.sample-title-area .sample-description{color:var(--text-secondary);max-width:780px;margin:0;font-size:.9rem;line-height:1.5}.sample-title-area .sample-description code{color:var(--accent);background:var(--accent-subtle);border-radius:4px;padding:1px 5px}.sample-controls{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.sample-controls button{justify-content:center;align-items:center;gap:8px;margin:0;line-height:1.2;display:inline-flex}.standard-modal-content,.custom-projected-content{flex-direction:column;gap:12px;display:flex}.standard-modal-content h4,.custom-projected-content h4{color:var(--accent);margin:0;font-size:1.1rem}.standard-modal-content p,.custom-projected-content p{color:var(--text-main);margin:0;font-size:.92rem;line-height:1.5}.feature-bullets{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.feature-bullets .feature-tag{border-radius:var(--radius-pill,999px);background:var(--gnome-card);border:1px solid var(--gnome-border);color:var(--text-main);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.nested-component-box{background:var(--gnome-subtle);border:1px dashed var(--gnome-border);border-radius:var(--radius-card,12px);margin-top:8px;padding:12px}:host{box-sizing:border-box;width:100%;margin:0;display:block}.router-sample-root{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;margin:0;padding:18px 20px;display:flex}.router-sample-root .sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}@media (width<=640px){.router-sample-root .sample-header{flex-direction:column;align-items:flex-start;gap:6px}}.router-sample-root .sample-header h4{color:var(--text-main);align-items:center;gap:6px;margin:0;font-size:1.05rem;display:flex}.router-sample-root .sample-header .badge-pill{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);padding:3px 9px;font-size:11px;font-weight:700}.router-sample-root .sample-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.router-sample-root .sample-desc code{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-control);padding:2px 5px;font-family:inherit}.router-demo-navbar{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:0;padding:10px 14px;display:flex}.router-demo-navbar .nav-links-group{flex-wrap:wrap;gap:8px;width:100%;margin:0;display:flex}.router-demo-navbar .nav-tab-btn{border-radius:var(--radius-control);border:1px solid var(--gnome-border-subtle);background:var(--gnome-input);color:var(--text-main);cursor:var(--cursor-pointer);transition:all var(--transition-fast) var(--ease-gnome);transition:all var(--transition-fast) var(--ease-gnome);align-items:center;gap:6px;margin:0;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.router-demo-navbar .nav-tab-btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}.router-demo-navbar .nav-tab-btn:active:not(:disabled):not(.disabled){transform:translateY(0)}.router-demo-navbar .nav-tab-btn code{opacity:.85;color:inherit;background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11px}.router-demo-navbar .nav-tab-btn.active,.router-demo-navbar .nav-tab-btn.active-link{background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow);color:#fff!important}.router-demo-navbar .nav-tab-btn.active code,.router-demo-navbar .nav-tab-btn.active-link code{color:#fff;background:#fff3}.custom-route-toolbar{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);box-sizing:border-box;width:100%;margin:0;padding:14px 16px}.custom-route-toolbar .custom-user-form{flex-direction:column;gap:8px;width:100%;margin:0;display:flex}.custom-route-toolbar .toolbar-label{color:var(--text-secondary);margin:0;font-size:12px;font-weight:600}.custom-route-toolbar .toolbar-label code{color:var(--accent)}.custom-route-toolbar .input-with-button{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:0;display:flex}.custom-route-toolbar .input-with-button input.input-primary{box-sizing:border-box;flex:1;min-width:220px;height:38px;margin:0}.custom-route-toolbar .input-with-button .load-user-btn{white-space:nowrap;justify-content:center;align-items:center;height:38px;margin:0;padding:0 18px;font-size:13px;display:inline-flex}.router-layout-wrapper{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);box-sizing:border-box;width:100%;overflow:hidden;margin:0!important;padding:0!important}.router-layout-wrapper .gnome-headerbar{background:var(--gnome-surface-solid,#242424);border-bottom:1px solid var(--gnome-border-subtle);-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 16px;display:flex}.router-layout-wrapper .gnome-headerbar .headerbar-left{align-items:center;gap:8px;margin:0;display:flex}.router-layout-wrapper .gnome-headerbar .headerbar-left .gnome-app-icon{font-size:16px}.router-layout-wrapper .gnome-headerbar .headerbar-left .gnome-header-title{color:var(--text-main);font-size:13px;font-weight:600}.router-layout-wrapper .gnome-headerbar .headerbar-center{flex:1;justify-content:center;max-width:420px;margin:0;display:flex}.router-layout-wrapper .gnome-headerbar .headerbar-center .gnome-address-chip{border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-pill);width:100%;font-size:12px;font-family:var(--font-mono);box-sizing:border-box;background:#00000040;align-items:center;gap:8px;padding:4px 14px;display:flex}.router-layout-wrapper .gnome-headerbar .headerbar-center .gnome-address-chip .chip-status-dot{background:var(--gnome-success,#2ec27e);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #2ec27e99}.router-layout-wrapper .gnome-headerbar .headerbar-center .gnome-address-chip .chip-scheme{color:var(--text-secondary);font-size:11px}.router-layout-wrapper .gnome-headerbar .headerbar-center .gnome-address-chip .chip-path{color:var(--accent);font-weight:700}.router-layout-wrapper .gnome-headerbar .headerbar-right{align-items:center;margin:0;display:flex}.router-layout-wrapper .gnome-headerbar .headerbar-right .gnome-header-btn{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);width:28px;height:28px;cursor:var(--cursor-pointer);color:var(--text-main);transition:all var(--transition-fast) var(--ease-gnome);border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:13px;display:inline-flex}.router-layout-wrapper .gnome-headerbar .headerbar-right .gnome-header-btn:hover{background:var(--gnome-hover);border-color:var(--gnome-border);transform:rotate(45deg)}.router-layout-wrapper .layout-viewport{box-sizing:border-box;width:100%;min-height:140px;margin:0;padding:16px 18px;display:block}.router-layout-wrapper .layout-viewport router-layout,.router-layout-wrapper .layout-viewport .purity-router-layout{width:100%;margin:0;padding:0;display:block}.route-subview{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);box-sizing:border-box;width:100%;animation:fadeIn .2s var(--ease-gnome);flex-direction:column;gap:12px;margin:0;padding:16px 18px;display:flex}.route-subview .subview-header{align-items:center;gap:10px;margin:0;display:flex}.route-subview .subview-header .subview-icon{font-size:20px}.route-subview .subview-header h4{color:var(--text-main);margin:0;font-size:15px;font-weight:600}.route-subview .subview-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.home-subview .subview-stats{flex-wrap:wrap;gap:10px;margin:0;display:flex}.home-subview .subview-stats .stat-pill{background:var(--accent-subtle);border:1px solid var(--accent-shadow);border-radius:var(--radius-control);flex-direction:column;gap:2px;margin:0;padding:8px 14px;display:flex}.home-subview .subview-stats .stat-pill .stat-label{color:var(--text-secondary);font-size:11px}.home-subview .subview-stats .stat-pill .stat-val{color:var(--accent);font-size:13px;font-weight:700}.user-subview .user-details-card{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);box-sizing:border-box;align-items:center;gap:16px;margin:0;padding:12px 16px;display:flex}.user-subview .user-details-card .user-avatar{background:linear-gradient(135deg, var(--accent), #62a0ea);color:#fff;width:44px;height:44px;box-shadow:0 4px 12px var(--accent-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;font-size:18px;font-weight:700;display:flex}.user-subview .user-details-card .user-meta{flex-direction:column;gap:4px;margin:0;display:flex}.user-subview .user-details-card .user-meta .user-meta-row{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.user-subview .user-details-card .user-meta .user-meta-row .meta-label{color:var(--text-secondary);min-width:80px}.user-subview .user-details-card .user-meta .user-meta-row .meta-val{color:var(--text-main)}.user-subview .user-details-card .user-meta .user-meta-row .badge-success{background:var(--gnome-success-bg);color:var(--gnome-success);border-radius:var(--radius-pill);border:1px solid #2ec27e4d;padding:2px 8px;font-size:11px;font-weight:600}.router-inspector{background:var(--gnome-card);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-card);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;margin:0;padding:14px 16px;display:flex}.router-inspector .inspector-header{justify-content:space-between;align-items:center;margin:0;display:flex}.router-inspector .inspector-header .inspector-title{color:var(--text-main);font-size:13px;font-weight:600}.router-inspector .inspector-header .inspector-badge{background:var(--accent-subtle);border:1px solid var(--accent-shadow);color:var(--accent);border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:700}.router-inspector .inspector-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0;display:grid}.router-inspector .inspector-grid .inspector-card{background:var(--gnome-input);border:1px solid var(--gnome-border-subtle);border-radius:var(--radius-control);box-sizing:border-box;flex-direction:column;gap:2px;margin:0;padding:8px 12px;display:flex}.router-inspector .inspector-grid .inspector-card .inspector-key{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.router-inspector .inspector-grid .inspector-card .inspector-value{color:var(--gnome-success);word-break:break-all;font-size:12px}.footer-component-root{box-sizing:border-box;border-radius:var(--radius-window,16px);width:100%;margin:0;padding:18px 24px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.footer-left{align-items:center;gap:10px;display:flex}.footer-left .framework-brand{align-items:center;gap:8px;display:inline-flex}.footer-left .framework-brand .footer-logo-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:20px;height:20px}.footer-left .framework-brand .framework-name{font-family:var(--font-main);letter-spacing:-.5px;color:var(--text-main);background:linear-gradient(to bottom, var(--text-main) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.footer-left .version-badge{font-family:var(--font-mono,monospace);border-radius:var(--radius-pill,999px);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-shadow);letter-spacing:.2px;padding:2px 7px;font-size:11px;font-weight:700}.footer-left .build-badge{font-family:var(--font-mono,monospace);border-radius:var(--radius-pill,999px);background:var(--gnome-input,#ffffff0f);border:1px solid var(--gnome-border-subtle,#ffffff14);color:var(--text-secondary);padding:2px 7px;font-size:11px;font-weight:600}.footer-left .build-badge.build-dev{color:var(--gnome-warn);background:#f8e45c14;border-color:#f8e45c40}.footer-left .build-badge.build-prod{color:var(--gnome-success);background:#2ec27e14;border-color:#2ec27e40}.footer-left .footer-copy{font-size:var(--font-size-xs,12px);color:var(--text-muted);font-family:var(--font-mono,monospace)}.footer-right{align-items:center;display:flex}.footer-right .creator-badge{font-size:var(--font-size-sm,13.5px);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.footer-right .creator-badge .creator-label{color:var(--text-muted);font-weight:500}.footer-right .creator-badge .creator-name{color:var(--text-main);border-radius:var(--radius-pill,999px);background:var(--gnome-card,#ffffff0d);border:1px solid var(--gnome-border-subtle,#ffffff14);transition:all var(--transition-fast) var(--ease-gnome);padding:3px 10px;font-weight:700}.footer-right .creator-badge .creator-name:hover{background:var(--accent-subtle);border-color:var(--accent-shadow);color:var(--accent)}@media (width<=540px){.footer-content{text-align:center;flex-direction:column;align-items:center;gap:10px}}:root{--font-mono:"Adwaita Mono", "Source Code Pro", monospace;--font-main:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:13.5px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--radius-window:16px;--radius-control:8px;--radius-pill:999px;--radius-card:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--header-max-width:1366px;--transition-fast:.18s;--transition-normal:.28s;--transition-slow:.45s;--ease-gnome:cubic-bezier(.25, .8, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--blur-subtle:blur(12px) saturate(140%);--blur-effect:blur(40px) saturate(160%);--blur-heavy:blur(50px) saturate(180%);--cursor-default:url(/cursors/default.svg) 4 4, default;--cursor-pointer:url(/cursors/pointer.svg) 16 4, pointer;--cursor-text:url(/cursors/text.svg) 16 15, text;--cursor-grab:url(/cursors/openhand.svg) 16 16, grab;--cursor-grabbing:url(/cursors/dnd-move.svg) 16 16, grabbing;--cursor-not-allowed:url(/cursors/not-allowed.svg) 16 15, not-allowed;--cursor-crosshair:url(/cursors/crosshair.svg) 17 17, crosshair;--cursor-help:url(/cursors/help.svg) 4 4, help;--cursor-move:url(/cursors/all-scroll.svg) 15 15, move;--cursor-col-resize:url(/cursors/col-resize.svg) 16 15, col-resize;--cursor-row-resize:url(/cursors/row-resize.svg) 16 15, row-resize;--cursor-ew-resize:url(/cursors/size_hor.svg) 16 15, ew-resize;--cursor-ns-resize:url(/cursors/size_ver.svg) 16 15, ns-resize;--cursor-nwse-resize:url(/cursors/size_bdiag.svg) 16 15, nwse-resize;--cursor-nesw-resize:url(/cursors/size_fdiag.svg) 16 15, nesw-resize;--cursor-zoom-in:url(/cursors/zoom-in.svg) 15 15, zoom-in;--cursor-zoom-out:url(/cursors/zoom-out.svg) 15 15, zoom-out;--cursor-context-menu:url(/cursors/context-menu.svg) 4 4, context-menu;--cursor-progress:url(/cursors/progress-01.svg) 4 4, progress;--cursor-wait:url(/cursors/wait-01.svg) 16 15, wait;--cursor-copy:url(/cursors/copy.svg) 16 4, copy;--cursor-alias:url(/cursors/alias.svg) 16 4, alias;--cursor-cell:url(/cursors/cell.svg) 16 16, cell;--cursor-color-picker:url(/cursors/color-picker.svg) 4 16, crosshair;--cursor-pencil:url(/cursors/pencil.svg) 4 16, crosshair;--cursor-vertical-text:url(/cursors/vertical-text.svg) 16 15, vertical-text;--cursor-dnd-no-drop:url(/cursors/dnd-no-drop.svg) 16 15, no-drop}navigation-menu{z-index:9990;display:block;position:relative}.nav-ball-container{z-index:9990;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter var(--transition-fast) var(--ease-gnome);flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:32px;right:32px;transform:translate(0,0)}.nav-ball-container.is-dragging{filter:drop-shadow(0 16px 36px #0009);z-index:9995}.nav-ball-container.is-dragging .nav-drag-handle{opacity:1!important;cursor:var(--cursor-grabbing)!important;background:var(--accent)!important;color:#fff!important;border-color:#ffffff4d!important;transform:translateY(0)scale(1.05)!important}.nav-ball-container.is-dragging .nav-ball-orb{transform:scale(1.04);cursor:var(--cursor-grabbing)!important;box-shadow:0 16px 36px #0009, 0 0 24px var(--accent)!important}.nav-drag-handle{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:var(--gnome-surface);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--gnome-border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-popup);cursor:var(--cursor-grab);opacity:0;pointer-events:auto;transition:opacity var(--transition-fast) var(--ease-gnome), transform var(--transition-fast) var(--ease-gnome), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex;transform:translateY(4px)}.nav-drag-handle .drag-grip-icon{opacity:.8}.nav-drag-handle:hover{background:var(--gnome-hover);color:var(--text-main);border-color:var(--accent)}.nav-ball-container:hover .nav-drag-handle{opacity:1;transform:translateY(0)}.nav-ball-orb{width:62px;height:62px;-webkit-backdrop-filter:var(--blur-window);box-shadow:0 10px 28px #00000080, inset 0 2px 4px #ffffff4d, 0 0 16px var(--accent-shadow);cursor:var(--cursor-pointer);transition:transform var(--transition-fast) var(--ease-spring), box-shadow var(--transition-fast) var(--ease-gnome), border-color var(--transition-fast);background:radial-gradient(circle at 35% 25%,#3584e46b,#242424f2 75%);border:1.5px solid #ffffff38;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.nav-ball-orb .orb-shine{pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0d 80%,#0000);border-radius:50%;width:70%;height:38%;position:absolute;top:2px;left:15%}.nav-ball-orb .orb-glow{background:radial-gradient(circle at 50% 50%, var(--accent-subtle), transparent 70%);pointer-events:none;opacity:.8;transition:opacity var(--transition-fast);border-radius:50%;position:absolute;inset:0}.nav-ball-orb .orb-icon{filter:drop-shadow(0 2px 6px var(--accent-shadow));transition:transform var(--transition-fast) var(--ease-gnome);z-index:1;justify-content:center;align-items:center;font-size:1.95rem;line-height:1;display:flex}.nav-ball-orb:hover{box-shadow:0 14px 34px #0009, inset 0 2px 6px #fff6, 0 0 24px var(--accent);border-color:#fff6;transform:scale(1.08)translateY(-2px)}.nav-ball-orb:hover .orb-icon{transform:rotate(20deg)scale(1.1)}.nav-ball-orb:hover .orb-glow{opacity:1}.nav-ball-orb:active{transform:scale(.95);box-shadow:0 6px 16px #0006}@keyframes pNavHighlightPulse{0%{outline:3px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 6px var(--accent-shadow), var(--shadow-deep)}50%{outline:3px solid var(--accent-hover);outline-offset:6px;box-shadow:0 0 0 12px var(--accent-shadow), var(--shadow-deep)}to{outline-offset:8px;box-shadow:none;outline:3px solid #0000}}.p-nav-highlight{animation:pNavHighlightPulse 1.8s var(--ease-gnome) forwards;border-radius:var(--radius-window,16px)}[data-theme=light] .nav-drag-handle{border-color:var(--gnome-border);color:var(--text-main);box-shadow:var(--shadow-popup);background:#ffffffe6}[data-theme=light] .nav-drag-handle:hover{border-color:var(--accent);background:#fff}[data-theme=light] .nav-ball-orb{box-shadow:0 10px 24px #00000026, inset 0 2px 4px #ffffffe6, 0 0 12px var(--accent-shadow);background:radial-gradient(circle at 35% 25%,#1c71d859,#f6f6f6f2 75%);border-color:#1c71d859}[data-theme=light] .nav-ball-orb .orb-shine{background:linear-gradient(#ffffffe6,#fff3 80%,#0000)}[data-theme=light] .nav-ball-orb:hover{border-color:var(--accent);box-shadow:0 14px 30px #0003, inset 0 2px 6px #fff, 0 0 20px var(--accent)}