.file-viewer-demo{gap:20px;display:grid}.file-viewer-demo-card{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.file-viewer-demo-card>header{border-bottom:1px solid var(--sprout-line);padding:14px 20px}.file-viewer-demo-card h3{font-size:13px;font-weight:550}.file-viewer-demo-card>header p{color:var(--sprout-muted);margin-top:2px;font-size:12px;line-height:1.6}.file-viewer-demo-card-body{background:var(--sprout-canvas);gap:16px;min-width:0;padding:20px;display:grid}@media (width<=480px){.file-viewer-demo-card-body{padding:12px}}.file-viewer-demo-row,.file-viewer-demo-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-viewer-demo-controls{gap:12px}.file-viewer-demo-muted{color:var(--sprout-muted);font-size:13px}.file-viewer-demo-split{gap:16px;min-width:0;display:grid}@media (width>=900px){.file-viewer-demo-split{grid-template-columns:repeat(2,minmax(0,1fr))}}.file-viewer-demo-frame{border:1px solid var(--sprout-line);background:var(--sprout-canvas);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.file-viewer-demo-frame[data-height=sm]{height:320px}.file-viewer-demo-frame[data-height=md]{height:384px}.file-viewer-demo-frame[data-height=lg]{height:480px}.file-viewer-demo-toolbar{border-bottom:1px solid var(--sprout-line);flex-shrink:0;padding:8px 16px}.file-viewer-demo-proposal{gap:12px;min-width:0;display:grid}.file-viewer-demo-proposal-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.file-viewer-demo-proposal-meta p{color:var(--sprout-muted);font-size:13px}.file-viewer-demo-canvas{background:var(--sprout-surface)}.file-viewer-demo-canvas-header{border-bottom:1px solid var(--sprout-line);flex-shrink:0;gap:12px;padding:16px;display:grid}.file-viewer-demo-canvas-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.file-viewer-demo-canvas-title>div{min-width:0}.file-viewer-demo-canvas-title h3{overflow-wrap:anywhere;font-size:17px;font-weight:500}.file-viewer-demo-canvas-title p{color:var(--sprout-muted);font-size:13px}.file-viewer-demo-markdown{gap:10px;font-size:14px;line-height:1.7;display:grid}.file-viewer-demo-markdown h2{font-size:20px;font-weight:600}.file-viewer-demo-markdown h3{margin-top:6px;font-size:15px;font-weight:600}.file-viewer-demo-markdown ul,.file-viewer-demo-markdown ol{padding-left:20px}.file-viewer-demo-markdown ul{list-style:outside}.file-viewer-demo-markdown ol{list-style:decimal}.file-viewer-demo-sheet{flex-direction:column;flex:1;min-height:0;display:flex}.file-viewer-demo-sheet-tabs{border-bottom:1px solid var(--sprout-line);background:var(--sprout-surface);flex-shrink:0;gap:4px;padding:8px;display:flex;overflow-x:auto}.file-viewer-demo-sheet-empty{text-align:center;color:var(--sprout-muted);padding:32px;font-size:13px}.file-viewer-demo-grid{flex:1;min-height:0;overflow:auto}.file-viewer-demo-grid:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:-2px}.file-viewer-demo-grid table{border-collapse:collapse;background:var(--sprout-surface);width:100%;font-size:13px}.file-viewer-demo-grid th,.file-viewer-demo-grid td{border:1px solid var(--sprout-line);text-align:left;white-space:nowrap;padding:6px 12px}.file-viewer-demo-grid thead th{background:var(--sprout-canvas);min-width:7rem;font-weight:500;position:sticky;top:0}.file-viewer-demo-grid tbody th{background:var(--sprout-canvas);color:var(--sprout-muted);text-align:right;font-variant-numeric:tabular-nums;font-weight:400}.file-viewer-demo-office{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.file-viewer-demo-office-loading{z-index:10;background:color-mix(in srgb, var(--sprout-surface) 95%, transparent);position:absolute;inset:0 0 auto}.file-viewer-demo-pages{gap:16px;padding:16px;display:grid;overflow:auto}.file-viewer-demo-pages:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:-2px}.file-viewer-demo-page,.file-viewer-demo-slide{box-sizing:border-box;border:1px solid var(--sprout-line);color:#202124;background:#fff;border-radius:6px;width:100%;max-width:720px;margin-inline:auto;padding:32px;font-size:14px;line-height:1.6}.file-viewer-demo-page h2,.file-viewer-demo-slide h2{margin-bottom:12px;font-size:22px;font-weight:600}.file-viewer-demo-page p+p{margin-top:8px}.file-viewer-demo-slide{aspect-ratio:16/9}.file-viewer-demo-slide>p:first-child{color:#666;margin-bottom:16px;font-size:12px}@media (width<=480px){.file-viewer-demo-page,.file-viewer-demo-slide{aspect-ratio:auto;padding:20px}}
