.samples_bezel__wQ5yf{width:min(100%,30rem);padding:.5rem;border-radius:1rem;background:#454443;box-shadow:0 .25rem 1rem rgba(26,25,24,.18)}.samples_stage__2QjK_{position:relative;width:100%;overflow:hidden;border-radius:var(--corner-default,.5rem);background:var(--surface-base);cursor:pointer;touch-action:manipulation}.samples_canvas__XRPlC{display:block;width:100%;height:100%;pointer-events:none}.samples_code__RCSoj{width:100%;max-height:34rem;overflow:auto;margin-bottom:5rem}.samples_stage__2QjK_:focus-visible{outline:3px solid var(--blue-color);outline-offset:-3px}.samples_preview__pgKKm{display:grid;justify-items:center;gap:1rem;width:100%;padding-bottom:5rem}.samples_stylePicker__ycT96{display:inline-flex;flex-shrink:0;gap:.125rem;padding:.125rem;border-radius:1rem;background:var(--surface-shade-5)}.samples_stylePicker__ycT96 button{border:0;border-radius:1rem;padding:.25rem .75rem;color:var(--text-secondary);background:transparent;font:inherit;font-size:.8125rem;font-weight:510;line-height:1rem;cursor:pointer}.samples_stylePicker__ycT96 button[aria-pressed=true]{color:var(--text-primary);background:var(--button-tab);box-shadow:0 .5px 2px rgba(0,0,0,.18)}.samples_stylePicker__ycT96 button:disabled{opacity:.5;cursor:default}.samples_stylePicker__ycT96 button:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px}.samples_button__dOYim{border:1px solid var(--divider,#aaa);border-radius:1rem;padding:.375rem .75rem;color:var(--text-secondary);background:transparent;font:inherit;font-size:.75rem;white-space:nowrap;cursor:pointer}.samples_button__dOYim:disabled{opacity:.5;cursor:default}.samples_button__dOYim:focus-visible{outline:2px solid var(--blue-color);outline-offset:2px}.samples_loading__z_fw4{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--surface-base);color:var(--text-secondary);padding:1rem;font-size:.75rem;text-align:center}.samples_loading__z_fw4 progress{width:min(12rem,100%);accent-color:var(--blue-color)}.samples_timeline__VhSBU{display:flex;align-items:center;gap:.75rem;width:min(100%,30rem)}.samples_timeline__VhSBU>div{flex:1 1;min-width:0}