@layer reset{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--lightningcss-light,#171717)var(--lightningcss-dark,#f5f5f5);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#111);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}button,input,a,select{font:inherit}button,a{color:inherit}a{text-decoration:none}}@layer theme{:root{--sl-bg:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#111);--sl-panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#181818);--sl-panel-subtle:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#222);--sl-border:var(--lightningcss-light,#d4d4d4)var(--lightningcss-dark,#333);--sl-border-strong:var(--lightningcss-light,#bdbdbd)var(--lightningcss-dark,#4a4a4a);--sl-text:var(--lightningcss-light,#171717)var(--lightningcss-dark,#f5f5f5);--sl-muted:var(--lightningcss-light,#666)var(--lightningcss-dark,#a3a3a3);--sl-primary:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#7aa7ff);--sl-primary-soft:var(--lightningcss-light,#2563eb17)var(--lightningcss-dark,#7aa7ff1a);--sl-primary-quiet:var(--lightningcss-light,#2563eb0d)var(--lightningcss-dark,#7aa7ff0f);--sl-danger:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#fda29b);--sl-shadow:0 16px 42px var(--lightningcss-light,#1018281a)var(--lightningcss-dark,#00000047);--sl-header-block-size:56px;--storylite-grid-size:4px;--storylite-grid-major-size:calc(var(--storylite-grid-size) * 4);--storylite-grid-offset:0px;--storylite-grid-line-width:1px;--storylite-grid-line-color:#82828273;--storylite-grid-line-color-2:#82828233;--storylite-grid-background-color:var(--lightningcss-light,#f7f7f7)var(--lightningcss-dark,#111)}}@layer layout{.storylite-shell{background:var(--sl-bg);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(220px,250px) minmax(0,1fr) minmax(220px,300px);block-size:100dvh;display:grid;overflow:clip}.storylite-shell--no-sidebar{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.storylite-shell--no-controls{grid-template-columns:minmax(220px,250px) minmax(0,1fr)}.storylite-shell--no-sidebar.storylite-shell--no-controls,.storylite-shell--canvas{grid-template-columns:minmax(0,1fr)}.sidebar,.workspace,.inspector{border-color:var(--sl-border);background:var(--sl-panel);grid-row:1/-1;block-size:100%;min-block-size:0}.sidebar{grid-template-rows:subgrid;border-inline-end:1px solid var(--sl-border);display:grid}.inspector{border-inline-start:1px solid var(--sl-border)}.workspace{grid-template-rows:subgrid;background:var(--sl-bg);min-inline-size:0;display:grid}.storylite-shell--canvas .workspace{grid-row:1/-1;grid-template-rows:minmax(0,1fr)}.workspace:has(.home-page){grid-row:1/-1;grid-template-rows:minmax(0,1fr)}.workspace:has(.home-page){display:block;overflow:auto}.inspector{grid-template-rows:subgrid;display:grid}@media (width<940px){.storylite-shell{grid-template-rows:none;grid-template-columns:1fr;block-size:auto;min-block-size:100dvh;overflow:visible}.sidebar,.workspace,.inspector{border:0;grid-row:auto;grid-template-rows:auto;block-size:auto}.sidebar{border-block-end:1px solid var(--sl-border)}.workspace{border-block-start:8px solid color-mix(in oklab, var(--sl-bg), var(--sl-border) 28%);min-block-size:0}}}@layer components{.brand,.toolbar,.inspector__header{box-sizing:border-box;min-block-size:var(--sl-header-block-size);border-block-end:1px solid var(--sl-border);grid-row:1;align-items:center;gap:10px;padding-block:10px;padding-inline:14px;display:flex}.sidebar__body,.workspace__body,.inspector__body{grid-row:2;min-block-size:0}.sidebar__body,.inspector__body{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.workspace__body{background:var(--sl-bg);grid-template-rows:minmax(0,1fr) auto;display:grid}.brand__mark{aspect-ratio:1;border:1px solid var(--sl-border);background:var(--sl-primary-soft);inline-size:34px;color:var(--sl-primary);border-radius:8px;flex:none;place-items:center;display:grid}.brand__mark :where(svg){block-size:18px;inline-size:18px}.brand__mark :where(span){letter-spacing:0;font-size:.7rem;font-weight:800}.brand__content{min-inline-size:0}.brand strong,.inspector__header strong{font-size:.9rem;display:block}.brand span,.inspector__header span,.story-group small,.story-component small,.story-meta dt{color:var(--sl-muted);font-size:.75rem}.story-tree{align-content:start;gap:0;min-block-size:0;padding:12px 10px 16px;display:grid;overflow:auto}.story-search{border-block-end:1px solid var(--sl-border);color:var(--sl-muted);align-items:center;gap:9px;padding:10px 12px;display:flex}.story-search input{border:1px solid var(--sl-border);background:color-mix(in oklab, var(--sl-panel), var(--sl-panel-subtle) 45%);min-block-size:34px;inline-size:100%;min-inline-size:0;color:var(--sl-text);border-radius:8px;padding-inline:10px;font-size:.84rem}.story-search input:focus-visible{outline:2px solid color-mix(in oklab, var(--sl-primary), transparent 25%);outline-offset:1px}.story-group{gap:3px;display:grid}.story-group h2,.story-component h3{margin:0}.story-group__toggle,.story-component__toggle{box-sizing:border-box;min-block-size:30px;inline-size:100%;color:color-mix(in oklab, var(--sl-muted), var(--sl-text) 12%);letter-spacing:0;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:14px 16px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.story-group__toggle:hover,.story-group__toggle:focus-visible,.story-component__toggle:hover,.story-component__toggle:focus-visible{background:var(--sl-panel-subtle);outline:0}.story-group__toggle{text-transform:uppercase;font-size:.72rem;font-weight:750}.story-component__toggle{color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 20%);font-size:.8rem;font-weight:650}.story-tree__chevron{color:var(--sl-muted)}.story-group__toggle .story-tree__type-icon{color:color-mix(in oklab, var(--sl-primary), var(--sl-muted) 35%)}.story-component__toggle .story-tree__type-icon{color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 48%)}.story-group__toggle span,.story-component__toggle span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.story-group__toggle small,.story-component__toggle small{font-size:.68rem;font-weight:700}.story-group__components{border-inline-start:1px solid color-mix(in oklab, var(--sl-border), transparent 24%);gap:3px;margin-inline-start:14px;padding-inline-start:8px;display:grid}.story-component{gap:2px;display:grid}.story-component__stories{gap:1px;padding-inline-start:22px;display:grid}.story-tree__branch--collapsed{display:none}.story-link,.toolbar button,.brand__menu-button,.inspector__header button,.inspector__copy-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px}.story-link{box-sizing:border-box;min-block-size:30px;color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 18%);text-align:start;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:7px;padding:5px 8px;font-size:.78rem;line-height:1.15;display:grid}.story-link--component{color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 20%);grid-template-columns:14px 16px minmax(0,1fr);padding:5px 7px;font-size:.8rem;font-weight:650}.story-link__icon{color:color-mix(in oklab, var(--sl-muted), transparent 8%)}.story-link--component .story-link__icon{color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 48%);grid-column:2}.story-link--component span{grid-column:3}.story-tree__home{border-radius:6px;grid-template-columns:13px 17px minmax(0,1fr);margin-block-end:0;padding:5px 7px;font-size:.8rem;font-weight:650}.story-tree__home span{color:color-mix(in oklab, var(--sl-muted), var(--sl-text) 12%)}.story-tree__home .story-link__icon{width:15px;height:15px;color:color-mix(in oklab, var(--sl-text), var(--sl-muted) 48%);grid-column:2}.story-tree__home span{grid-column:3}.toolbar button,.brand__menu-button,.inspector__header button,.inspector__copy-button{min-block-size:32px}.story-link:hover:not(.active),.story-link:focus-visible:not(.active),.toolbar button:hover:not(.active),.brand__menu-button:hover,.inspector__header button:hover,.inspector__copy-button:hover{background:var(--sl-panel-subtle)}.story-link.active,.toolbar button.active,.inspector__copy-button.active{border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);background:var(--sl-panel-subtle);color:var(--sl-primary)}.story-link.active{background:var(--sl-primary-soft)}.story-tree__home.active{color:var(--sl-primary);background:0 0;border-color:#0000}.story-tree__home.active span{color:inherit}.story-link.active .story-link__icon{color:currentColor}.story-link span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.toolbar{min-inline-size:0;min-block-size:var(--sl-header-block-size);background:color-mix(in oklab, var(--sl-panel), transparent 10%);flex-wrap:wrap;place-content:center flex-start;align-items:safe center;gap:14px;overflow:visible}.toolbar>*{flex:none}.toolbar__group,.toolbar-dropdown__trigger{align-items:center;gap:8px;display:flex}.toolbar__group--segmented{box-sizing:border-box;background:var(--sl-panel);border:0;gap:0;block-size:34px;min-block-size:34px;overflow:clip}.toolbar .toolbar__group--segmented :is(button,a){box-sizing:border-box;border:1px solid var(--sl-border);block-size:100%;min-block-size:0;inline-size:36px;color:var(--sl-muted);border-inline-start-width:0;border-radius:0;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.toolbar__group--segmented :is(button,a):first-child{border-inline-start-width:1px;border-start-start-radius:7px;border-end-start-radius:7px}.toolbar__group--segmented :is(button,a):last-child{border-start-end-radius:7px;border-end-end-radius:7px}.toolbar__group--segmented :is(button,a).active,.toolbar__group--segmented :is(button,a):focus-visible{border-color:color-mix(in oklab, var(--sl-primary), transparent 20%);outline:0}.toolbar .toolbar__group--segmented button.active:not(:first-child),.toolbar .toolbar__group--segmented button:focus-visible:not(:first-child){border-inline-start-width:1px}:is(.toolbar .toolbar__group--segmented button:has(+button.active),.toolbar .toolbar__group--segmented button:has(+button:focus-visible)){border-inline-end-color:#0000}.toolbar__group--segmented :is(button,a):hover:not(.active){background:var(--sl-panel-subtle);color:var(--sl-text)}.toolbar__group--segmented :is(button,a).active{background:var(--sl-panel-subtle);color:var(--sl-primary)}.toolbar button,.brand__menu-button,.inspector__header button,.inspector__copy-button,.toolbar__icon-button{place-items:center;padding-inline:9px;display:inline-grid}.toolbar .toolbar__icon-button{box-sizing:border-box;border:1px solid var(--sl-border);border-radius:7px;block-size:34px;min-block-size:34px;inline-size:36px;min-inline-size:36px;padding:0;font-size:.8rem}.toolbar .toolbar__icon-button:hover,.toolbar .toolbar__icon-button:focus-visible{border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);color:var(--sl-primary)}.toolbar button.toolbar-dropdown__trigger{box-sizing:border-box;border:1px solid var(--sl-border);block-size:34px;inline-size:36px;min-inline-size:36px;color:var(--sl-muted);border-radius:7px;place-items:center;padding:0;display:inline-grid}.toolbar button.toolbar-dropdown__trigger.active,.toolbar button.toolbar-dropdown__trigger:focus-visible{border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);color:var(--sl-primary)}.toolbar button.toolbar-dropdown__trigger:has(+.toolbar-dropdown__panel:popover-open){border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);color:var(--sl-primary)}.toolbar__spacer{flex:auto;min-inline-size:8px}.brand__menu-button{anchor-name:--storylite-brand-menu;color:var(--sl-muted);margin-inline-start:auto}:is(.brand__menu-button:popover-open,.brand__menu-button:focus-visible){border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);color:var(--sl-primary)}.app-menu{box-sizing:border-box;z-index:20;border:1px solid var(--sl-border);min-inline-size:160px;color:var(--sl-text);background:var(--sl-panel);box-shadow:var(--sl-shadow);border-radius:8px;margin:0;padding:6px;position:fixed;inset-block-start:calc(var(--sl-header-block-size) - 2px);inset-inline-start:160px;overflow:clip}@supports (position-anchor:--storylite-brand-menu){.app-menu{position-anchor:--storylite-brand-menu;position-area:bottom span-left;margin-block-start:6px;inset:auto}}.app-menu::backdrop{background:0 0}.toolbar-dropdown__panel{box-sizing:border-box;z-index:20;border:1px solid var(--sl-border);inline-size:max-content;min-inline-size:104px;max-inline-size:min(180px,100vw - 24px);color:var(--sl-text);background:var(--sl-panel);box-shadow:var(--sl-shadow);border-radius:8px;margin:0;padding:6px;position:fixed;inset-block-start:calc(var(--sl-header-block-size) - 2px);inset-inline-start:min(50vw,640px);overflow:clip}@supports (position-area:block-end span-inline-end){.toolbar-dropdown__panel{position-area:block-end center;position-try-fallbacks:flip-block, flip-inline;margin-block-start:6px;inset:auto}}.toolbar-dropdown__panel::backdrop{background:0 0}.app-menu__item{box-sizing:border-box;min-block-size:32px;inline-size:auto;min-inline-size:100%;color:var(--sl-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding-inline:8px;font-size:.82rem;line-height:1;display:flex}.app-menu__item svg{color:var(--sl-muted);flex:none}.app-menu__item span{min-inline-size:0}.app-menu__item:hover,.app-menu__item:focus-visible,.toolbar .toolbar-dropdown__item:hover,.toolbar .toolbar-dropdown__item:focus-visible{background:var(--sl-panel-subtle)}.toolbar .toolbar-dropdown__item{box-sizing:border-box;min-block-size:32px;inline-size:100%;color:var(--sl-text);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;place-items:center start;gap:10px;padding-block:0;padding-inline:8px;font-size:.82rem;line-height:1;display:grid}.toolbar .toolbar-dropdown__item:not(:has(svg)):not(:has(.toolbar-dropdown__swatch)){grid-template-columns:minmax(0,1fr) auto}.toolbar .toolbar-dropdown__item svg{color:currentColor;block-size:16px;inline-size:16px}.toolbar .toolbar-dropdown__swatch{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--sl-border), var(--sl-text) 18%);border-radius:5px;block-size:20px;inline-size:20px;display:block;box-shadow:inset 0 0 0 1px var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff1a)}.toolbar .toolbar-dropdown__swatch[data-preview-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--storylite-grid-background-color:#f7f7f7}.toolbar .toolbar-dropdown__swatch[data-preview-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--storylite-grid-background-color:#111}.toolbar .toolbar-dropdown__item span{text-overflow:ellipsis;white-space:nowrap;justify-self:start;min-inline-size:0;overflow:hidden}.toolbar .toolbar-dropdown__item small{color:var(--sl-muted);white-space:nowrap;justify-self:end;font-size:.72rem;line-height:1}.toolbar .toolbar-dropdown__item.active,.toolbar .toolbar-dropdown__item:focus-visible{color:var(--sl-primary);outline:0;position:relative}.toolbar .toolbar-dropdown__item.active{background:var(--sl-panel-subtle)}.toolbar .toolbar-dropdown__item.active:after,.toolbar .toolbar-dropdown__item:focus-visible:after{border:1px solid color-mix(in oklab, var(--sl-primary), transparent 20%);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.app-menu__theme{border:1px solid var(--sl-border);border-radius:7px;grid-template-columns:repeat(3,1fr);margin-block-start:6px;display:grid;overflow:clip}.app-menu__theme button{min-block-size:32px;color:var(--sl-muted);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;display:inline-grid;position:relative}.app-menu__theme button:first-child{border-start-start-radius:6px;border-end-start-radius:6px}.app-menu__theme button:last-child{border-start-end-radius:6px;border-end-end-radius:6px}.app-menu__theme button+button{border-inline-start:1px solid var(--sl-border)}.app-menu__theme button.active,.app-menu__theme button:focus-visible{outline:0}.app-menu__theme button.active+button,.app-menu__theme button:focus-visible+button,.app-menu__theme button.active:not(:first-child),.app-menu__theme button:focus-visible:not(:first-child){border-inline-start-color:#0000}.app-menu__theme button:hover:not(.active){background:var(--sl-panel-subtle);color:var(--sl-text)}.app-menu__theme button.active{background:var(--sl-panel-subtle);color:var(--sl-primary)}.app-menu__theme button.active:after,.app-menu__theme button:focus-visible:after{border:1px solid color-mix(in oklab, var(--sl-primary), transparent 20%);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.control input,.control select,.control textarea{border:1px solid var(--sl-border);background:var(--sl-panel);min-block-size:32px;color:var(--sl-text);font:inherit;border-radius:7px}.control input:focus-visible,.control select:focus-visible,.control textarea:focus-visible{border-color:color-mix(in oklab, var(--sl-primary), transparent 30%);box-shadow:0 0 0 2px var(--sl-primary-soft);outline:0}.control input:not([type=checkbox]),.control select{padding-inline:9px}.control textarea{resize:vertical;min-block-size:96px;padding:8px 9px;line-height:1.4}.canvas-stage{background:linear-gradient(var(--sl-bg), var(--sl-bg)) padding-box, repeating-linear-gradient(45deg, transparent 0 10px, #80808014 10px 20px);place-items:start center;min-block-size:0;padding:16px;display:grid;position:relative;overflow:auto}.canvas-stage--fluid{padding:0}.canvas-frame{box-sizing:border-box;border:1px solid var(--sl-border);block-size:min(760px,100%);inline-size:100%;min-inline-size:320px;max-inline-size:100%;box-shadow:var(--sl-shadow);background:canvas;border-radius:8px}.canvas-frame--fluid{block-size:100%;box-shadow:none;border:0;border-radius:0}.viewport-badge{z-index:1;color:var(--lightningcss-light,#404040)var(--lightningcss-dark,#d4d4d4);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:var(--lightningcss-light,#fafafadb)var(--lightningcss-dark,#141414c7);border:1px solid oklab(59.9871% 2.98023e-8 2.98023e-8/.32);border-radius:999px;max-inline-size:calc(100% - 24px);padding:4px 7px;font-size:.68rem;font-weight:700;line-height:1;position:absolute;inset-block-start:12px;inset-inline-end:12px;overflow:hidden}iframe{border-radius:inherit;background:canvas;border:0;block-size:100%;inline-size:100%;display:block}.ejected-canvas{background:canvas;min-block-size:100dvh;padding:16px}.home-page{box-sizing:border-box;inline-size:min(760px,100%);color:var(--sl-text);margin-inline:auto;padding:clamp(28px,8vw,80px) 20px}.home-page h1{margin:0 0 16px;font-size:clamp(1.6rem,4cqi,2.4rem);line-height:1.05}.home-page h2{margin:28px 0 10px;font-size:1rem}.home-page p,.home-page li{color:var(--sl-muted);line-height:1.6}.home-page a{color:var(--sl-primary);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.08em}.home-page a:hover,.home-page a:focus-visible{text-decoration-style:solid}.home-page code{border:1px solid var(--sl-border);background:var(--sl-panel-subtle);color:var(--sl-text);border-radius:5px;padding:.1em .35em;font-size:.9em}.home-page img{block-size:auto;max-inline-size:100%;display:block}.home-page pre,.home-page table{max-inline-size:100%;display:block;overflow:auto}.home-page table{border:1px solid color-mix(in oklab, var(--sl-border), var(--sl-text) 8%);border-spacing:0;background:var(--sl-panel);border-radius:8px;inline-size:100%;margin:18px 0;font-size:.92rem;display:table;overflow:hidden}.home-page :is(th,td){border-block-end:1px solid var(--sl-border);border-inline-end:1px solid var(--sl-border);text-align:start;vertical-align:top;padding:10px 12px}.home-page :is(th,td):last-child{border-inline-end:0}.home-page :is(th,td):first-child{inline-size:32%}.home-page tbody tr:last-child>:is(th,td),.home-page table>tr:last-child>:is(th,td){border-block-end:0}.home-page thead th{background:var(--sl-panel-subtle);color:var(--sl-text);font-weight:750}.home-page tbody th{color:var(--sl-text);font-weight:650}.home-page td{color:var(--sl-muted);line-height:1.5}.home-page table code{overflow-wrap:anywhere}.home-page pre{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--sl-border), var(--sl-text) 8%);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1c1c);border-radius:8px;margin:18px 0;padding:14px 16px;box-shadow:inset 0 1px var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff0a)}.home-page pre code{color:var(--sl-text);white-space:pre;background:0 0;border:0;padding:0;font-size:.82rem;line-height:1.55;display:block}.project-errors{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--sl-danger), transparent 42%);background:color-mix(in oklab, var(--sl-danger), transparent 92%);inline-size:min(840px,100% - 32px);color:var(--sl-text);border-radius:8px;align-self:start;margin:32px auto;padding:18px}.project-errors h1{color:var(--sl-danger);margin:0 0 8px;font-size:1rem}.project-errors p{color:var(--sl-muted);margin:0 0 16px;line-height:1.5}.project-errors code{border:1px solid var(--sl-border);background:var(--sl-panel);color:var(--sl-text);border-radius:5px;padding:.1em .35em}.project-errors__group{border-block-start:1px solid color-mix(in oklab, var(--sl-danger), transparent 70%);gap:8px;padding-block:12px;display:grid}.project-errors__group h2{margin:0;font-size:.9rem}.project-errors__group ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.project-errors__group li{color:var(--sl-muted);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.error{border-block-start:1px solid color-mix(in oklab, var(--sl-danger), transparent 55%);color:var(--sl-danger);background:color-mix(in oklab, var(--sl-danger), transparent 90%);margin:0;padding:10px 14px}.inspector__header{justify-content:space-between}.story-meta,.controls{align-content:start;gap:12px;min-block-size:0;margin:0;padding:14px;display:grid;overflow:auto}.story-meta{border-block-end:1px solid var(--sl-border);grid-row:1}.controls{grid-row:2}.inspector__footer{border-block-start:1px solid var(--sl-border);grid-row:3;justify-content:center;padding:12px 14px;display:flex}.inspector__copy-button{border-color:var(--sl-border);min-block-size:28px;min-inline-size:112px;color:var(--sl-muted);justify-content:center;align-items:center;gap:6px;padding-block:5px;padding-inline:10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.inspector__copy-button:hover,.inspector__copy-button:focus-visible{border-color:color-mix(in oklab, var(--sl-primary), transparent 35%);color:var(--sl-primary)}.story-meta div{gap:3px;display:grid}.story-meta dd{margin:0;font-size:.86rem}.control{gap:6px;display:grid}.control--boolean{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px}.control span{color:var(--sl-muted);font-size:.78rem;font-weight:700}.control input[type=checkbox]{block-size:18px;inline-size:18px;accent-color:var(--sl-primary);justify-self:start}.empty{color:var(--sl-muted);margin:0}@media (width<940px){.toolbar{gap:12px;padding-block:12px}.canvas-stage{min-block-size:70dvh}.toolbar__spacer{flex-basis:0;min-inline-size:0}}}:root[data-storylite-app-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-storylite-app-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}