.gp-demo{display:grid;gap:1rem;--gp-demo-board-start: #13181d;--gp-demo-board-middle: #182229;--gp-demo-board-end: #1c2b31;--gp-demo-grid: rgba(214, 228, 234, .08);--gp-demo-grid-major: rgba(214, 228, 234, .14);--gp-demo-grid-dot: rgba(214, 228, 234, .1);--gp-demo-note-shadow: rgba(0, 0, 0, .55);--gp-demo-note-fold: rgba(255, 255, 255, .28);--gp-demo-panel: rgba(25, 35, 46, .9);--gp-demo-panel-border: rgba(217, 225, 220, .1);--gp-demo-panel-shadow: rgba(0, 0, 0, .28);--gp-demo-text: #e9f1f3;--gp-demo-muted: rgba(220, 232, 234, .72)}.gp-demoHud{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.gp-demoHint{display:flex;align-items:center;gap:.75rem;color:var(--gp-demo-muted);font:600 .92rem/1.4 Avenir Next,Segoe UI,sans-serif}.gp-demoHintBadge{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .75rem;border-radius:999px;background:var(--gp-demo-panel);border:1px solid var(--gp-demo-panel-border);box-shadow:0 10px 24px var(--gp-demo-panel-shadow);color:var(--gp-demo-text)}.gp-demoActions{display:flex;align-items:center;gap:.75rem}.gp-demoMeta{color:var(--gp-demo-muted);font:500 .85rem/1.4 Avenir Next,Segoe UI,sans-serif}.gp-demoReset{appearance:none;border:0;border-radius:999px;padding:.8rem 1.15rem;background:#32cd32;color:#102810;font:700 .86rem/1 Avenir Next,Segoe UI,sans-serif;letter-spacing:.03em;cursor:pointer;box-shadow:0 14px 28px #00000047}.gp-demoReset:hover,.gp-demoReset:focus-visible{outline:none;background:#42da42}.gp-demoFrame{width:100%;max-width:1040px;padding:14px;border-radius:30px;background:#19232eb8;border:1px solid var(--gp-demo-panel-border);box-shadow:0 24px 60px #0000005c}.gp-demoViewport{position:relative;width:100%;overflow:auto;border-radius:24px;box-shadow:inset 0 0 0 1px #d9e1dc14;overscroll-behavior:contain}.gp-demoViewportInner{position:relative;margin:0 auto}.gp-demoSurface{position:absolute;top:0;left:0;overflow:hidden;border-radius:24px;transform-origin:top left;background-image:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 24%),linear-gradient(135deg,var(--gp-demo-board-start) 0%,var(--gp-demo-board-middle) 54%,var(--gp-demo-board-end) 100%);background-size:auto,auto}.gp-demoSurface:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%)}.gp-demoGrid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,var(--gp-demo-grid-dot) 1.2px,transparent 0),linear-gradient(to right,var(--gp-demo-grid-major) 2px,transparent 2px),linear-gradient(to bottom,var(--gp-demo-grid-major) 2px,transparent 2px),linear-gradient(to right,var(--gp-demo-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--gp-demo-grid) 1px,transparent 1px);background-size:20px 20px,100px 100px,100px 100px,20px 20px,20px 20px;background-position:0 0,0 0,0 0,0 0,0 0;opacity:.72}.gp-demoCard{position:absolute;display:flex;flex-direction:column;transform:translateZ(0);cursor:grab;touch-action:none;user-select:none;will-change:transform;z-index:1}.gp-demoCard.isDragging{cursor:grabbing;z-index:40}.gp-demoCardInner{position:relative;width:100%;height:100%}.gp-demoFrameCard{position:absolute;transform:translateZ(0);pointer-events:none;user-select:none;z-index:0}.gp-demoFrameOutline{position:absolute;inset:0;border:2px dashed rgba(214,228,234,.48);background:linear-gradient(180deg,#d6e4ea08,#d6e4ea00)}.gp-demoFrameLabel{position:absolute;top:14px;left:16px;right:16px;color:#f1f7f9e0;font:700 14px/1.2 Azeret Mono,IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.gp-demoSticky{box-shadow:0 6px 12px var(--gp-demo-note-shadow),0 18px 32px #00000038}.gp-demoNote{padding:18px;color:#24373d;font:500 24px/1.25 Avenir Next,Segoe UI,sans-serif;white-space:pre-wrap}.gp-demoNoteFold{position:absolute;top:0;right:0;width:34px;height:34px;clip-path:polygon(0 0,100% 0,100% 100%);background:var(--gp-demo-note-fold)}.gp-demoLink{border-radius:18px;background:#1b252c;border:1.2px solid rgba(229,237,239,.12);box-shadow:0 12px 24px #00000047;padding:12px;display:flex;align-items:center;gap:10px}.gp-demoLinkShell{width:32px;height:32px;border-radius:16px;background:#24333b;color:#dce8ea;display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 Avenir Next,Segoe UI,sans-serif;flex:0 0 auto}.gp-demoLinkBody{min-width:0;display:grid;gap:.15rem}.gp-demoLinkTitle{color:#f3f8f8;font:700 .85rem/1.2 Avenir Next,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-demoLinkMeta{color:#dce8eab8;font:500 .78rem/1.2 Avenir Next,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-demoMap{border-radius:24px;background:#182128;border:1.2px solid rgba(233,241,243,.12);box-shadow:0 12px 28px #00000052;padding:14px}.gp-demoMapPreview{position:relative;height:124px;border-radius:18px;overflow:hidden;background:#233039}.gp-demoMapPreview img{position:absolute;width:256px;height:256px;max-width:none;pointer-events:none;user-select:none}.gp-demoMapGridLine{position:absolute;background:#ffffff2e}.gp-demoMapGridLine.isHorizontal{left:0;right:0;top:50%;height:1px}.gp-demoMapGridLine.isVertical{top:0;bottom:0;left:50%;width:1px}.gp-demoMapMarker{position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:999px;transform:translate(-50%,-68%);background:#e85d4b;border:3px solid #fff7ed}.gp-demoMapMarker:after{content:"";position:absolute;left:50%;bottom:-13px;width:18px;height:18px;transform:translate(-50%) rotate(45deg);background:#e85d4b;border-right:3px solid #fff7ed;border-bottom:3px solid #fff7ed;border-bottom-right-radius:4px}.gp-demoMapMarker:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;transform:translate(-50%,-50%);background:#fff7ed;z-index:1}.gp-demoMapFooter{margin-top:14px;border-radius:16px;background:#223038;padding:10px 14px;display:grid;gap:.2rem}.gp-demoMapLabel{color:#f4fbfb;font:700 15px/1.2 Avenir Next,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-demoMapMeta{color:#dce8eab8;font:500 12px/1.2 Avenir Next,Segoe UI,sans-serif}.gp-demoCode{border-radius:18px;background:#0f172a;border:1.2px solid rgba(148,163,184,.28);box-shadow:0 18px 32px #0f172a73;padding:52px 18px 18px;overflow:hidden}.gp-demoCodeChip{position:absolute;top:16px;left:18px;min-width:36px;height:24px;padding:0 10px;border-radius:12px;background:#1e293bf2;color:#e2e8f0f2;display:inline-flex;align-items:center;justify-content:center;font:700 11px/1 JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:lowercase}.gp-demoCode pre{margin:0;color:#dbeafe;font:500 16px/1.45 JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.gp-demoChecklist{padding:18px;box-shadow:0 6px 12px var(--gp-demo-note-shadow),0 18px 32px #00000038}.gp-demoChecklistRows{display:grid;gap:12px}.gp-demoChecklistRow{appearance:none;border:0;width:100%;padding:0;background:transparent;color:#24373d;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:center;text-align:left;cursor:pointer;font:500 18px/1.35 Avenir Next,Segoe UI,sans-serif}.gp-demoChecklistRow:focus-visible{outline:2px solid rgba(20,54,61,.35);outline-offset:4px;border-radius:8px}.gp-demoChecklistBox{width:18px;height:18px;border-radius:4px;background:#ffffff5c;border:1.5px solid rgba(36,55,61,.5);position:relative}.gp-demoChecklistBox.isChecked:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:5px;border-left:2px solid #1f3437;border-bottom:2px solid #1f3437;transform:rotate(-45deg)}.gp-demoChecklistLabel{min-width:0;position:relative}.gp-demoChecklistLabel.isChecked{opacity:.66}.gp-demoChecklistLabel.isChecked:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:#24373d80}@media(max-width:720px){.gp-demoHint{font-size:.85rem}.gp-demoActions{width:100%;justify-content:space-between}}