.sandbox-wrapper[data-astro-cid-3vgs4jas]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sandbox-header[data-astro-cid-3vgs4jas]{margin-bottom:var(--spacing-xs)}.sandbox-title[data-astro-cid-3vgs4jas]{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sandbox-desc[data-astro-cid-3vgs4jas]{font-size:14px;color:var(--color-text-secondary);letter-spacing:.01em}.sandbox-demo[data-astro-cid-3vgs4jas]{position:relative;width:100%;height:400px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.demo-layer[data-astro-cid-3vgs4jas]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.demo-layer--light[data-astro-cid-3vgs4jas]{background:#f7f7f8;z-index:1}.demo-layer--dark[data-astro-cid-3vgs4jas]{background:#1a1a1a;z-index:2;clip-path:circle(0px at 0px 0px)}.demo-content[data-astro-cid-3vgs4jas]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.demo-label[data-astro-cid-3vgs4jas]{font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.demo-layer--light[data-astro-cid-3vgs4jas] .demo-label[data-astro-cid-3vgs4jas]{color:#1a1a1a}.demo-layer--dark[data-astro-cid-3vgs4jas] .demo-label[data-astro-cid-3vgs4jas]{color:#e8e8e8}.demo-line[data-astro-cid-3vgs4jas]{width:120px;height:2px;border-radius:1px}.demo-layer--light[data-astro-cid-3vgs4jas] .demo-line[data-astro-cid-3vgs4jas]{background:#e5e5e5}.demo-layer--dark[data-astro-cid-3vgs4jas] .demo-line[data-astro-cid-3vgs4jas]{background:#333}.demo-dots[data-astro-cid-3vgs4jas]{display:flex;gap:var(--spacing-sm)}.demo-dot[data-astro-cid-3vgs4jas]{width:12px;height:12px;border-radius:50%}.theme-toggle-btn[data-astro-cid-3vgs4jas]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:box-shadow var(--duration-fast) var(--ease-out);backdrop-filter:blur(8px)}.theme-toggle-btn[data-astro-cid-3vgs4jas]:hover{box-shadow:0 2px 8px #0000001f}.theme-toggle-btn[data-astro-cid-3vgs4jas]:active{transform:scale(.95)}.theme-toggle-icon[data-astro-cid-3vgs4jas]{line-height:1;pointer-events:none}.sandbox-controls[data-astro-cid-3vgs4jas]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding-top:var(--spacing-md)}.control-group[data-astro-cid-3vgs4jas]{display:flex;flex-direction:column;gap:4px}.control-group[data-astro-cid-3vgs4jas] label[data-astro-cid-3vgs4jas]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.control-group[data-astro-cid-3vgs4jas] input[data-astro-cid-3vgs4jas][type=range]{width:100%;accent-color:var(--color-accent, #007aff)}.control-value[data-astro-cid-3vgs4jas]{font-size:12px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary, #999)}.control-select[data-astro-cid-3vgs4jas]{width:100%;font-size:13px;font-family:inherit;padding:6px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg, #F7F7F8);color:var(--color-text-primary, #1a1a1a);cursor:pointer}.control-select[data-astro-cid-3vgs4jas]:focus{outline:2px solid var(--color-accent);outline-offset:1px}@media(max-width:600px){.sandbox-controls[data-astro-cid-3vgs4jas]{grid-template-columns:1fr}}.sandbox-wrapper[data-astro-cid-jpwlka6j]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sandbox-header[data-astro-cid-jpwlka6j]{margin-bottom:var(--spacing-xs)}.sandbox-title[data-astro-cid-jpwlka6j]{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sandbox-desc[data-astro-cid-jpwlka6j]{font-size:14px;color:var(--color-text-secondary);letter-spacing:.01em}.sandbox-demo[data-astro-cid-jpwlka6j]{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.demo-card[data-astro-cid-jpwlka6j]{width:100%;max-width:400px;background:var(--color-bg-off, #f7f7f8);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:var(--spacing-lg, 24px);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm)}[data-astro-cid-jpwlka6j][data-theme=dark] .demo-card[data-astro-cid-jpwlka6j]{background:#242424}.demo-card-top[data-astro-cid-jpwlka6j]{display:flex;justify-content:space-between;align-items:center}.demo-pill-wrapper[data-astro-cid-jpwlka6j]{position:relative;display:inline-flex;align-items:center}.demo-pill-ring[data-astro-cid-jpwlka6j]{position:absolute;inset:-2px;border:1.5px solid var(--color-technical, #007aff);border-radius:inherit;opacity:0;pointer-events:none}.demo-pill[data-astro-cid-jpwlka6j]{font-size:var(--font-size-label, 12px);font-weight:var(--font-weight-medium, 500);padding:2px 8px;border-radius:var(--radius-sm, 6px);color:var(--color-technical, #007aff);background:var(--color-technical-bg, #007aff1a)}.demo-date[data-astro-cid-jpwlka6j]{font-size:var(--font-size-label, 12px);color:var(--color-text-secondary)}.demo-title[data-astro-cid-jpwlka6j]{font-size:var(--font-size-title, 18px);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-xs) 0;line-height:1.3}.demo-description[data-astro-cid-jpwlka6j]{font-size:var(--font-size-body, 15px);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:1.5;margin:0}.sandbox-controls[data-astro-cid-jpwlka6j]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding-top:var(--spacing-md)}.control-group[data-astro-cid-jpwlka6j]{display:flex;flex-direction:column;gap:4px}.control-group[data-astro-cid-jpwlka6j] label[data-astro-cid-jpwlka6j]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.control-group[data-astro-cid-jpwlka6j] input[data-astro-cid-jpwlka6j][type=range]{width:100%;accent-color:var(--color-accent, #007aff)}.control-group[data-astro-cid-jpwlka6j] select[data-astro-cid-jpwlka6j]{width:100%;font-size:12px;font-family:var(--font-family-mono, monospace);padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg-off, #f7f7f8);color:var(--color-text-primary)}[data-astro-cid-jpwlka6j][data-theme=dark] .control-group[data-astro-cid-jpwlka6j] select[data-astro-cid-jpwlka6j]{background:#242424}.control-value[data-astro-cid-jpwlka6j]{font-size:12px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary, #999)}@media(max-width:600px){.sandbox-controls[data-astro-cid-jpwlka6j]{grid-template-columns:1fr}}.sandbox-wrapper[data-astro-cid-tnuhnjtv]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sandbox-header[data-astro-cid-tnuhnjtv]{margin-bottom:var(--spacing-xs)}.sandbox-title[data-astro-cid-tnuhnjtv]{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sandbox-desc[data-astro-cid-tnuhnjtv]{font-size:14px;color:var(--color-text-secondary);letter-spacing:.01em}.demo-area[data-astro-cid-tnuhnjtv]{padding:var(--spacing-xl, 32px);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 24px);min-height:120px;justify-content:center}.pill-row[data-astro-cid-tnuhnjtv]{display:flex;gap:12px;align-items:center}.pill[data-astro-cid-tnuhnjtv]{position:relative;display:inline-block;font-size:var(--font-size-label, 12px);font-weight:var(--font-weight-medium, 500);padding:4px 12px;border-radius:var(--radius-sm, 6px);color:var(--pill-color);background:var(--pill-bg)}.pill-ring[data-astro-cid-tnuhnjtv]{position:absolute;inset:-3px;border:1.5px solid currentColor;border-radius:inherit;opacity:0;pointer-events:none}.button-row[data-astro-cid-tnuhnjtv]{display:flex;gap:8px}.trigger-btn[data-astro-cid-tnuhnjtv]{padding:6px 16px;font-size:13px;font-weight:var(--font-weight-medium, 500);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg-off);color:var(--color-text-primary);cursor:pointer}.trigger-btn[data-astro-cid-tnuhnjtv]:hover{background:var(--color-border)}.sandbox-controls[data-astro-cid-tnuhnjtv]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding-top:var(--spacing-md)}.control-group[data-astro-cid-tnuhnjtv]{display:flex;flex-direction:column;gap:4px}.control-group[data-astro-cid-tnuhnjtv] label[data-astro-cid-tnuhnjtv]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.control-group[data-astro-cid-tnuhnjtv] input[data-astro-cid-tnuhnjtv][type=range]{width:100%;accent-color:var(--color-accent, #007aff)}.control-group[data-astro-cid-tnuhnjtv] select[data-astro-cid-tnuhnjtv]{width:100%;padding:4px 8px;font-size:13px;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg-off);color:var(--color-text-primary);cursor:pointer}.control-group[data-astro-cid-tnuhnjtv] select[data-astro-cid-tnuhnjtv]:focus{outline:2px solid var(--color-accent, #007aff);outline-offset:1px}.control-group[data-astro-cid-tnuhnjtv] input[data-astro-cid-tnuhnjtv][type=checkbox]{accent-color:var(--color-accent, #007aff);width:16px;height:16px;cursor:pointer}.control-value[data-astro-cid-tnuhnjtv]{font-size:12px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary, #999)}@media(max-width:600px){.sandbox-controls[data-astro-cid-tnuhnjtv]{grid-template-columns:1fr}}.sandbox-wrapper[data-astro-cid-t6uvspez]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sandbox-header[data-astro-cid-t6uvspez]{margin-bottom:var(--spacing-xs)}.sandbox-title[data-astro-cid-t6uvspez]{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sandbox-desc[data-astro-cid-t6uvspez]{font-size:14px;color:var(--color-text-secondary);letter-spacing:.01em}.sandbox-canvas-container[data-astro-cid-t6uvspez]{width:100%;height:400px;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.sandbox-canvas[data-astro-cid-t6uvspez]{display:block;width:100%;height:400px;cursor:crosshair}.sandbox-controls[data-astro-cid-t6uvspez]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding-top:var(--spacing-md)}.control-group[data-astro-cid-t6uvspez]{display:flex;flex-direction:column;gap:4px}.control-group[data-astro-cid-t6uvspez] label[data-astro-cid-t6uvspez]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.control-group[data-astro-cid-t6uvspez] input[data-astro-cid-t6uvspez][type=range]{width:100%;accent-color:var(--color-accent, #007aff)}.control-value[data-astro-cid-t6uvspez]{font-size:12px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary, #999)}@media(max-width:600px){.sandbox-controls[data-astro-cid-t6uvspez]{grid-template-columns:1fr}}.sandbox-wrapper[data-astro-cid-q2gqrj67]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sandbox-header[data-astro-cid-q2gqrj67]{margin-bottom:var(--spacing-xs)}.sandbox-title[data-astro-cid-q2gqrj67]{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sandbox-desc[data-astro-cid-q2gqrj67]{font-size:14px;color:var(--color-text-secondary);letter-spacing:.01em}.demo-area[data-astro-cid-q2gqrj67]{padding:var(--spacing-xl, 32px);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);display:flex;gap:var(--spacing-xl, 32px);align-items:center;min-height:80px}.demo-link[data-astro-cid-q2gqrj67]{position:relative;text-decoration:none;cursor:pointer;font-size:13px;transition:color var(--demo-text-color-duration, .2s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.demo-link[data-astro-cid-q2gqrj67]:after{content:"";position:absolute;left:50%;bottom:var(--demo-underline-offset, -2px);width:0;height:var(--demo-underline-height, 1.5px);background:var(--demo-underline-color, var(--color-accent));transition:width var(--demo-underline-duration, .2s) var(--demo-underline-easing, cubic-bezier(.16, 1, .3, 1)),left var(--demo-underline-duration, .2s) var(--demo-underline-easing, cubic-bezier(.16, 1, .3, 1))}.demo-link[data-astro-cid-q2gqrj67]:hover:after{width:100%;left:0}.demo-nav-link[data-astro-cid-q2gqrj67]{color:var(--color-text-secondary)}.demo-nav-link[data-astro-cid-q2gqrj67]:hover{color:var(--color-text-primary)}.demo-nav-link[data-astro-cid-q2gqrj67]:after{height:var(--demo-underline-height, 1.5px);background:var(--demo-underline-color, var(--color-accent))}.demo-footer-link[data-astro-cid-q2gqrj67]{display:inline-flex;align-items:center;gap:3px;color:var(--color-text-secondary)}.demo-footer-link[data-astro-cid-q2gqrj67]:hover{color:var(--color-text-primary)}.demo-footer-link[data-astro-cid-q2gqrj67]:after{height:1px}.external-icon[data-astro-cid-q2gqrj67]{opacity:0;transform:translateY(var(--demo-icon-slide-distance, 1px));transition:opacity var(--demo-icon-fade-duration, .2s) var(--ease-out, cubic-bezier(.16, 1, .3, 1)),transform var(--demo-icon-fade-duration, .2s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.demo-footer-link[data-astro-cid-q2gqrj67]:hover .external-icon[data-astro-cid-q2gqrj67]{opacity:1;transform:translateY(0)}.demo-back-link[data-astro-cid-q2gqrj67]{color:var(--color-accent)}.demo-back-link[data-astro-cid-q2gqrj67]:after{height:1px;background:var(--demo-underline-color, var(--color-accent))}.demo-back-link[data-astro-cid-q2gqrj67]:hover{color:var(--color-text-primary)}.sandbox-controls[data-astro-cid-q2gqrj67]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-xl);padding-top:var(--spacing-md)}.control-group[data-astro-cid-q2gqrj67]{display:flex;flex-direction:column;gap:4px}.control-group[data-astro-cid-q2gqrj67] label[data-astro-cid-q2gqrj67]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.01em}.control-group[data-astro-cid-q2gqrj67] input[data-astro-cid-q2gqrj67][type=range]{width:100%;accent-color:var(--color-accent, #007aff)}.control-group[data-astro-cid-q2gqrj67] select[data-astro-cid-q2gqrj67]{width:100%;font-size:13px;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg-primary, #fff);color:var(--color-text-primary);cursor:pointer}.control-group[data-astro-cid-q2gqrj67] select[data-astro-cid-q2gqrj67]:focus{outline:2px solid var(--color-accent, #007aff);outline-offset:1px}.control-value[data-astro-cid-q2gqrj67]{font-size:12px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary, #999)}@media(max-width:600px){.sandbox-controls[data-astro-cid-q2gqrj67]{grid-template-columns:1fr}.demo-area[data-astro-cid-q2gqrj67]{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg, 24px)}}