@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh;line-height:1.5}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#000;--color-surface:#1a1a1a;--color-text:#f2f2f2;--color-text-muted:#b3b3b3;--color-accent:#e0a526;--color-focus:#ffd666;--color-border-subtle:#404040;--color-live:#ff5252;--color-connected:#4caf50;--color-caption-bg:#000000bf;--color-caption-text:var(--color-text);--color-image-border:#fffc;--color-qr-dark:#000;--color-qr-light:#fff;--font-body:system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:2rem;--scene-gap:clamp(2px, 2cqmin, 22px);--radius:.375rem;--focus-ring:3px solid var(--color-focus);--duration-fade:.4s}@media (prefers-reduced-motion:reduce){:root{--duration-fade:0s}}}@layer base{body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@layer layout{.display-view{place-items:center;min-block-size:100dvh;display:grid}.joined:not([hidden]){--scene-inline-size:min(100cqi, 100cqb * 16 / 9);place-items:center;block-size:100dvh;inline-size:100%;display:grid;container-type:size}.joined:not([hidden])[data-view=gallery]{place-items:start stretch;block-size:auto;min-block-size:100dvh;container-type:normal}.join:not([hidden]){padding:var(--space-4);gap:var(--space-3);display:grid}.join-form{gap:var(--space-2);justify-items:start;display:grid}.actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.control-view{grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";display:grid}.app-header{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-text-muted);background:var(--color-surface);flex-wrap:wrap;grid-area:header;display:flex}.app-header h1{font-size:1.5rem}.app-header .actions{margin-inline-start:auto}.control-main{grid-area:main;grid-template-areas:"library""scene";display:grid}.pane{align-content:start;gap:var(--space-4);padding:var(--space-3);display:grid}.library-pane{gap:var(--space-3);grid-area:library;container:library/inline-size}.scene-pane{grid-area:scene}.app-footer{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-text-muted);background:var(--color-surface);flex-wrap:wrap;grid-area:footer;display:flex}@media (width>=56.25rem){.control-view{grid-template-rows:auto minmax(0,1fr) auto;block-size:100dvh}.control-main{grid-template:"library scene"minmax(0,1fr)/minmax(18rem,2fr) 3fr}.pane{overflow-y:auto}.scene-pane{border-inline-start:1px solid var(--color-text-muted)}}}@layer components{.scene{aspect-ratio:16/9;inline-size:var(--scene-inline-size,100%);background:var(--color-bg) var(--wallpaper,none) center / cover no-repeat;display:grid;overflow:hidden;container-type:size}.scene .scene-grid{gap:var(--scene-gap);padding:var(--scene-gap);grid-template-columns:1fr;grid-auto-rows:1fr;min-block-size:0;min-inline-size:0;display:grid}.scene .scene-grid[data-layout=auto]:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}.scene .scene-grid[data-layout=auto]:has(>:nth-child(5)){grid-template-columns:repeat(3,1fr)}.scene .scene-grid[data-layout=auto]:has(>:nth-child(10)){grid-template-columns:repeat(4,1fr)}.scene .scene-region{gap:var(--scene-gap);grid-auto-rows:1fr;min-block-size:0;min-inline-size:0;display:grid}.scene .scene-region:empty{display:none}.scene .scene-region[data-region=focus]{grid-area:focus;grid-auto-columns:1fr;grid-auto-flow:column}:is(.scene .scene-region[data-region=start],.scene .scene-region[data-region=end]):has(>:nth-child(5)){grid-template-columns:repeat(2,1fr)}:is(.scene .scene-region[data-region=start],.scene .scene-region[data-region=end]):has(>:nth-child(13)){grid-template-columns:repeat(3,1fr)}.scene .scene-region[data-region=start]{grid-area:start}.scene .scene-region[data-region=end]{grid-area:end}.scene .scene-grid:not([data-layout=auto]){--start-track:1fr;--end-track:1fr}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=start]>:nth-child(5)){--start-track:1.5fr}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=start]>:nth-child(13)){--start-track:2fr}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=end]>:nth-child(5)){--end-track:1.5fr}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=end]>:nth-child(13)){--end-track:2fr}.scene .scene-grid[data-layout=focus-left]{grid-template-areas:"focus end";grid-template-columns:2fr var(--end-track)}.scene .scene-grid[data-layout=focus-top]{grid-template-columns:1fr;grid-template-areas:"focus""end";grid-template-rows:2fr var(--end-track)}.scene .scene-grid[data-layout=focus-top]:has(>[data-region=end]>:nth-child(7)){--end-track:1.5fr}.scene .scene-grid[data-layout=focus-top]:has(>[data-region=end]>:nth-child(15)){--end-track:2fr}.scene .scene-grid[data-layout=focus-top]>[data-region=end]{grid-template-rows:1fr;grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column}.scene .scene-grid[data-layout=focus-top]>[data-region=end]:has(>:nth-child(7)){grid-template-rows:repeat(2,1fr)}.scene .scene-grid[data-layout=focus-top]>[data-region=end]:has(>:nth-child(15)){grid-template-rows:repeat(3,1fr)}.scene .scene-grid[data-layout=focus-center]{grid-template-areas:"start focus end";grid-template-columns:var(--start-track) 2fr var(--end-track)}.scene .scene-grid[data-layout=two-focus]{grid-template-areas:"start focus end";grid-template-columns:var(--start-track) 4fr var(--end-track)}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=end]:empty){grid-template-areas:"start focus";grid-template-columns:var(--start-track) 2fr;grid-template-rows:1fr}.scene .scene-grid:not([data-layout=auto]):has(>[data-region=start]:empty):has(>[data-region=end]:empty){grid-template-columns:1fr;grid-template-areas:"focus"}.scene .scene-grid[data-layout=two-focus]:has(>[data-region=end]:empty){grid-template-columns:var(--start-track) 4fr}.scene .slot{place-items:center;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden;container-type:size}.scene figure{block-size:100%;inline-size:100%;font-size:clamp(.625rem,5cqmin,3rem);position:relative;container-type:size}.scene .slot[data-fit=contain][data-sized] figure{inline-size:min(100cqi, 100cqb * var(--slot-aspect));block-size:auto;aspect-ratio:var(--slot-aspect)}.scene img{object-fit:contain;outline:var(--image-border-width,3px) solid var(--color-image-border);outline-offset:calc(-1 * var(--image-border-width,3px));block-size:100%;inline-size:100%;position:absolute;inset:0}.scene .slot[data-fit=cover] img{object-fit:cover;object-position:var(--focal-x,50%) var(--focal-y,50%)}.scene figcaption{border-radius:var(--radius);background:var(--color-caption-bg);inline-size:fit-content;max-inline-size:90cqi;color:var(--color-caption-text);text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-inline:auto;padding:.2em .6em;line-height:1.25;display:-webkit-box;position:absolute;inset-block-end:3cqmin;inset-inline:0;overflow:hidden}.scene .slot[data-fit=contain]:not([data-sized]) img{outline-color:#0000}.scene .slot[data-fit=contain]:not([data-sized]) figcaption{visibility:hidden}.scene[data-blanked] .slot{visibility:hidden}.joined .scene{view-transition-name:scene}.joined{isolation:isolate}.joined:before{content:"";z-index:-1;background:var(--color-bg) var(--wallpaper,none) center / cover no-repeat;position:fixed;inset:0}.joined .scene{background:0 0}.joined[data-view=gallery]{--toolbar-clearance:calc(2 * var(--space-3) + 1lh + 2 * var(--space-2) + 2px);--gallery-image-max-block-size:calc(100dvh - var(--toolbar-clearance) - var(--space-3))}.joined[data-view=gallery] .scene{aspect-ratio:auto;inline-size:100%;container-type:normal}.joined[data-view=gallery] .scene .scene-grid{gap:var(--space-3);padding-block:var(--toolbar-clearance) var(--space-3);padding-inline:var(--space-2);flex-direction:column;display:flex}.joined[data-view=gallery] .scene .scene-region{display:contents}.joined[data-view=gallery] .scene .slot{overflow:visible;container-type:normal}.joined[data-view=gallery] .scene .slot[data-fit] figure{inline-size:min(100%, var(--gallery-image-max-block-size) * var(--slot-aspect,16 / 9));aspect-ratio:auto;block-size:auto;font-size:1rem;position:static;container-type:normal}.joined[data-view=gallery] .scene .slot[data-fit] img{block-size:auto;inline-size:100%;aspect-ratio:var(--slot-aspect,16 / 9);object-fit:contain;position:static}.joined[data-view=gallery] .scene figcaption{max-inline-size:100%;margin-block-start:var(--space-2);position:static}.joined[data-view=gallery] .scene[data-blanked] .slot{display:none}::view-transition-old(*){animation-duration:var(--duration-fade)}::view-transition-new(*){animation-duration:var(--duration-fade)}.display-toolbar{gap:var(--space-2);transition:opacity var(--duration-fade);display:flex;position:fixed;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.display-status:not([data-state=disconnected]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.display-status[data-state=disconnected]{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-surface);position:fixed;inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.display-view[data-idle]{cursor:none}.display-view[data-idle] .display-toolbar:not(:has(:focus-visible)){opacity:0;pointer-events:none}button,input,select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-text-muted);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:700}a{color:var(--color-accent)}.room-code{letter-spacing:.1em;font-family:ui-monospace,monospace}dialog{max-inline-size:min(28rem, 100% - 2 * var(--space-3));padding:var(--space-4);border:1px solid var(--color-text-muted);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);margin:auto}dialog form{gap:var(--space-3);display:grid}dialog::backdrop{background:#000000b3}.hint{color:var(--color-text-muted)}.hint.error{color:var(--color-accent)}.library-header{z-index:1;gap:var(--space-3);padding-block:var(--space-3);background:var(--color-bg);margin-block-start:calc(-1 * var(--space-3));display:grid;position:sticky;inset-block-start:calc(-1 * var(--space-3))}.library-search{gap:var(--space-1);display:grid}.library-search kbd{color:var(--color-text-muted);margin-inline-start:var(--space-2);font-family:inherit;font-size:.875em}.library-search .hint{font-size:.875rem}.library-no-results:not([hidden]){justify-items:start;gap:var(--space-2);display:grid}.library{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.library-entry:not([hidden]){display:grid}.library-entry{--toggle-padding:var(--space-1);--toggle-border:1px;anchor-scope:--entry-more;grid-template-rows:auto 1fr;container-type:inline-size}.entry-toggle{grid-area:1/1/-1;grid-template-rows:subgrid;gap:var(--space-1);padding:var(--toggle-padding);border-width:var(--toggle-border);text-align:start;background:0 0;border-color:#0000;display:grid}.entry-toggle:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.entry-toggle[aria-pressed=true]{color:var(--color-text);background:0 0;border-color:#0000;font-weight:400}.entry-toggle[aria-pressed=true]:hover{background:var(--color-surface)}.entry-thumb{inline-size:calc(100cqi - 2 * (var(--toggle-padding) + var(--toggle-border)));aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius);background:var(--color-surface);grid-area:1/1;block-size:auto}[aria-pressed=true]>.entry-thumb{outline:2px solid var(--color-accent);outline-offset:-2px}.entry-badge{margin:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius);background:var(--color-accent);color:var(--color-bg);grid-area:1/1;place-self:start;font-size:.875rem;font-weight:700}[aria-pressed=false]>.in-scene-badge{display:none}.entry-bottom-badges{align-self:end;gap:var(--space-1);margin:var(--space-1);flex-wrap:wrap-reverse;grid-area:1/1;display:flex}.wallpaper-badge{border:1px solid var(--color-text-muted);background:var(--color-surface);color:var(--color-text);margin:0;display:none}[data-wallpaper] .wallpaper-badge{display:block}.notes-badge{border:1px solid var(--color-text-muted);background:var(--color-surface);color:var(--color-text);margin:0;margin-inline-start:auto;display:none}[data-matched-notes] .notes-badge{display:block}.entry-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;grid-row:2;align-self:start;display:-webkit-box;overflow:hidden}[data-renaming] .entry-name{opacity:0}.entry-rename{inline-size:100%;padding:0 var(--space-1);grid-area:2/1;align-self:start}.entry-more{min-block-size:2rem;min-inline-size:2rem;margin:var(--space-1);anchor-name:--entry-more;grid-area:1/1;place-self:start end;place-items:center;padding:0;display:grid;position:relative}.file-button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-text-muted);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;display:inline-block}.file-button:has(:focus-visible){outline:var(--focus-ring);outline-offset:2px}.file-button:has(:disabled){cursor:not-allowed;opacity:.6}.notes-field{gap:var(--space-1);display:grid}.notes-field textarea{resize:vertical;inline-size:100%}.notes-field .hint{font-size:.875rem}.tag-filters{align-items:end;gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-filter-group{border:0;flex:18rem;min-inline-size:0;padding:0}.tag-filter-group:not(:has(li)){display:none}.tag-filter-group legend{margin-block-end:var(--space-1);padding:0}.tag-filter-list{gap:var(--space-1);max-block-size:7rem;margin:calc(-1 * var(--space-2));padding:var(--space-2);flex-wrap:wrap;list-style:none;display:flex;overflow-y:auto}.tag-filter-list button,.manage-tags-button{min-block-size:1.75rem;padding:0 var(--space-2);font-size:.875rem}.tags-dialog ul{gap:var(--space-1);max-block-size:min(20rem,50dvh);margin:calc(-1 * var(--space-2));padding:var(--space-2);list-style:none;display:grid;overflow-y:auto}.tag-checklist{padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.tag-checklist ul{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.tag-checklist label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.tag-checklist input{block-size:1.25rem;inline-size:1.25rem;accent-color:var(--color-accent);flex:none;padding:0}.new-tag{gap:var(--space-1);display:grid}.new-tag-row{gap:var(--space-2);display:flex}.new-tag-row input{flex:1;min-inline-size:0}.manage-tags-list li{align-items:center;gap:var(--space-2);display:flex}.manage-tags-list li .tag-name,.manage-tags-list li .tag-rename{overflow-wrap:anywhere;flex:1;min-inline-size:0}.manage-tags-list li button{padding:var(--space-1) var(--space-2)}.focal-point-dialog{max-inline-size:min(40rem, 100% - 2 * var(--space-3))}.focal-point-frame{aspect-ratio:var(--aspect,1);inline-size:min(100%, 50dvh * (var(--aspect,1)));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;justify-self:center;position:relative}.focal-point-frame img{block-size:100%;inline-size:100%;position:absolute;inset:0}.focal-point-marker{left:var(--focal-x,50%);top:var(--focal-y,50%);border:3px solid var(--color-accent);block-size:1.75rem;inline-size:1.75rem;box-shadow:0 0 0 2px var(--color-bg), inset 0 0 0 2px var(--color-bg);pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%}.focal-point-sliders{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr 4ch;display:grid}.focal-point-sliders input{accent-color:var(--color-accent);padding:0}.focal-point-sliders span{text-align:end;font-variant-numeric:tabular-nums}.scene-slots{align-content:start;gap:var(--space-1);counter-reset:slot;padding-inline-start:0;display:grid}.scene-slots li{counter-increment:slot;place-items:center start;gap:var(--space-1) var(--space-2);padding-block:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius);grid-template-columns:auto 1fr auto;grid-template-areas:"handle name up""handle settings down";padding-inline-end:var(--space-1);display:grid;position:relative}.scene-slots li[draggable=true]{cursor:grab}.scene-slots li[data-dragging]{opacity:.5}.scene-slots li:before{content:counter(slot)}@supports (content:"" / ""){.scene-slots li:before{content:counter(slot) / ""}}.scene-slots li:before{min-inline-size:1.5rem;margin-block:calc(-1 * var(--space-1));padding-inline:var(--space-1);background:var(--color-accent);color:var(--color-bg);font-variant-numeric:tabular-nums;border-start-start-radius:calc(var(--radius) - 1px);border-end-start-radius:calc(var(--radius) - 1px);grid-area:handle;place-self:stretch stretch;place-items:center;font-weight:700;display:grid}.scene-slots li[data-drop]:after{content:"";background:var(--color-accent);border-radius:2px;block-size:3px;position:absolute;inset-inline:-1px}.scene-slots li[data-drop=before]:after{inset-block-start:calc(-1 * var(--space-1) / 2 - 3px)}.scene-slots li[data-drop=after]:after{inset-block-end:calc(-1 * var(--space-1) / 2 - 3px)}.slot-name{grid-area:name}.slot-settings{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;grid-area:settings;display:flex}.slot-settings label{align-items:center;gap:var(--space-1);cursor:default;display:inline-flex}.slot-settings button{padding:0 var(--space-2);min-block-size:1.5rem}.slot-move{place-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;padding:0;display:grid;position:relative}.slot-move[data-slot-control=up]{grid-area:up}.slot-move[data-slot-control=down]{grid-area:down}.slot-focus{padding:0 var(--space-1);border:1px solid var(--color-accent);border-radius:var(--radius);color:var(--color-accent);white-space:nowrap;font-size:.875em}.scene-pane{gap:var(--space-3)}.scene-pane h2{font-size:1.25rem}.scene-builder,.live-scene{align-content:start;gap:var(--space-2);display:grid}.scene-builder-header,.live-scene-header{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.scene-pane .scene{outline:1px solid var(--color-text-muted);--image-border-width:1px}.scene-builder .scene{max-inline-size:32rem}.go-live-controls{align-content:start;justify-items:start;gap:var(--space-2);display:grid}.go-live-controls p{color:var(--color-text-muted)}.go-live-controls[data-live-sync=changed] p{color:var(--color-text);font-weight:700}.go-live-controls[data-live-sync=changed] [data-go-live]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:700}.go-live-controls kbd{margin-inline-start:var(--space-2);font-family:inherit;font-size:.875em;font-weight:400}.live-badge{padding-inline:var(--space-2);border:2px solid var(--color-text-muted);border-radius:var(--radius);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.live-scene .scene{max-inline-size:20rem}.live-scene[data-live-state=live] .live-badge{border-color:var(--color-live);background:var(--color-live);color:var(--color-bg)}.live-scene[data-live-state=live] .scene{outline:3px solid var(--color-live)}.live-scene[data-live-state=blanked] .live-badge{border-style:dashed;border-color:var(--color-text);color:var(--color-text)}.live-scene[data-live-state=blanked] .scene{outline:3px dashed var(--color-text-muted)}@media (width>=56.25rem){.scene-pane{grid-template:"builder controls""builder live"1fr/minmax(0,1fr) minmax(0,16rem);align-content:stretch;container-type:size}.scene-builder{grid-area:builder;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;min-block-size:0}.scene-builder .scene{--scene-inline-size:min(100%, (100cqb - 12rem) * 16 / 9);max-inline-size:none}.scene-builder .scene-slots{padding-block:var(--space-1);padding-inline-end:var(--space-1);overflow-y:auto}.go-live-controls{grid-area:controls}.live-scene{grid-area:live}}.layout-picker{align-items:center;gap:var(--space-1);display:flex}.layout-picker select{padding-block:var(--space-1)}.layout-picker .layout-help-button{padding:var(--space-1) var(--space-2)}.qr-code{inline-size:var(--qr-size,8rem);aspect-ratio:1;background:var(--color-qr-light);fill:var(--color-qr-dark);shape-rendering:crispedges;display:block}.qr-dialog{--qr-size:min(24rem, 60dvb, 100dvi - 7rem)}.qr-dialog form{text-align:center;justify-items:center}.join-card:not([hidden]){--qr-size:clamp(8rem, 25vmin, 16rem);justify-items:center;gap:var(--space-2);max-inline-size:calc(var(--qr-size) + 2 * var(--space-3));padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface);text-align:center;display:grid;position:fixed;inset-block-end:var(--space-3);inset-inline-start:var(--space-3)}.join-card:not([hidden]) h2{font-size:1.25rem}.menu{padding:var(--space-2);border:1px solid var(--color-text-muted);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);margin:0;inset:auto}.menu:popover-open{gap:var(--space-2);display:grid}.menu button{text-align:start}.room-menu-button{anchor-name:--room-menu}.room-menu{position-anchor:--room-menu;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block:var(--space-1)}.room-menu .hint{max-inline-size:16rem;margin:0}@supports not (anchor-name:--a){.room-menu{inset-block-start:4rem;inset-inline-end:var(--space-3)}}.entry-menu{position-anchor:--entry-more;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block:var(--space-1)}@supports not (anchor-name:--a){.entry-menu{margin:auto;inset:0}}.add-images-button{anchor-name:--add-images}.add-images-menu{position-anchor:--add-images;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;margin-block:var(--space-1);inline-size:min(30rem, 100vi - 2 * var(--space-3))}@supports not (anchor-name:--a){.add-images-menu{margin:auto;inset:0}}.add-images-menu .url-import{gap:var(--space-1);display:grid}.add-images-menu .url-import-row{gap:var(--space-2);display:flex}.add-images-menu .url-import-row input{flex:1;min-inline-size:0}.add-images-menu .file-button{justify-self:start}.add-images-menu .hint{margin:0}.layout-help-button{anchor-name:--layout-help;position:relative}.layout-help{position-anchor:--layout-help;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block:var(--space-1);inline-size:min(26rem, 100vi - 2 * var(--space-3));padding:var(--space-3)}@supports not (anchor-name:--a){.layout-help{margin:auto;inset:0}}.layout-help p,.layout-help dl{margin:0}.layout-help dt{font-weight:700}.layout-help dd{margin:0 0 var(--space-1)}.campaign-list{gap:var(--space-1);max-block-size:min(16rem,40dvh);margin:calc(-1 * var(--space-2));padding:var(--space-2);list-style:none;display:grid;overflow-y:auto}.campaign-list li{align-items:center;gap:var(--space-2);display:flex}.campaign-list a,.campaign-list .campaign-name{overflow-wrap:anywhere;flex:1;min-inline-size:0}.campaign-list [aria-current=page]{font-weight:700}.campaign-list button{padding:var(--space-1) var(--space-2)}.campaign-current{padding-inline:var(--space-2);border:1px solid var(--color-text-muted);border-radius:var(--radius);color:var(--color-text-muted);font-size:.875rem}.new-campaign{gap:var(--space-1);display:grid}.new-campaign-row{gap:var(--space-2);display:flex}.new-campaign-row input{flex:1;min-inline-size:0}.archived-campaigns:not([hidden]){gap:var(--space-2);display:grid}.archived-campaigns summary{cursor:pointer}.archived-campaigns .hint{margin-block:var(--space-2)}.import-button{justify-self:start}.import-dialog,.kanka-dialog{max-inline-size:min(36rem, 100% - 2 * var(--space-3));max-block-size:calc(100dvh - 2 * var(--space-3))}:is(.import-dialog,.kanka-dialog)[open]{grid-template-rows:minmax(0,1fr);display:grid}:is(.import-dialog,.kanka-dialog) form{min-block-size:0}.import-dialog form{grid-template-rows:repeat(4,auto) minmax(0,1fr) auto auto}.kanka-dialog form{grid-template-rows:auto minmax(auto,1fr) auto auto}.kanka-dialog:has(.kanka-connected:not([hidden])){inline-size:min(36rem, 100% - 2 * var(--space-3));block-size:min(44rem, 100dvh - 2 * var(--space-3))}.import-field:not([hidden]){gap:var(--space-1);display:grid}.import-thumb{aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius);background:var(--color-bg);flex:none;block-size:auto;inline-size:4rem}.import-name{overflow-wrap:anywhere;min-inline-size:0}.import-checklist{gap:var(--space-2);min-block-size:0;padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius);grid-template-rows:auto minmax(0,1fr)}.import-checklist:not([hidden]){display:grid}.import-checklist ul{gap:var(--space-1);min-block-size:5rem;max-block-size:22rem;margin:calc(-1 * var(--space-2));padding:var(--space-2);list-style:none;display:grid;overflow-y:auto}.import-checklist ul:not(:has(>li:not([hidden]))){min-block-size:0}.import-checklist label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.import-checklist input{block-size:1.25rem;inline-size:1.25rem;accent-color:var(--color-accent);flex:none;padding:0}.import-checklist label:has(:disabled){cursor:default}.import-checklist label:has(:disabled) .import-thumb{opacity:.5}.import-select-all{border-block-end:1px solid var(--color-border-subtle);padding-block-end:var(--space-2)}.kanka-connect:not([hidden]){gap:var(--space-3);display:grid}.kanka-connected:not([hidden]){gap:var(--space-3);flex-direction:column;display:flex}.kanka-filters:not([hidden]){gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));display:grid}.kanka-entities{flex-grow:1;grid-template-rows:auto minmax(8rem,1fr) auto auto;align-content:start;min-block-size:auto}.kanka-entities ul{contain:size;min-block-size:0;max-block-size:none}.kanka-entities:not(:has(li)){grid-template-rows:auto 0 auto auto}.kanka-more,.kanka-connect>button{justify-self:start}.kanka-account{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.kanka-account p{overflow-wrap:anywhere}.room-summary{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.room-summary>:not([hidden])~:not([hidden]):before{content:"·" / "";margin-inline-end:var(--space-2)}.connection{align-items:center;gap:var(--space-2);color:var(--color-text);display:inline-flex}.connection:before{content:"";border:2px solid var(--color-text-muted);border-radius:50%;block-size:.75em;inline-size:.75em}.connection[data-connection=connected]:before{border-color:var(--color-connected);background:var(--color-connected)}.connection:is([data-connection=reconnecting],[data-connection=failed]):before{border-color:var(--color-live)}.messages{min-block-size:1lh}.messages [role=alert]{color:var(--color-live);font-weight:700}.drop-hint{display:none}:root[data-dragging] .drop-hint{z-index:1;padding:var(--space-3);outline:2px dashed var(--color-text-muted);outline-offset:calc(-1 * var(--space-2));background:color-mix(in srgb, var(--color-bg) 85%, transparent);pointer-events:none;place-content:center;font-size:1.25rem;font-weight:700;display:grid;position:relative}.drop-hint[data-drop-hint=library]{grid-area:library}.drop-hint[data-drop-hint=scene]{grid-area:scene}:root[data-dragging=library] [data-drop-hint=library],:root[data-dragging=scene] [data-drop-hint=scene]{outline:3px solid var(--color-accent);color:var(--color-accent)}.saved-scenes-button{anchor-name:--saved-scenes}.saved-scenes-menu{position-anchor:--saved-scenes;position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;margin-block:var(--space-1);inline-size:min(24rem, 100vi - 2 * var(--space-3))}@supports not (anchor-name:--a){.saved-scenes-menu{margin:auto;inset:0}}.saved-scenes-menu h3,.saved-scenes-menu .hint{margin:0}.saved-scenes-menu h3{font-size:1rem}.save-scene{gap:var(--space-1);display:grid}.save-scene-row{gap:var(--space-2);display:flex}.save-scene-row input{flex:1;min-inline-size:0}.saved-scene-list:not([hidden]){gap:var(--space-1);display:grid}.saved-scene-list{max-block-size:min(16rem,40dvh);margin:calc(-1 * var(--space-2));padding:var(--space-2);list-style:none;overflow-y:auto}.saved-scene-list li{align-items:stretch;gap:var(--space-1);anchor-scope:--saved-scene-more;display:flex}.saved-scene-load{justify-content:space-between;align-items:baseline;gap:0 var(--space-2);text-align:start;flex-wrap:wrap;flex:1;min-inline-size:0;display:flex}.saved-scene-name{overflow-wrap:anywhere}.saved-scene-count{color:var(--color-text-muted);font-size:.875rem}.saved-scene-more{anchor-name:--saved-scene-more;min-inline-size:2rem;padding:0;position:relative}.saved-scene-menu{position-anchor:--saved-scene-more;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block:var(--space-1)}@supports not (anchor-name:--a){.saved-scene-menu{margin:auto;inset:0}}}