@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,500;1,500&display=swap";.demo-app[data-astro-cid-z7ctaqfm]{--piq-bg: #0F0F12;--piq-surface-1: #17171C;--piq-surface-2: #1F1F26;--piq-border: rgba(255,255,255,.06);--piq-border-strong:rgba(255,255,255,.1);--piq-text: #F2EFE8;--piq-text-2: #9A9690;--piq-text-3: #8E8A84;--piq-gold: #D8B57C;--piq-gold-soft: rgba(216,181,124,.14);--piq-gold-border: rgba(216,181,124,.3);--piq-ok: #6CB67A;--piq-ok-soft: rgba(108,182,122,.12);--piq-warn: #E0A856;--piq-warn-soft: rgba(224,168,86,.1);--piq-warn-border: rgba(224,168,86,.25);--piq-critical: #C97064;--piq-critical-soft:rgba(201,112,100,.1);--piq-critical-border:rgba(201,112,100,.25);--piq-info: #7A95B8;--piq-info-soft: rgba(122,149,184,.1);--piq-serif: "Source Serif Pro","Tiempos",Georgia,serif;--piq-mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace;background:var(--piq-bg);border:1px solid var(--piq-border-strong);border-radius:14px;max-width:420px;width:100%;box-shadow:0 25px 60px #00000073,0 0 0 1px #ffffff0a;overflow:hidden;font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--piq-text);font-size:13px;user-select:none;font-feature-settings:"cv11","ss01"}.demo-top[data-astro-cid-z7ctaqfm]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--piq-border)}.demo-logo[data-astro-cid-z7ctaqfm]{font-family:var(--piq-serif);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--piq-text)}.demo-logo-italic[data-astro-cid-z7ctaqfm]{font-style:italic;color:var(--piq-gold)}.demo-status[data-astro-cid-z7ctaqfm]{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border:1px solid var(--piq-gold-border);border-radius:999px;background:var(--piq-gold-soft);font-size:10px;font-weight:500;color:var(--piq-gold);letter-spacing:.1em;line-height:1}.demo-dot[data-astro-cid-z7ctaqfm]{width:6px;height:6px;border-radius:50%;background:var(--piq-gold);box-shadow:0 0 0 2px var(--piq-gold-soft);animation:pulse-dot 2.4s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.demo-screen[data-astro-cid-z7ctaqfm]{height:380px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.demo-screen[data-astro-cid-z7ctaqfm]::-webkit-scrollbar{display:none}.demo-view[data-astro-cid-z7ctaqfm]{display:none;padding:14px 14px 18px;animation:fadeUp .25s ease}.demo-view[data-astro-cid-z7ctaqfm].active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-stats[data-astro-cid-z7ctaqfm]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.demo-stats[data-astro-cid-z7ctaqfm].three{grid-template-columns:1fr 1fr 1fr}.demo-stats[data-astro-cid-z7ctaqfm].four{grid-template-columns:repeat(4,1fr)}.demo-stat[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border);border-radius:12px;padding:11px 12px}.demo-stat[data-astro-cid-z7ctaqfm].accent{border-color:var(--piq-gold-border);background:linear-gradient(180deg,var(--piq-gold-soft),var(--piq-surface-1))}.demo-stat[data-astro-cid-z7ctaqfm].mini{padding:9px 10px;border-radius:10px}.demo-stat-val[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:16px;font-weight:500;color:var(--piq-text);font-variant-numeric:tabular-nums;line-height:1.1}.demo-stat-val[data-astro-cid-z7ctaqfm].big{font-family:var(--piq-serif);font-size:26px;font-weight:500;letter-spacing:-.02em}.demo-stat-val[data-astro-cid-z7ctaqfm].hero-sm{font-family:var(--piq-serif);font-size:20px;font-weight:500;letter-spacing:-.01em}.demo-stat[data-astro-cid-z7ctaqfm].accent .demo-stat-val[data-astro-cid-z7ctaqfm]{color:var(--piq-gold)}.demo-stat[data-astro-cid-z7ctaqfm].critical .demo-stat-val[data-astro-cid-z7ctaqfm]{color:var(--piq-critical)}.demo-stat[data-astro-cid-z7ctaqfm].warn .demo-stat-val[data-astro-cid-z7ctaqfm]{color:var(--piq-warn)}.demo-stat[data-astro-cid-z7ctaqfm].ok .demo-stat-val[data-astro-cid-z7ctaqfm]{color:var(--piq-ok)}.demo-stat-label[data-astro-cid-z7ctaqfm]{font-size:10px;color:var(--piq-text-2);margin-top:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.demo-section-head[data-astro-cid-z7ctaqfm]{display:flex;justify-content:space-between;align-items:center;padding:14px 0 8px;border-top:1px solid var(--piq-border);margin-top:10px}.demo-section-head[data-astro-cid-z7ctaqfm].no-top{border-top:0;margin-top:0;padding-top:10px}.demo-section-title[data-astro-cid-z7ctaqfm]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--piq-text-2)}.demo-list[data-astro-cid-z7ctaqfm]{display:flex;flex-direction:column;gap:6px}.demo-row[data-astro-cid-z7ctaqfm]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--piq-surface-1);border-radius:10px;border:1px solid var(--piq-border);cursor:pointer;transition:background .15s,border-color .15s}.demo-row[data-astro-cid-z7ctaqfm].between{justify-content:space-between}.demo-row[data-astro-cid-z7ctaqfm]:hover{background:var(--piq-surface-2);border-color:var(--piq-border-strong)}.demo-row[data-astro-cid-z7ctaqfm] strong[data-astro-cid-z7ctaqfm]{font-size:13px;color:var(--piq-text);font-weight:500}.demo-sub[data-astro-cid-z7ctaqfm]{display:block;font-size:11px;color:var(--piq-text-3);margin-top:2px}.demo-rank[data-astro-cid-z7ctaqfm]{width:22px;height:22px;border-radius:50%;background:var(--piq-surface-2);border:1px solid var(--piq-border);display:flex;align-items:center;justify-content:center;font-family:var(--piq-mono);font-size:10px;font-weight:500;color:var(--piq-text-2);flex-shrink:0}.demo-qty[data-astro-cid-z7ctaqfm]{margin-left:auto;font-family:var(--piq-mono);font-size:16px;font-weight:500;color:var(--piq-text);font-variant-numeric:tabular-nums;flex-shrink:0}.demo-view-header[data-astro-cid-z7ctaqfm]{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--piq-border)}.demo-view-title[data-astro-cid-z7ctaqfm]{font-family:var(--piq-serif);font-style:italic;font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--piq-text);margin:0;line-height:1}.demo-italic-gold[data-astro-cid-z7ctaqfm]{font-style:italic;color:var(--piq-gold);font-family:inherit}.demo-badge[data-astro-cid-z7ctaqfm]{font-size:10px;padding:4px 10px;border-radius:999px;background:transparent;border:1px solid var(--piq-border);color:var(--piq-text-2);font-weight:500;letter-spacing:.02em}.demo-badge[data-astro-cid-z7ctaqfm].gold{background:var(--piq-gold-soft);border-color:var(--piq-gold-border);color:var(--piq-gold)}.demo-pills[data-astro-cid-z7ctaqfm]{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.demo-pill[data-astro-cid-z7ctaqfm]{padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--piq-border);color:var(--piq-text-2);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.demo-pill[data-astro-cid-z7ctaqfm]:hover{color:var(--piq-text);border-color:var(--piq-border-strong)}.demo-pill[data-astro-cid-z7ctaqfm].active{background:var(--piq-gold-soft);color:var(--piq-gold);border-color:var(--piq-gold-border);font-weight:500}.demo-item[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:background .15s,border-color .15s}.demo-item[data-astro-cid-z7ctaqfm]:hover{background:var(--piq-surface-2);border-color:var(--piq-border-strong)}.demo-item[data-astro-cid-z7ctaqfm].low{background:var(--piq-critical-soft);border-color:var(--piq-critical-border)}.demo-item[data-astro-cid-z7ctaqfm].expanded{border-color:var(--piq-gold-border)}.demo-item-main[data-astro-cid-z7ctaqfm]{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;gap:10px}.demo-item-main[data-astro-cid-z7ctaqfm] strong[data-astro-cid-z7ctaqfm]{font-size:13px;color:var(--piq-text);font-weight:500}.demo-item-qty[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);background:var(--piq-bg);border:1px solid var(--piq-border-strong);border-radius:8px;padding:6px 10px;text-align:center;font-size:16px;font-weight:500;color:var(--piq-text);min-width:48px;flex-shrink:0;font-variant-numeric:tabular-nums}.demo-item-qty[data-astro-cid-z7ctaqfm].low-num{color:var(--piq-critical);border-color:var(--piq-critical-border)}.demo-par[data-astro-cid-z7ctaqfm]{display:block;font-family:Inter Variable,Inter,sans-serif;font-size:9px;color:var(--piq-text-3);text-transform:uppercase;font-weight:500;letter-spacing:.06em;margin-top:2px}.demo-low-badge[data-astro-cid-z7ctaqfm]{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--piq-critical-soft);border:1px solid var(--piq-critical-border);color:var(--piq-critical);font-size:9px;font-weight:600;letter-spacing:.08em;vertical-align:middle}.demo-item-detail[data-astro-cid-z7ctaqfm]{display:none;padding:10px 13px 11px;font-size:11px;color:var(--piq-text-2);line-height:1.65;border-top:1px solid var(--piq-border);margin-top:-1px}.demo-item-detail[data-astro-cid-z7ctaqfm] strong[data-astro-cid-z7ctaqfm]{color:var(--piq-text)}.demo-item[data-astro-cid-z7ctaqfm].expanded .demo-item-detail[data-astro-cid-z7ctaqfm]{display:block;animation:fadeUp .2s ease}.demo-action-cards[data-astro-cid-z7ctaqfm]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.demo-action-cards[data-astro-cid-z7ctaqfm].four{grid-template-columns:repeat(4,1fr)}.demo-action-card[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border-strong);border-radius:12px;padding:14px 10px;text-align:center;font-size:12px;font-weight:500;color:var(--piq-text);cursor:pointer;transition:background .15s,border-color .15s}.demo-action-cards[data-astro-cid-z7ctaqfm].four .demo-action-card[data-astro-cid-z7ctaqfm]{padding:12px 6px;font-size:11px}.demo-action-card[data-astro-cid-z7ctaqfm]:hover{background:var(--piq-surface-2);border-color:var(--piq-gold-border)}.demo-action-card[data-astro-cid-z7ctaqfm].highlight{background:var(--piq-gold-soft);border-color:var(--piq-gold-border);color:var(--piq-gold)}.demo-action-icon[data-astro-cid-z7ctaqfm]{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--piq-text-3);margin-bottom:6px}.demo-action-card[data-astro-cid-z7ctaqfm].highlight .demo-action-icon[data-astro-cid-z7ctaqfm]{color:var(--piq-gold)}.demo-action-sub[data-astro-cid-z7ctaqfm]{display:block;font-size:10px;font-weight:400;color:var(--piq-text-3);margin-top:3px}.demo-action-card[data-astro-cid-z7ctaqfm].highlight .demo-action-sub[data-astro-cid-z7ctaqfm]{color:var(--piq-gold);opacity:.85}.demo-item[data-astro-cid-z7ctaqfm].btg-item{cursor:default;padding:12px;display:flex;flex-direction:column;gap:9px}.demo-item[data-astro-cid-z7ctaqfm].btg-item.warn{border-color:var(--piq-warn-border);background:var(--piq-warn-soft)}.demo-btg-row[data-astro-cid-z7ctaqfm]{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.demo-btg-meta[data-astro-cid-z7ctaqfm]{font-size:10px;color:var(--piq-text-3)}.demo-btg-alert[data-astro-cid-z7ctaqfm]{font-size:10px;color:var(--piq-warn);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.demo-pour-bar[data-astro-cid-z7ctaqfm]{height:6px;background:var(--piq-surface-2);border-radius:99px;overflow:hidden}.demo-pour-bar[data-astro-cid-z7ctaqfm].warn{background:var(--piq-warn-soft);border:1px solid var(--piq-warn-border)}.demo-pour-fill[data-astro-cid-z7ctaqfm]{height:100%;background:var(--piq-gold);border-radius:99px;transition:width .3s,background .15s}.demo-pour-fill[data-astro-cid-z7ctaqfm].warn{background:var(--piq-warn)}.demo-btg-controls[data-astro-cid-z7ctaqfm]{display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-pour-btns[data-astro-cid-z7ctaqfm]{display:flex;gap:6px}.demo-pour-btn[data-astro-cid-z7ctaqfm]{padding:5px 10px;border-radius:8px;background:var(--piq-gold-soft);border:1px solid var(--piq-gold-border);color:var(--piq-gold);font-size:11px;font-weight:500;cursor:pointer;font-family:var(--piq-mono);transition:background .15s,color .15s}.demo-pour-btn[data-astro-cid-z7ctaqfm].sm{background:transparent;border-color:var(--piq-border);color:var(--piq-text-2);font-family:inherit}.demo-pour-btn[data-astro-cid-z7ctaqfm].primary{background:var(--piq-gold);border-color:var(--piq-gold);color:#1a1408;padding:8px 14px}.demo-btg-oz[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:11px;color:var(--piq-text-2);font-variant-numeric:tabular-nums}.demo-btg-actions[data-astro-cid-z7ctaqfm]{display:flex;gap:14px;font-size:11px;color:var(--piq-text-3)}.demo-btg-actions[data-astro-cid-z7ctaqfm] span[data-astro-cid-z7ctaqfm]{cursor:pointer;transition:color .15s}.demo-btg-actions[data-astro-cid-z7ctaqfm] span[data-astro-cid-z7ctaqfm]:hover{color:var(--piq-text)}.demo-btg-actions[data-astro-cid-z7ctaqfm] span[data-astro-cid-z7ctaqfm].bad{color:var(--piq-critical)}.demo-back[data-astro-cid-z7ctaqfm]{display:inline-block;font-size:11px;color:var(--piq-text-2);cursor:pointer;margin-bottom:10px;font-weight:500;letter-spacing:.02em;padding:4px 0}.demo-back[data-astro-cid-z7ctaqfm]:hover{color:var(--piq-gold)}.demo-count-row[data-astro-cid-z7ctaqfm]{display:flex;align-items:center;gap:12px;margin-top:6px}.demo-count-btn[data-astro-cid-z7ctaqfm]{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid var(--piq-border-strong);color:var(--piq-text);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;font-family:var(--piq-mono)}.demo-count-btn[data-astro-cid-z7ctaqfm]:hover{background:var(--piq-surface-2);border-color:var(--piq-gold-border);color:var(--piq-gold)}.demo-count-val[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:20px;font-weight:500;color:var(--piq-text);min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.demo-count-tenth[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:11px;color:var(--piq-text-2);font-variant-numeric:tabular-nums}.demo-tenth-bar[data-astro-cid-z7ctaqfm]{width:18px;height:46px;background:var(--piq-surface-2);border:1px solid var(--piq-border-strong);border-radius:4px;position:relative;overflow:hidden}.demo-tenth-bar[data-astro-cid-z7ctaqfm].critical{border-color:var(--piq-critical-border)}.demo-tenth-fill[data-astro-cid-z7ctaqfm]{position:absolute;bottom:0;left:0;width:100%;background:var(--piq-gold);border-radius:2px;transition:height .3s}.demo-tenth-fill[data-astro-cid-z7ctaqfm].warn{background:var(--piq-warn)}.demo-tenth-fill[data-astro-cid-z7ctaqfm].critical{background:var(--piq-critical)}.demo-tenth-bar-sm[data-astro-cid-z7ctaqfm]{width:14px;height:34px;background:var(--piq-surface-2);border:1px solid var(--piq-border-strong);border-radius:3px;position:relative;overflow:hidden}.demo-tenth-bar-sm[data-astro-cid-z7ctaqfm].critical{border-color:var(--piq-critical-border)}.demo-tenth-row-end[data-astro-cid-z7ctaqfm]{display:flex;align-items:center;gap:6px;margin-left:auto}.demo-tenth-label[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:12px;font-weight:500;color:var(--piq-text);font-variant-numeric:tabular-nums;min-width:18px;text-align:right}.demo-tenth-hero[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border);border-radius:12px;padding:16px;margin-bottom:10px}.demo-tenth-hint[data-astro-cid-z7ctaqfm]{font-size:11px;color:var(--piq-text-2);margin-bottom:12px;letter-spacing:.02em}.demo-tenth-stage[data-astro-cid-z7ctaqfm]{display:flex;align-items:flex-end;gap:18px;justify-content:center}.demo-bottle[data-astro-cid-z7ctaqfm]{width:42px;height:104px;background:var(--piq-surface-2);border:1px solid var(--piq-border-strong);border-radius:6px 6px 4px 4px;position:relative;overflow:hidden}.demo-bottle[data-astro-cid-z7ctaqfm]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:12px;background:var(--piq-surface-2);border:1px solid var(--piq-border-strong);border-top:0;border-radius:0 0 4px 4px}.demo-bottle-fill[data-astro-cid-z7ctaqfm]{position:absolute;bottom:0;left:0;width:100%;background:var(--piq-gold);opacity:.78;transition:height .3s}.demo-bottle-label[data-astro-cid-z7ctaqfm]{position:absolute;bottom:6px;left:0;width:100%;text-align:center;font-family:var(--piq-mono);font-size:11px;font-weight:500;color:#1a1408;font-variant-numeric:tabular-nums}.demo-tenth-name[data-astro-cid-z7ctaqfm]{font-size:13px;color:var(--piq-text);font-weight:500}.demo-tenth-line[data-astro-cid-z7ctaqfm]{font-size:11px;color:var(--piq-text-2);margin-top:5px;display:flex;justify-content:space-between;gap:18px;min-width:140px}.demo-tenth-line[data-astro-cid-z7ctaqfm] strong[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);color:var(--piq-text);font-weight:500;font-variant-numeric:tabular-nums}.demo-gold[data-astro-cid-z7ctaqfm]{color:var(--piq-gold)!important}.demo-var[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.demo-var[data-astro-cid-z7ctaqfm].bad{color:var(--piq-critical)}.demo-var[data-astro-cid-z7ctaqfm].good{color:var(--piq-ok)}.demo-audit-total[data-astro-cid-z7ctaqfm]{margin-top:10px}.demo-empty[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border);border-radius:12px;padding:28px 20px;text-align:center}.demo-empty-title[data-astro-cid-z7ctaqfm]{font-family:var(--piq-serif);font-style:italic;font-size:18px;font-weight:500;color:var(--piq-text);margin-bottom:6px}.demo-empty-sub[data-astro-cid-z7ctaqfm]{font-size:11px;color:var(--piq-text-2)}.demo-empty-action[data-astro-cid-z7ctaqfm]{margin-top:14px}.demo-cogs-blended[data-astro-cid-z7ctaqfm]{margin-top:8px;text-align:left}.demo-cogs-blended[data-astro-cid-z7ctaqfm] .demo-stat-val[data-astro-cid-z7ctaqfm]{font-family:var(--piq-serif);font-size:22px;font-weight:500}.demo-settings-val[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:11px;color:var(--piq-text-2);font-variant-numeric:tabular-nums}.demo-link[data-astro-cid-z7ctaqfm]{font-size:11px;color:var(--piq-gold);font-weight:500;cursor:pointer;letter-spacing:.04em}.demo-link[data-astro-cid-z7ctaqfm]:hover{text-decoration:underline}.demo-recipe-end[data-astro-cid-z7ctaqfm]{text-align:right}.demo-recipe-price[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:15px;font-weight:500;color:var(--piq-text);font-variant-numeric:tabular-nums}.demo-recipe-pc[data-astro-cid-z7ctaqfm]{font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.demo-recipe-pc[data-astro-cid-z7ctaqfm].ok{color:var(--piq-ok)}.demo-recipe-pc[data-astro-cid-z7ctaqfm].warn{color:var(--piq-warn)}.demo-recipe-pc[data-astro-cid-z7ctaqfm].bad{color:var(--piq-critical)}.demo-ok[data-astro-cid-z7ctaqfm]{color:var(--piq-ok)}.demo-bars[data-astro-cid-z7ctaqfm]{display:flex;flex-direction:column;gap:8px}.demo-bar-row[data-astro-cid-z7ctaqfm]{display:flex;align-items:center;gap:10px;padding:4px 0}.demo-bar-label[data-astro-cid-z7ctaqfm]{font-size:11px;color:var(--piq-text-2);width:52px;flex-shrink:0;font-weight:500}.demo-bar-track[data-astro-cid-z7ctaqfm]{flex:1;height:8px;background:var(--piq-surface-2);border:1px solid var(--piq-border);border-radius:99px;overflow:hidden}.demo-bar-fill[data-astro-cid-z7ctaqfm]{height:100%;border-radius:99px;transition:width .3s}.demo-bar-fill[data-astro-cid-z7ctaqfm].critical{background:var(--piq-critical)}.demo-bar-fill[data-astro-cid-z7ctaqfm].warn{background:var(--piq-warn)}.demo-bar-fill[data-astro-cid-z7ctaqfm].info{background:var(--piq-info)}.demo-bar-val[data-astro-cid-z7ctaqfm]{font-family:var(--piq-mono);font-size:12px;font-weight:500;color:var(--piq-text);width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.demo-tools-grid[data-astro-cid-z7ctaqfm]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-tool-card[data-astro-cid-z7ctaqfm]{background:var(--piq-surface-1);border:1px solid var(--piq-border-strong);border-radius:12px;padding:22px 10px;text-align:center;font-size:12px;font-weight:500;color:var(--piq-text);cursor:pointer;transition:background .15s,border-color .15s}.demo-tool-card[data-astro-cid-z7ctaqfm]:hover{background:var(--piq-surface-2);border-color:var(--piq-gold-border)}.demo-tool-card[data-astro-cid-z7ctaqfm].primary{background:var(--piq-gold-soft);border-color:var(--piq-gold-border);color:var(--piq-gold)}.demo-tool-name[data-astro-cid-z7ctaqfm]{font-family:var(--piq-serif);font-style:italic;font-size:14px;font-weight:500;letter-spacing:-.01em}.demo-nav[data-astro-cid-z7ctaqfm]{display:flex;border-top:1px solid var(--piq-border);background:var(--piq-bg);padding:4px 0}.demo-nav-btn[data-astro-cid-z7ctaqfm]{flex:1;padding:10px 0 12px;background:none;border:0;color:var(--piq-text-3);font-size:11px;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:color .15s;position:relative}.demo-nav-btn[data-astro-cid-z7ctaqfm]:hover{color:var(--piq-text-2)}.demo-nav-btn[data-astro-cid-z7ctaqfm].active{color:var(--piq-gold)}.demo-nav-btn[data-astro-cid-z7ctaqfm].active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--piq-gold);border-radius:0 0 2px 2px}@media(max-width:800px){.demo-app[data-astro-cid-z7ctaqfm]{max-width:340px}.demo-screen[data-astro-cid-z7ctaqfm]{height:320px}.demo-stat-val[data-astro-cid-z7ctaqfm].big{font-size:22px}.demo-view-title[data-astro-cid-z7ctaqfm]{font-size:19px}}