.fruit-demo .sql-pre{margin-top:.5rem;padding:.85rem 1rem;border-radius:.75rem;background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;overflow-x:auto;white-space:pre}.fruit-demo .mode-pill{padding:.4rem .85rem;border-radius:9999px;font-size:12.5px;font-weight:500;border:1px solid var(--theme-border);background:var(--theme-card);color:var(--theme-text-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.fruit-demo .mode-pill:hover{border-color:rgba(var(--theme-hero-rgb),.4);color:var(--theme-text-primary)}.fruit-demo .mode-pill.is-active{background:rgba(var(--theme-hero-rgb),.12);border-color:rgba(var(--theme-hero-rgb),.4);color:var(--color-hero)}.fruit-demo .fruit-chip{display:flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border-radius:12px;border:1px solid var(--theme-border);background:var(--theme-card);color:var(--theme-text-secondary);font-size:13.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.fruit-demo .fruit-chip:hover{border-color:rgba(var(--theme-hero-rgb),.4);color:var(--theme-text-primary);transform:translateY(-1px)}.fruit-demo .fruit-chip.is-sel{border-color:var(--color-hero);background:rgba(var(--theme-hero-rgb),.08);color:var(--theme-text-primary);font-weight:600}.fruit-demo .fruit-chip svg{width:46px;height:46px;display:block;fill:var(--color-hero);flex-shrink:0}.fruit-demo #heatmap{container-type:inline-size;container-name:heat;padding:6px}.fruit-demo .heat-rowgrid{display:grid;grid-template-columns:132px repeat(12,minmax(20px,1fr)) 96px;gap:4px;align-items:center;min-width:700px;margin-bottom:4px}.fruit-demo .heat-row{border-radius:7px;transition:background .15s ease}.fruit-demo .heat-row.is-sel{background:rgba(var(--theme-hero-rgb),.09);box-shadow:0 0 0 2px var(--color-hero);position:relative;z-index:1}.fruit-demo .heat-colbar{height:84px;display:flex;align-items:flex-end}.fruit-demo .heat-colbar>i{display:block;width:100%;border-radius:3px 3px 0 0;background:rgba(var(--theme-hero-rgb),.4);min-height:1px}.fruit-demo .heat-yaxis{height:84px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:5px;border-right:1px solid var(--theme-border);font-size:9.5px;color:var(--theme-text-tertiary);font-variant-numeric:tabular-nums}.fruit-demo .heat-baseline{margin-bottom:2px}.fruit-demo .heat-baseline .hb-line{grid-column:2 / -2;height:0;border-top:1px solid var(--theme-border)}.fruit-demo .heat-colhead{font-size:11px;color:var(--theme-text-tertiary);text-align:center}.fruit-demo .heat-rec-head{font-size:9.5px;color:var(--theme-text-tertiary);text-align:center;white-space:nowrap;letter-spacing:.02em}.fruit-demo .m1{display:none}.fruit-demo .heat-corner{font-size:11px;color:var(--theme-text-tertiary)}.fruit-demo .heat-rlabel{white-space:nowrap;text-align:left;padding:0 4px 0 6px;cursor:pointer;font-size:13px;color:var(--theme-text-secondary);overflow:hidden;text-overflow:ellipsis}.fruit-demo .heat-row.is-sel .heat-rlabel{color:var(--color-hero);font-weight:600}.fruit-demo .heat-cell{height:28px;border-radius:5px;cursor:pointer}.fruit-demo .heat-cell.is-active{outline:2px solid var(--color-hero);outline-offset:-1px;border-radius:5px}.fruit-demo .heat-recordbar{height:28px;display:flex;align-items:center;cursor:pointer}.fruit-demo .heat-recordbar .rb{height:28px;min-width:2px;border-radius:3px;background:rgba(var(--theme-hero-rgb),.4)}.fruit-demo .heat-row.is-sel .heat-recordbar .rb{background:var(--color-hero)}.fruit-demo .heat-recaxis{align-items:start;margin-top:2px}.fruit-demo .heat-recaxis-ticks{grid-column:-2 / -1;display:flex;justify-content:space-between;padding-top:3px;border-top:1px solid var(--theme-border);font-size:9px;color:var(--theme-text-tertiary);font-variant-numeric:tabular-nums}@container heat (max-width: 640px){.fruit-demo .heat-rowgrid{grid-template-columns:60px repeat(12,minmax(0,1fr)) 48px;min-width:0;gap:2px}.fruit-demo .heat-rlabel{font-size:11px;padding:0 2px}.fruit-demo .heat-cell{border-radius:3px}.fruit-demo .heat-yaxis{font-size:8px;padding-right:3px}.fruit-demo .heat-rec-head,.fruit-demo .heat-recaxis-ticks{font-size:8px}.fruit-demo .m3{display:none}.fruit-demo .m1{display:inline}}.fruit-demo .island-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;cursor:pointer;padding:3px 5px;border-radius:7px;transition:background .15s ease}.fruit-demo .island-row:hover{background:rgba(var(--theme-hero-rgb),.06)}.fruit-demo .island-row.is-sel{background:rgba(var(--theme-hero-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--theme-hero-rgb),.45)}.fruit-demo .island-name{font-size:12.5px;color:var(--theme-text-secondary);text-align:right}.fruit-demo .island-row.is-sel .island-name{color:var(--color-hero);font-weight:600}.fruit-demo .island-track{height:18px;background:var(--theme-surface);border-radius:4px;overflow:hidden}.fruit-demo .island-fill{height:100%;background:var(--color-hero);border-radius:4px;transition:width .3s ease}.fruit-demo .island-val{font-size:12px;color:var(--theme-text-tertiary);font-variant-numeric:tabular-nums}.fruit-demo .sd-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:10px;border-top:1px dashed var(--theme-border)}.fruit-demo .sd-crumbs:empty{display:none}.fruit-demo .crumb-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--theme-text-tertiary);margin-right:2px}.fruit-demo .crumb{display:inline-flex;align-items:center;gap:5px;padding:3px 5px 3px 9px;border-radius:9999px;font-size:12px;color:var(--theme-text-primary);background:rgba(var(--theme-hero-rgb),.1);border:1px solid rgba(var(--theme-hero-rgb),.35)}.fruit-demo .crumb-k{font-size:9.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--theme-text-tertiary)}.fruit-demo .crumb-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:9999px;background:transparent;color:var(--theme-text-tertiary);cursor:pointer;font-size:14px;line-height:1}.fruit-demo .crumb-x:hover{background:rgba(var(--theme-hero-rgb),.2);color:var(--color-hero)}.fruit-demo .crumb-clear-all{border:none;background:transparent;color:var(--theme-text-tertiary);cursor:pointer;font-size:11px;text-decoration:underline}.fruit-demo .crumb-clear-all:hover{color:var(--color-hero)}.fruit-demo .dd{position:relative}.fruit-demo .dd-trigger{width:100%;min-height:40px;padding:.5rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:.75rem;color:var(--theme-text-primary);font:inherit;font-size:14px;text-align:left;cursor:pointer}.fruit-demo .dd-trigger:hover{border-color:rgba(var(--theme-hero-rgb),.45)}.fruit-demo .dd.is-open .dd-trigger{border-color:var(--color-hero);box-shadow:0 0 0 3px rgba(var(--theme-hero-rgb),.18);outline:none}.fruit-demo .dd-chevron{width:13px;height:13px;color:var(--theme-text-tertiary);transition:transform .2s ease}.fruit-demo .dd.is-open .dd-chevron{transform:rotate(180deg)}.fruit-demo .dd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:280px;overflow-y:auto;padding:.35rem;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:14px;box-shadow:0 18px 48px -14px #00000047;display:none}.fruit-demo .dd.is-open .dd-panel{display:block}html.dark .fruit-demo .dd-panel{background:#141416;border-color:#ffffff1a}.fruit-demo .dd-opt{width:100%;padding:.5rem .7rem;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--theme-text-secondary);font:inherit;font-size:14px;text-align:left;cursor:pointer}.fruit-demo .dd-opt:hover{background:rgba(var(--theme-hero-rgb),.08);color:var(--theme-text-primary)}.fruit-demo .dd-opt[aria-selected=true]{background:rgba(var(--theme-hero-rgb),.1);color:var(--color-hero);font-weight:600}.fruit-demo #map{background:var(--theme-surface)}.fruit-demo .leaflet-popup-content{font-size:12.5px}.fruit-demo .leaflet-container{font:inherit}.fruit-demo .leaflet-control-attribution{opacity:.28;font-size:9px;background:transparent!important;box-shadow:none;transition:opacity .2s ease}.fruit-demo .leaflet-control-attribution:hover{opacity:.7}.fruit-demo .leaflet-control-attribution a{color:var(--theme-text-tertiary)}html.matisse .fruit-demo .mode-pill,html.matisse .fruit-demo .fruit-chip{border:2px solid #1B1B1B;background:#fbf6e7;color:#1b1b1b;border-radius:16px 10px 15px 9px/10px 16px 9px 15px;box-shadow:.22rem .22rem #1b1b1b2e}html.matisse.dark .fruit-demo .mode-pill,html.matisse.dark .fruit-demo .fruit-chip{border-color:#f4ecd8;background:#14336a;color:#f7efd9}html.matisse .fruit-demo .mode-pill.is-active,html.matisse .fruit-demo .fruit-chip.is-sel{background:var(--color-hero);color:#fbf6e7}html.matisse .fruit-demo .fruit-chip.is-sel svg{fill:#fbf6e7}.sd-tip{position:fixed;z-index:9999;pointer-events:none;display:none;max-width:240px;padding:7px 10px;border-radius:9px;background:var(--theme-card, #fff);border:1px solid var(--theme-border, rgba(0,0,0,.1));color:var(--theme-text-primary, #1d1d1f);font-size:12px;line-height:1.45;box-shadow:0 10px 30px -8px #0000004d}