:root{--ladle-bg-color-primary: #fff;--ladle-bg-color-secondary: #f4f4f4;--ladle-color-primary: #000;--ladle-color-secondary: #bbb;--ladle-color-hover: #545454;--ladle-color-accent: #276ef1;--ladle-ring-size: 64px;--ladle-ring-thickness: 6px;--ladle-mode-overflow: hidden;--ladle-mode-height: 100vh;--ladle-main-padding: 3em;--ladle-main-padding-mobile: 1em;--reach-dialog: 1;--ladle-blueprint: #aaa}[data-theme=dark]{--ladle-bg-color-primary: #141414;--ladle-bg-color-secondary: #1f1f1f;--ladle-color-primary: #f6f6f6;--ladle-color-secondary: #bbb;--ladle-color-hover: #e2e2e2;--ladle-color-accent: #276ef1;--ladle-blueprint: #1f1f1f}[data-mode=single-scroll],[data-mode=preview]{--ladle-mode-overflow: visible;--ladle-mode-height: 100%}[data-iframed]{--ladle-main-padding-mobile: 0;--ladle-main-padding: 0}.ladle-wrapper,html,body{margin:0}[data-iframed]:not([data-iframed="0"]) .ladle-main{display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);overflow:auto;background-color:var(--ladle-blueprint);background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}.ladle-iframe{height:100%;border:0;background-color:var(--ladle-bg-color-primary)}[data-iframed]:not([data-iframed="0"]) .ladle-iframe{grid-column:2;height:calc(100% - 128px);min-height:500px;margin-top:64px;margin-bottom:64px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.ladle-background{position:absolute;top:0;left:0;z-index:-1000;width:100%;height:100%;background-color:var(--ladle-bg-color-primary)}.ladle-wrapper{display:flex;flex-direction:column}.ladle-aside img,.ladle-aside svg{display:inline;vertical-align:baseline}.ladle-main{flex:1 1 auto;padding:var(--ladle-main-padding-mobile)}.ladle-error-content{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:var(--ladle-color-primary)}.ladle-link{color:var(--ladle-color-accent)}.ladle-aside{font-family:Arial,Helvetica,sans-serif;font-size:18px;background-color:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);padding:1.5em}.ladle-aside input{padding:.5em 0;width:100%;border-top:0;border-left:0;border-right:0;border-color:var(--ladle-color-hover);border-bottom-width:1px;border-bottom-style:solid;border-radius:0;background-color:var(--ladle-bg-color-primary);font-size:1em;color:var(--ladle-color-primary);margin-bottom:.5em}.ladle-aside input:focus{outline:none;color:var(--ladle-color-accent);border-color:var(--ladle-color-accent)}.ladle-aside ul{padding:0;margin:.8em .75em 0}.ladle-aside li{list-style-type:none;margin:.8em .35em}.ladle-aside li:focus{outline:none}.ladle-aside li:focus-visible>div{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ladle-color-primary)}.ladle-aside a:hover{color:var(--ladle-color-hover)}.ladle-aside a:focus{outline:none}.ladle-aside a:focus-visible{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside .ladle-active a{font-weight:700}.ladle-addons{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary);padding:0;margin:0 0 2em;position:relative;bottom:0;margin-inline-start:1em;margin-inline-end:1em}.ladle-addons ul{padding:0;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap}.ladle-addons li{background-color:var(--ladle-bg-color-secondary);box-shadow:0 1px 2px #00000029;border-bottom:none;border-radius:.25em;list-style-type:none;margin:.35em;width:auto;height:2.5em}.ladle-addons>ul>li>button{display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:.3em;width:100%;height:100%;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;border-radius:4px;outline:none}.ladle-addons>ul>li>button>label{display:block;cursor:pointer;line-height:24px;font-size:18px;margin-inline-start:.5em;padding-top:.1em}.ladle-addon-modal-body>button{border:0;font-size:14px;border-radius:4px;padding:.25em .5em;margin:1em 0;background:var(--ladle-color-accent);color:#fff;font:inherit;letter-spacing:inherit}.ladle-addons>ul>li>button>.ladle-badge{font-style:normal;min-width:1.6em;margin-left:1em;height:1.6em;border-radius:.8em;background-color:#fa3e3e;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}.ladle-addon-modal-body select,.ladle-addon-modal-body input,.ladle-addon-modal-body textarea{font-size:14px;border-radius:4px;border:1px solid var(--ladle-color-primary);padding:.5em .75em;margin:0;background:var(--ladle-bg-color-primary);color:var(--ladle-color-primary)}.ladle-addon-modal-body input[type=range]{padding:0;margin:0 .5em;vertical-align:middle}.ladle-addon-modal-body>button:hover{color:#ccc}.ladle-addon-tooltip{box-shadow:0 1px 2px #00000029;display:none;white-space:nowrap;background:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;margin-top:-96px;inset-inline-start:5px;padding:10px;position:absolute;z-index:1000}.ladle-addon-source-lineno{display:table-cell;text-align:right;padding-right:.25em;padding-left:.25em;-webkit-user-select:none;user-select:none;opacity:.5}.ladle-addons>ul>li>.ladle-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.source-active,.ladle-addons>ul>li>.width-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>.a11y-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>button:focus-visible{border:2px solid var(--ladle-color-accent)}.ladle-addons>ul>li>button:hover{box-shadow:none;color:var(--ladle-color-accent)}.ladle-controls-table td{padding:.25em 1em .25em 0}.ladle-controls-table input{margin:0}.ladle-controls-table input[type=radio]{margin-right:.3em}.ladle-controls-table span{margin-right:1em}.ladle-controls-table select{min-width:177px}.ladle-controls-table textarea{min-width:172px;min-height:3em}.ladle-controls-table{margin-bottom:1em}.ladle-ring-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;visibility:hidden;animation:ladle-ring-fadein 1.5s;animation-fill-mode:forwards;animation-delay:.5s}@keyframes ladle-ring-fadein{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.ladle-ring{display:inline-block;position:relative;width:var(--ladle-ring-size);height:var(--ladle-ring-size)}.ladle-ring div{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:var(--ladle-ring-thickness) solid var(--ladle-color-secondary);border-radius:50%;animation:ladle-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ladle-color-secondary) transparent transparent transparent}.ladle-ring div:nth-child(1){animation-delay:-.45s}.ladle-ring div:nth-child(2){animation-delay:-.3s}.ladle-ring div:nth-child(3){animation-delay:-.15s}@keyframes ladle-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-reach-dialog-content][data-testid=ladle-dialog]{box-shadow:0 1px 2px #00000029;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:16px;background-color:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);border-radius:4px;padding:1.2em 2em .8em;margin:21px;position:absolute;bottom:0;overflow:none}div[data-reach-dialog-content][data-testid=ladle-dialog] a{color:var(--ladle-color-accent)}div[data-reach-dialog-overlay][data-testid=ladle-dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:2147483647}.ladle-button{box-sizing:border-box;box-shadow:0 1px 2px #00000029;border:1px solid var(--ladle-color-secondary);margin:1px 8px;padding:.5em;width:auto;cursor:pointer;overflow:visible;background:inherit;color:inherit;border-radius:4px;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ladle-button:hover{background:var(--ladle-bg-color-secondary);color:var(--ladle-color-accent)}.ladle-button:focus{outline:none}.ladle-button:focus-visible{border:2px solid var(--ladle-color-accent)!important;margin:0 7px}q.ladle-code,code.ladle-markdown{-moz-tab-size:2;tab-size:2;padding:.2em .4em;margin:0;line-height:2;font-size:85%;background-color:var(--ladle-bg-color-secondary);border:1px solid var(--ladle-color-hover);color:var(--ladle-color-primary);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}h1.ladle-markdown,h2.ladle-markdown,h3.ladle-markdown,h4.ladle-markdown,h5.ladle-markdown,h6.ladle-markdown{font-family:Arial,Helvetica,sans-serif;color:var(--ladle-color-primary)}p.ladle-markdown,ul.ladle-markdown,ol.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-primary)}a.ladle-markdown{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ladle-color-accent)}blockquote.ladle-markdown{border-left:6px solid var(--ladle-color-secondary);padding-left:24px;margin-left:0}.ladle-addon-modal-body{max-height:80vh;overflow:auto;-moz-tab-size:2;tab-size:2}.ladle-addon-modal-body ul{list-style:square;overflow:auto;margin:8px;padding-left:40px}.ladle-resize-handle{display:none}@media(min-width:768px){html,body{height:100%}.ladle-wrapper{min-height:100%;margin:0;flex-direction:row;align-items:flex-start}[data-mode=full] html,[data-mode=full] body,[data-mode=full] .ladle-wrapper{height:100vh;overflow:hidden}.ladle-resize-handle{transition:box-shadow .15s ease-in;display:block;width:16px;height:100%;cursor:col-resize;background-color:var(--ladle-bg-color-secondary)}.ladle-resize-handle:hover{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-handle:hover{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-resize-active{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-active{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-aside{box-sizing:content-box}.ladle-main{padding:var(--ladle-main-padding);align-self:stretch}.ladle-aside{font-size:16px;flex:0 0 12em;padding:3em 2em;padding-left:calc(2em - 16px);min-width:15em;background-color:var(--ladle-bg-color-secondary);align-self:stretch}[data-reversed] .ladle-aside{padding-left:2em;padding-right:calc(2em - 16px)}[data-mode=full] .ladle-main,[data-mode=full] .ladle-aside{overflow:auto}.ladle-aside ul{margin:0;-webkit-user-select:none;user-select:none;margin-inline-start:.75em}.ladle-aside li{margin:.35em;line-height:18px}.ladle-aside input{line-height:1;background-color:var(--ladle-bg-color-secondary)}.ladle-aside input::placeholder{-webkit-user-select:none;user-select:none}.ladle-addons{position:fixed;margin-bottom:0;z-index:2147483647}.ladle-addons ul{flex-direction:row}.ladle-addons li{margin:0 .35em;border-bottom-left-radius:0;border-bottom-right-radius:0;width:2.5em}.ladle-addons>ul>li>button>label{display:none}div[data-reach-dialog-content][data-testid=ladle-dialog]{position:fixed;bottom:49px;inset-inline-start:21px;margin-inline-end:21px;max-width:40em;margin:0}.ladle-addons>ul>li>button:hover .ladle-addon-tooltip{display:block}.ladle-addons>ul>li>button>.ladle-badge{position:absolute;margin-left:3.1em;top:-.7em;font-size:.7em}}.piporex-app{color-scheme:light;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #e0e7ff;--accent-faint: #eef2ff;--bg: #f0f0f1;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #5f6b80;--text-disabled: #94a3b8;--control-border: #848ea0;--ok: #16a34a;--ok-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--info: #0284c7;--info-soft: #e0f2fe;--purple: #7c3aed;--purple-soft: #ede9fe;--r-lg: 12px;--r-md: 8px;--r-sm: 6px;--r-full: 999px;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px -12px rgba(15, 23, 42, .14);--shadow-lg: 0 20px 50px -12px rgba(15, 23, 42, .35);--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-fa: "Vazirmatn", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--canvas: #f6f7fb;--surface-raised: #ffffff;--sunken: #eceff4;--sunken-2: #eef0f4;--border-faint: #eef1f5;--track: #e9edf3;--on-accent: #ffffff;--accent-ink: #3730a3;--ok-ink: #166534;--ok-ink-2: #14532d;--ok-line: #86efac;--ok-solid: #15803d;--warn-ink: #92400e;--warn-ink-2: #78350f;--warn-line: #fcd34d;--danger-ink: #991b1b;--danger-ink-2: #7f1d1d;--danger-line: #fca5a5;--danger-solid: #dc2626;--info-ink: #075985;--info-line: #bae6fd;--purple-ink: #5b21b6;--pink-soft: #fce7f3;--pink-ink: #9d174d;--neutral-soft: #f1f5f9;--neutral-ink: #334155;--src-ink: #ffffff;--src-mec: #067f9c;--src-woo: #7f54b3;--src-tec: #334155;--src-frm: #4f46e5;--src-csv: #64748b;--src-cf7: #0e7490;--src-ame: #1d6fd1;--scrim: rgba(15, 23, 42, .38);--toast-bg: #111827;--code-bg: #0f172a;--code-ink: #e2e8f0;--skel-1: #eef1f5;--skel-2: #f6f8fb;--tip-bg: #111827;--tip-ink: #ffffff;--c1: #4f46e5;--c2: #eb6834;--c3: #1baf7a;--c4: #eda100;--c5: #e87ba4;--c6: #008300;--seq-1: #e0e7ff;--seq-2: #a5b4fc;--seq-3: #6366f1;--seq-4: #4338ca;--seq-5: #312e81;--chart-grid: #eef1f5;--chart-axis: #cbd5e1;--z-base: 0;--z-raised: 5;--z-sticky: 10;--z-scrim: 20;--z-overlay: 30;--z-popover: 35;--z-toast: 40;--z-tooltip: 50;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--bp-md: 768px;--bp-lg: 1280px;--h-sm: 26px;--h-md: 32px;--h-lg: 40px;--font-size: 13px}.piporex-app[data-theme=dark],[data-theme=dark] .piporex-app{color-scheme:dark;--accent: #5b5ef0;--accent-strong: #a5b4fc;--accent-soft: #272a4d;--accent-faint: #1e2140;--on-accent: #ffffff;--accent-ink: #c7d2fe;--bg: #0f1117;--canvas: #0f1117;--surface: #161a23;--surface-2: #1c212c;--surface-raised: #1f2430;--sunken: #12151c;--sunken-2: #222835;--border: #2a3140;--border-strong: #3e475b;--control-border: #6b7489;--text-disabled: #5d6679;--border-faint: #222835;--track: #2a3140;--text: #e7eaf0;--text-2: #a3adbf;--text-3: #8590a5;--ok: #4ade80;--ok-soft: #10301d;--ok-ink: #86efac;--ok-ink-2: #86efac;--ok-line: #166534;--ok-solid: #15803d;--warn: #fbbf24;--warn-soft: #3a2a0c;--warn-ink: #fcd34d;--warn-ink-2: #fcd34d;--warn-line: #78350f;--danger: #f87171;--danger-soft: #3b1414;--danger-ink: #fca5a5;--danger-ink-2: #fca5a5;--danger-line: #7f1d1d;--danger-solid: #dc2626;--info: #38bdf8;--info-soft: #0c2a3d;--info-ink: #7dd3fc;--info-line: #075985;--purple: #a78bfa;--purple-soft: #2a1f47;--purple-ink: #c4b5fd;--pink-soft: #3d1530;--pink-ink: #f9a8d4;--neutral-soft: #232937;--neutral-ink: #cbd5e1;--src-ink: #0b1020;--src-mec: #22d3ee;--src-woo: #c4a1f0;--src-tec: #94a3b8;--src-frm: #a5b4fc;--src-csv: #cbd5e1;--src-cf7: #5eead4;--src-ame: #60a5fa;--scrim: rgba(0, 0, 0, .6);--toast-bg: #2a3140;--code-bg: #0b0e14;--code-ink: #e2e8f0;--skel-1: #1c212c;--skel-2: #252b38;--tip-bg: #e7eaf0;--tip-ink: #0f1117;--c1: #7c7ff7;--c2: #d95926;--c3: #199e70;--c4: #c98500;--c5: #d55181;--c6: #008300;--seq-1: #272a4d;--seq-2: #3730a3;--seq-3: #4f46e5;--seq-4: #818cf8;--seq-5: #c7d2fe;--chart-grid: #222835;--chart-axis: #3e475b;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .05)}@media(prefers-reduced-motion:reduce){.piporex-app{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}:where(.piporex-app) *,:where(.piporex-app) *:before,:where(.piporex-app) *:after{box-sizing:border-box;margin:0}:where(.piporex-app) :is(button,input,select,textarea){font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.piporex-app{position:relative;container-type:inline-size;container-name:piporex-app;font-family:var(--font-ui);font-size:var(--font-size);line-height:1.45;color:var(--text);background:var(--bg);text-align:start;-webkit-font-smoothing:antialiased}.piporex-app.piporex-shell-wp{--z-base: 9900}.piporex-app.piporex-shell-web{background:var(--canvas)}.piporex-app[dir=rtl]{direction:rtl}.piporex-app:lang(fa),.piporex-app:lang(ar){font-family:var(--font-fa);line-height:1.6}.piporex-app :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.piporex-app a{color:var(--accent-strong)}.piporex-app .piporex-portal{position:relative;z-index:calc(var(--z-base) + 1)}.piporex-app .pp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.piporex-app .pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--h-md);padding-inline:12px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.piporex-app .pp-btn--sm{height:var(--h-sm);padding-inline:8px;font-size:12px}.piporex-app .pp-btn--lg{height:var(--h-lg);padding-inline:16px;font-size:14px}.piporex-app .pp-btn--primary{background:var(--accent);color:var(--on-accent)}.piporex-app .pp-btn--primary:hover:not(:disabled){background:var(--accent-strong)}.piporex-app .pp-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--control-border)}.piporex-app .pp-btn--secondary:hover:not(:disabled){background:var(--surface-2)}.piporex-app .pp-btn--ghost{background:transparent;color:var(--text-2)}.piporex-app .pp-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.piporex-app .pp-btn--danger{background:var(--danger-solid);color:#fff}.piporex-app .pp-btn--danger:hover:not(:disabled){filter:brightness(.92)}.piporex-app .pp-btn:disabled{cursor:not-allowed;opacity:.55}.piporex-app .pp-btn--block{width:100%}.piporex-app .pp-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--r-full);animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.piporex-app .pp-field{display:flex;flex-direction:column;gap:4px}.piporex-app .pp-field__label{font-weight:500;color:var(--text)}.piporex-app .pp-field__label abbr{color:var(--danger);text-decoration:none;margin-inline-start:2px}.piporex-app .pp-field__hint{font-size:12px;color:var(--text-3)}.piporex-app .pp-field__error{font-size:12px;color:var(--danger)}.piporex-app .pp-control{height:var(--h-md);padding-inline:10px;border:1px solid var(--control-border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);width:100%;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.piporex-app .pp-control::placeholder{color:var(--text-3)}.piporex-app .pp-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.piporex-app .pp-control[aria-invalid=true]{border-color:var(--danger)}.piporex-app .pp-control[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.piporex-app .pp-control:disabled{background:var(--surface-2);color:var(--text-disabled);cursor:not-allowed}.piporex-app .pp-select{position:relative}.piporex-app .pp-select .pp-control{padding-inline-end:28px}.piporex-app .pp-select__chevron{position:absolute;inset-inline-end:10px;inset-block-start:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3)}.piporex-app .pp-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding-inline:8px;border-radius:var(--r-full);font-size:11.5px;font-weight:500;background:var(--neutral-soft);color:var(--neutral-ink);white-space:nowrap}.piporex-app .pp-badge--accent{background:var(--accent-soft);color:var(--accent-ink)}.piporex-app .pp-badge--ok{background:var(--ok-soft);color:var(--ok-ink)}.piporex-app .pp-badge--warn{background:var(--warn-soft);color:var(--warn-ink)}.piporex-app .pp-badge--danger{background:var(--danger-soft);color:var(--danger-ink)}.piporex-app .pp-badge--info{background:var(--info-soft);color:var(--info-ink)}.piporex-app .pp-badge--purple{background:var(--purple-soft);color:var(--purple-ink)}.piporex-app .pp-skeleton{display:block;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--skel-1) 0%,var(--skel-2) 50%,var(--skel-1) 100%);background-size:200% 100%;animation:pp-shimmer 1.4s ease-in-out infinite}.piporex-app .pp-skeleton--text{height:1em}.piporex-app .pp-skeleton--circle{border-radius:var(--r-full)}@keyframes pp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.piporex-app .pp-skeleton{animation:none}}.piporex-app .pp-tabs__list{display:flex;gap:2px;border-block-end:1px solid var(--border)}.piporex-app .pp-tabs__trigger{height:var(--h-md);padding-inline:12px;background:none;border:0;border-block-end:2px solid transparent;color:var(--text-2);cursor:pointer;font-weight:500}.piporex-app .pp-tabs__trigger[data-state=active]{color:var(--accent-strong);border-block-end-color:var(--accent)}.piporex-app .pp-tabs__count{margin-inline-start:6px;color:var(--text-3);font-weight:400}.piporex-app .pp-tabs--chips .pp-tabs__list{border:0;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:4px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.piporex-app .pp-tabs--chips .pp-tabs__list::-webkit-scrollbar{display:none}.piporex-app .pp-tabs--chips .pp-tabs__trigger{border:1px solid var(--border-strong);border-radius:var(--r-full);height:32px;min-height:44px;min-width:44px;flex:0 0 auto}.piporex-app .pp-tabs--chips .pp-tabs__trigger[data-state=active]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.piporex-app .pp-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.piporex-app .pp-table th{text-align:start;font-weight:600;font-size:12px;color:var(--text-2);background:var(--surface-2);padding:8px 12px;position:sticky;inset-block-start:0;z-index:calc(var(--z-base) + var(--z-sticky))}.piporex-app .pp-table td{padding:10px 12px;border-block-start:1px solid var(--border-faint);vertical-align:middle}.piporex-app .pp-table tr[data-clickable=true]{cursor:pointer}.piporex-app .pp-table tr[data-clickable=true]:hover td{background:var(--surface-2)}.piporex-app .pp-table tr[aria-selected=true] td{background:var(--accent-faint)}.piporex-app .pp-cards{display:flex;flex-direction:column;gap:10px}.piporex-app .pp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-height:44px}.piporex-app .pp-card[data-clickable=true]{cursor:pointer}.piporex-app .pp-card__primary{font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.piporex-app .pp-card__meta{color:var(--text-3);font-size:12px;display:flex;gap:8px;flex-wrap:wrap}.piporex-app .pp-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:calc(var(--z-base) + var(--z-scrim));animation:pp-fade var(--dur-base) var(--ease-enter)}@keyframes pp-fade{0%{opacity:0}}.piporex-app .pp-modal{position:fixed;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:min(600px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--surface-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-base) + var(--z-overlay));animation:pp-fade var(--dur-slow) var(--ease-enter)}.piporex-app[dir=rtl] .pp-modal{transform:translate(50%,-50%)}.piporex-app .pp-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-block-end:1px solid var(--border)}.piporex-app .pp-modal__title{font-size:15px;font-weight:600}.piporex-app .pp-modal__body{padding:16px}.piporex-app .pp-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-block-start:1px solid var(--border)}.piporex-app .pp-modal--sheet{inset:auto 0 0 0;transform:none;width:100%;max-height:92vh;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-block-end:max(16px,env(safe-area-inset-bottom));animation:pp-slide-up var(--dur-slow) var(--ease-enter)}.piporex-app[dir=rtl] .pp-modal--sheet{transform:none}.piporex-app .pp-modal--sheet.pp-modal--long{height:96vh;max-height:96vh}.piporex-app .pp-modal--sheet .pp-modal__handle{width:36px;height:4px;border-radius:var(--r-full);background:var(--border-strong);margin:8px auto 0}.piporex-app .pp-modal--sheet .pp-modal__footer{flex-direction:column-reverse}.piporex-app .pp-modal--sheet .pp-modal__footer .pp-btn{width:100%;height:44px}@keyframes pp-slide-up{0%{transform:translateY(100%)}}.piporex-app .pp-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(460px,100%);background:var(--surface-raised);box-shadow:var(--shadow-lg);z-index:calc(var(--z-base) + var(--z-overlay));display:flex;flex-direction:column;animation:pp-slide-in var(--dur-slow) var(--ease-enter)}@keyframes pp-slide-in{0%{transform:translate(100%)}}.piporex-app[dir=rtl] .pp-drawer{animation-name:pp-slide-in-rtl}@keyframes pp-slide-in-rtl{0%{transform:translate(-100%)}}.piporex-app .pp-drawer__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-block-end:1px solid var(--border)}.piporex-app .pp-drawer__title{font-size:15px;font-weight:600;flex:1}.piporex-app .pp-drawer__body{padding:16px;overflow:auto;flex:1}.piporex-app .pp-drawer--page{top:0;right:0;bottom:0;left:0;width:100%;box-shadow:none}.piporex-app .pp-drawer--page .pp-drawer__header{min-height:52px}.piporex-app .pp-shell-wp .pp-modal,.piporex-app.piporex-shell-wp .pp-drawer,.piporex-app.piporex-shell-wp .pp-scrim{inset-block-start:var(--wp-admin--admin-bar--height, 32px)}.piporex-app .pp-toasts{position:fixed;inset-block-end:16px;inset-inline-start:16px;display:flex;flex-direction:column;gap:8px;z-index:calc(var(--z-base) + var(--z-toast));max-width:min(380px,calc(100% - 32px))}.piporex-app .pp-toasts--mobile{inset-inline:12px;inset-block-end:calc(68px + env(safe-area-inset-bottom));max-width:none}.piporex-app .pp-toast{display:flex;align-items:center;gap:10px;background:var(--toast-bg);color:#fff;padding:10px 14px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:pp-fade var(--dur-base) var(--ease-enter)}.piporex-app[data-theme=dark] .pp-toast,[data-theme=dark] .piporex-app .pp-toast{color:var(--text)}.piporex-app .pp-toast__msg{flex:1}.piporex-app .pp-toast__action{background:none;border:0;color:var(--accent-strong);font-weight:600;cursor:pointer;padding:4px;min-height:32px}.piporex-app[data-theme=dark] .pp-toast__action,[data-theme=dark] .piporex-app .pp-toast__action{color:var(--accent-strong)}.piporex-app .pp-toast--ok{border-inline-start:3px solid var(--ok)}.piporex-app .pp-toast--danger{border-inline-start:3px solid var(--danger)}.piporex-app[data-breakpoint=mobile] .pp-control{font-size:16px;height:44px}.piporex-app[data-breakpoint=mobile] .pp-btn{min-height:44px}.piporex-app .pp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px;max-width:420px;margin-inline:auto}.piporex-app .pp-empty__icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center}.piporex-app .pp-empty__icon--accent{background:var(--accent-soft);color:var(--accent-ink)}.piporex-app .pp-empty__icon--neutral{background:var(--neutral-soft);color:var(--neutral-ink)}.piporex-app .pp-empty__icon--lock{background:var(--warn-soft);color:var(--warn-ink)}.piporex-app .pp-empty__title{font-size:15px;font-weight:600}.piporex-app .pp-empty__body{color:var(--text-2)}.piporex-app .pp-empty__actions{display:flex;gap:8px;margin-block-start:8px;flex-wrap:wrap;justify-content:center}.piporex-app[data-breakpoint=mobile] .pp-empty__actions{flex-direction:column;width:100%}.piporex-app .pp-loading--pending{min-height:1px}.piporex-app .pp-loading__rows{display:flex;flex-direction:column;gap:12px}.piporex-app .pp-loading__row{display:grid;grid-template-columns:28px 1fr 64px;align-items:center;gap:12px}.piporex-app .pp-loading__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.piporex-app[data-breakpoint=mobile] .pp-loading__grid{grid-template-columns:repeat(2,1fr)}.piporex-app .pp-loading__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.piporex-app .pp-error{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--danger-line);background:var(--danger-soft);color:var(--danger-ink);border-radius:var(--r-md)}.piporex-app .pp-error--compact{padding:10px 12px}.piporex-app .pp-error__icon{width:28px;height:28px;flex:0 0 auto;border-radius:var(--r-full);background:var(--danger-solid);color:#fff;display:grid;place-items:center;font-weight:700}.piporex-app .pp-error__text{display:flex;flex-direction:column;flex:1;gap:2px}.piporex-app .pp-error__code{font-family:var(--font-mono);font-size:11.5px;opacity:.85}.piporex-app .pp-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface)}.piporex-app .pp-banner__text{flex:1}.piporex-app .pp-banner--warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn-ink)}.piporex-app .pp-banner--plan{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.piporex-app[data-breakpoint=mobile] .pp-banner{border-radius:0;border-inline:0}.piporex-app .pp-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.piporex-app .pp-live__dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--ok)}.piporex-app .pp-live__dot--lost,.piporex-app .pp-live--lost .pp-live__dot{background:var(--warn)}.piporex-app .pp-locked{display:inline-flex;position:relative;cursor:not-allowed}.piporex-app .pp-locked>*{pointer-events:none;opacity:.6}.piporex-app .pp-locked:after{content:"🔒";position:absolute;inset-inline-end:-6px;inset-block-start:-8px;font-size:12px}