.preview-frame-module__RQupGq__frame{gap:var(--primitive-space-5);padding:var(--primitive-space-6);border:1px solid var(--primitive-line);border-radius:var(--primitive-radius-xl);background:linear-gradient(180deg, var(--primitive-glass-soft), transparent 40%), var(--primitive-panel);box-shadow:var(--primitive-surface-shadow);display:grid}.preview-frame-module__RQupGq__head{gap:var(--primitive-space-5);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.preview-frame-module__RQupGq__headText{gap:var(--primitive-space-2);min-width:0;max-width:640px;display:grid}.preview-frame-module__RQupGq__index{color:var(--primitive-red);font-family:var(--primitive-font-mono);font-size:var(--primitive-text-xs);font-weight:var(--primitive-weight-bold);letter-spacing:var(--primitive-tracking-widest)}.preview-frame-module__RQupGq__title{color:var(--primitive-text-strong);font-family:var(--primitive-font-display);font-size:var(--primitive-h3);font-weight:var(--primitive-weight-semibold);letter-spacing:var(--primitive-tracking-tight);text-transform:uppercase;margin:0}.preview-frame-module__RQupGq__type{padding:var(--primitive-space-1) var(--primitive-space-2);border:1px solid var(--primitive-line);border-radius:var(--primitive-radius-sm);color:var(--primitive-amber);background:var(--primitive-recessed);font-family:var(--primitive-font-mono);font-size:var(--primitive-text-xs);justify-self:start}.preview-frame-module__RQupGq__summary{color:var(--primitive-body);font-size:var(--primitive-text-sm);line-height:var(--primitive-leading-normal);margin:0}.preview-frame-module__RQupGq__controls{gap:var(--primitive-space-3);display:grid}.preview-frame-module__RQupGq__switcher{gap:var(--primitive-space-1-5);border:0;flex-wrap:wrap;align-items:center;margin:0;padding:0;display:flex}.preview-frame-module__RQupGq__switcherLabel{padding:0 var(--primitive-space-2) 0 0;color:var(--primitive-muted);font-family:var(--primitive-font-mono);font-size:var(--primitive-text-2xs);font-weight:var(--primitive-weight-bold);letter-spacing:var(--primitive-tracking-wider);text-transform:uppercase}.preview-frame-module__RQupGq__chip{min-height:32px;padding:0 var(--primitive-space-3);border:1px solid var(--primitive-line);border-radius:var(--primitive-radius-pill);color:var(--primitive-body);background:var(--primitive-field-bg);font-family:var(--primitive-font-mono);font-size:var(--primitive-text-2xs);font-weight:var(--primitive-weight-bold);letter-spacing:var(--primitive-tracking-wide);text-transform:uppercase;cursor:pointer;transition:border-color var(--primitive-duration-fast) var(--primitive-ease-out), background var(--primitive-duration-fast) var(--primitive-ease-out), color var(--primitive-duration-fast) var(--primitive-ease-out), transform var(--primitive-duration-fast) var(--primitive-ease-out);align-items:center;display:inline-flex}.preview-frame-module__RQupGq__chip:hover{border-color:var(--primitive-line-strong);background:var(--primitive-field-hover);transform:translateY(-1px)}.preview-frame-module__RQupGq__chipActive{color:var(--primitive-text-on-accent);border-color:color-mix(in oklab, var(--primitive-red) 60%, var(--primitive-line-strong));background:var(--primitive-btn-primary-bg);box-shadow:var(--primitive-btn-primary-shadow)}.preview-frame-module__RQupGq__chipActive:hover{color:var(--primitive-btn-primary-hover-fg);background:var(--primitive-btn-primary-hover-bg);box-shadow:var(--primitive-btn-primary-hover-shadow)}.preview-frame-module__RQupGq__stage{padding:var(--primitive-space-5);border:1px solid var(--primitive-line-muted);border-radius:var(--primitive-radius-lg);background:linear-gradient(0deg, var(--primitive-glass-soft), transparent 1px) 0 0 / 100% 24px, var(--primitive-recessed);justify-items:center;display:grid;overflow-x:auto}.preview-frame-module__RQupGq__canvas{max-width:100%;margin:0 auto}.preview-frame-module__RQupGq__vpMobile .preview-frame-module__RQupGq__canvas,.preview-frame-module__RQupGq__vpTablet .preview-frame-module__RQupGq__canvas{border:1px solid var(--primitive-line-strong);border-radius:var(--primitive-radius-2xl);padding:var(--primitive-space-3);background:var(--primitive-canvas);box-shadow:var(--primitive-shadow-soft)}.preview-frame-module__RQupGq__vpDesktop .preview-frame-module__RQupGq__canvas{width:100%}@media (max-width:768px){.preview-frame-module__RQupGq__head{align-items:start}.preview-frame-module__RQupGq__controls{width:100%}.preview-frame-module__RQupGq__stage{padding:var(--primitive-space-3)}}@media (prefers-reduced-motion:reduce){.preview-frame-module__RQupGq__chip{transition:none}.preview-frame-module__RQupGq__chip:hover{transform:none}}
.section-library-web-module__03QCha__page{gap:var(--primitive-space-9);min-width:0;padding:var(--primitive-space-8) 0;display:grid}.section-library-web-module__03QCha__intro{gap:var(--primitive-space-4);max-width:880px;display:grid}.section-library-web-module__03QCha__notice{padding:var(--primitive-space-2) var(--primitive-space-4);border:1px solid color-mix(in oklab, var(--primitive-amber) 36%, var(--primitive-line));border-radius:var(--primitive-radius-pill);color:var(--primitive-text-strong);background:color-mix(in oklab, var(--primitive-amber) 12%, var(--primitive-panel));font-family:var(--primitive-font-mono);font-size:var(--primitive-text-xs);font-weight:var(--primitive-weight-bold);letter-spacing:var(--primitive-tracking-wide);text-transform:uppercase;justify-self:start}.section-library-web-module__03QCha__metaGrid{gap:var(--primitive-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.section-library-web-module__03QCha__metaTile{gap:var(--primitive-space-1);padding:var(--primitive-space-4);border:1px solid var(--primitive-line);border-radius:var(--primitive-radius-lg);background:var(--primitive-panel);box-shadow:var(--primitive-shadow-soft);display:grid}.section-library-web-module__03QCha__metaValue{color:var(--primitive-text-strong);font-family:var(--primitive-font-display);font-size:var(--primitive-h3);font-weight:var(--primitive-weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:var(--primitive-tracking-tight)}.section-library-web-module__03QCha__metaLabel{color:var(--primitive-muted);font-family:var(--primitive-font-mono);font-size:var(--primitive-text-2xs);font-weight:var(--primitive-weight-bold);letter-spacing:var(--primitive-tracking-wider);text-transform:uppercase}.section-library-web-module__03QCha__frames{gap:var(--primitive-space-9);display:grid}@media (max-width:768px){.section-library-web-module__03QCha__metaGrid{grid-template-columns:minmax(0,1fr)}}