.guide-pad[data-compiler=""] :is([data-pad=run],[data-pad=reload],[data-pad=restart],[data-pad=format],[data-guide=revert],.guide-pad-hint){display:none!important}.guide-pad{position:relative;inset:auto;max-width:none;max-height:none;padding:0;color:var(--sl-color-text)}.guide-pad [hidden]{display:none!important}.guide-pad button:disabled{opacity:.4;cursor:default}.guide-pad button:focus-visible{outline:2px solid var(--cds-accent);outline-offset:2px}.guide-pad .cds-file-tabs{flex:1}.guide-pad .cds-file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-pad .cds-file-tab{font-size:.78rem}.guide-pad-actions{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-shrink:0}.guide-pad [data-pad=restart]{display:none}.guide-pad[data-running=true] [data-pad=restart]{display:inline-flex}.guide-pad .guide-pad-run{color:var(--cds-accent)}.guide-pad-caption{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.guide-pad-hint{text-transform:none;letter-spacing:0}.guide-pad-tools{display:flex;gap:.8rem}.guide-pad-tools button{border:0;background:none;padding:0;color:var(--sl-color-gray-3);font:inherit;font-size:.68rem;cursor:pointer}.guide-pad-tools button:not(:disabled):hover{color:var(--sl-color-white)}.guide-pad:not([data-revertable=true]) [data-guide=revert]{display:none}.guide-pad-static{max-height:var(--guide-code-height);overflow:auto}.guide-pad-static .expressive-code pre{border:0;border-radius:0;background:transparent!important}.guide-pad-static .expressive-code .frame{box-shadow:none}.guide-pad-static .expressive-code .header{display:none}.guide-pad-static .expressive-code{margin:0}.guide-pad-editor{height:var(--guide-content-height,8rem);max-height:var(--guide-code-height);min-height:4rem}.guide-pad-editor .guide-pad-marked{background:color-mix(in srgb,var(--cds-accent) 12%,transparent)}.guide-pad-preview{min-width:0;overflow:auto}.guide-pad-preview iframe{display:block;box-sizing:border-box;width:var(--guide-preview-width,100%);max-width:100%;height:var(--guide-preview-height,12rem);border:1px solid var(--sl-color-gray-5);border-radius:.5rem;background:#0b0f14}.guide-pad[data-preview-theme=light] .guide-pad-preview iframe{background:#fff}.guide-pad-preview .fleury-example{margin:0}.guide-pad-preview .fleury-bar{display:none}.guide-pad-preview .fleury-example figcaption{padding:0 0 .5rem}.guide-pad-feedback{padding:0 .9rem;font-size:.72rem}.guide-pad-feedback:has([data-pad=diagnostics]:not([hidden])),.guide-pad[data-busy=true] .guide-pad-feedback,.guide-pad[data-running=true] .guide-pad-feedback{padding:.45rem .9rem;border-top:1px solid var(--cds-line)}.guide-pad-feedback pre{overflow:auto;white-space:pre-wrap;color:var(--sl-color-red);max-height:9rem;font:12px/1.5 var(--sl-font-mono)}.guide-pad-status{display:flex;justify-content:space-between;gap:.5rem;color:var(--sl-color-gray-3)}.guide-pad:not([data-busy=true]):not([data-running=true]) [data-pad=status]{display:none}.guide-pad [data-pad=dirty],.guide-pad [data-pad=metrics]{display:none}.guide-pad[data-modified=true] .guide-pad-run:not(:disabled){background:color-mix(in srgb,var(--cds-accent) 12%,transparent);border-color:color-mix(in srgb,var(--cds-accent) 45%,var(--cds-line))}.guide-pad-references{margin:0;padding:.6rem .9rem;border-top:1px solid var(--cds-line)}.guide-pad-references summary{cursor:pointer;font-size:.78rem}.guide-pad-references p{font-size:.78rem}.guide-pad:modal{position:fixed;inset:1rem;width:calc(100vw - 2rem);height:calc(100dvh - 2rem);margin:0;display:flex;flex-direction:column}.guide-pad::backdrop{background:#000b}.guide-pad:modal .guide-pad-workspace{flex:1;min-height:0;overflow:auto;align-items:stretch}.guide-pad:modal .guide-pad-code,.guide-pad:modal .guide-pad-app{min-height:0}.guide-pad:modal .guide-pad-editor,.guide-pad:modal .guide-pad-static{flex:1;max-height:none;min-height:15rem}.guide-pad:modal .guide-pad-preview{flex:1}.guide-pad:modal .guide-pad-preview iframe{width:100%;height:100%}.guide-pad:modal .guide-pad-references{max-height:30vh;overflow:auto}.guide-pad-compact:not(:modal){width:100%;margin:0}.guide-pad-compact:not(:modal) .cds-body{grid-template-columns:minmax(0,1fr);padding:.4rem .7rem .7rem}.guide-pad-compact:not(:modal) [data-pane=demo]{order:-1}.guide-pad-compact:not(:modal) [data-pane=demo] .cds-cap{display:none}.guide-pad-compact .guide-pad-actions .cds-toggle span{display:none}@media(min-width:760px){.guide-pad:modal .guide-pad-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}}@media(max-width:759px){.guide-pad:modal{inset:.4rem;width:calc(100vw - .8rem);height:calc(100dvh - .8rem)}.guide-pad:modal .guide-pad-editor{height:40vh;flex:auto}.guide-pad:modal .guide-pad-preview{min-height:35vh}.guide-pad .cds-bar{flex-wrap:wrap;gap:.4rem}.guide-pad .cds-file-tabs{flex-basis:100%;margin-block:0}}