.df-header{position:sticky;top:0;z-index:10;flex:0 0 auto;background:linear-gradient(180deg,var(--df-surface) 0%,var(--df-bg) 100%);border-bottom:1px solid var(--df-border)}.df-header__inner{height:var(--df-header-height);max-width:var(--df-max-width);margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;gap:1.5rem}.df-header__brand{display:flex;align-items:center;gap:.6rem;color:var(--df-text)}.df-header__brand:hover{color:var(--df-text)}.df-header__mark{display:block;flex:0 0 auto;width:1.5rem;height:1.5rem;image-rendering:pixelated}.df-header__wordmark{font-family:var(--df-font-display);font-size:1.25rem;letter-spacing:.04em}.df-header__wordmark span{color:var(--df-accent)}.df-header__nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.df-header__nav a{color:var(--df-text-muted);font-size:.95rem;letter-spacing:.02em;padding:.25rem 0;border-bottom:2px solid transparent}.df-header__nav a:hover{color:var(--df-text)}.df-header__nav a.is-active{color:var(--df-accent);border-bottom-color:var(--df-accent)}.df-header__badge{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--df-rune);border:1px solid var(--df-border-strong);border-radius:999px;padding:.2rem .6rem}@media(max-width:34rem){.df-header__badge{display:none}.df-header__inner{gap:1rem}}.df-footer{flex:0 0 auto;border-top:1px solid var(--df-border);background:var(--df-bg-deep)}.df-footer__inner{max-width:var(--df-max-width);margin:0 auto;padding:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.df-footer__inner p{margin:0;font-size:.85rem;color:var(--df-text-muted)}.df-footer__nav{display:flex;gap:1rem;font-size:.85rem}.df-game{position:relative;flex:1 1 auto;min-height:0;display:flex;background:radial-gradient(ellipse at 50% 0%,rgba(224,163,78,.08),transparent 60%),var(--df-bg-deep)}html:has(.df-game){touch-action:manipulation}.df-game,.df-game__frame{touch-action:none}.df-game__frame{flex:1 1 auto;width:100%;border:0;display:block;opacity:0;transition:opacity .4s ease}.df-game__frame.is-ready{opacity:1}.df-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--df-bg-deep)}.df-game__loading p{color:var(--df-text-muted);letter-spacing:.04em}.df-game__torch{display:block;width:.75rem;height:.75rem;margin:0 auto 1rem;background:var(--df-accent);animation:df-flicker 1.1s ease-in-out infinite}@keyframes df-flicker{0%,to{opacity:1;box-shadow:0 0 18px 4px #e0a34e80}50%{opacity:.45;box-shadow:0 0 8px 1px #e0a34e40}}@media(prefers-reduced-motion:reduce){.df-game__torch{animation:none}}.df-game__missing{max-width:34rem;border:1px solid var(--df-border-strong);border-radius:.5rem;background:var(--df-surface);padding:2rem}.df-game__missing h2{margin:0 0 .75rem}.df-game__missing p{color:var(--df-text-muted)}.df-game__missing pre{margin:1rem 0;padding:.75rem 1rem;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.375rem;color:var(--df-accent);overflow-x:auto}.df-game__hint{font-size:.85rem}.df-game__missing code{color:var(--df-rune)}@media(max-width:820px){.df-shell:has(.df-game)>.df-header,.df-shell:has(.df-game)>.df-footer{display:none}}.df-holding{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;background:radial-gradient(ellipse at 50% 40%,var(--df-surface) 0%,var(--df-bg) 60%,var(--df-bg-deep) 100%)}.df-holding__brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem}.df-holding__mark{display:block;flex:0 0 auto;width:3rem;height:3rem;image-rendering:pixelated}.df-holding__wordmark{font-family:var(--df-font-display);font-size:1.6rem;letter-spacing:.04em}.df-holding__wordmark span{color:var(--df-accent)}.df-holding p{margin:0;color:var(--df-text-muted)}.df-holding__pitch{display:flex;flex-direction:column;margin:0;font-family:var(--df-font-display);font-size:clamp(2.6rem,9vw,5.5rem);line-height:1.02;letter-spacing:-.01em}.df-holding__pitch span:last-child{color:var(--df-accent)}.df-holding .df-holding__lede{max-width:30ch;margin-top:.75rem;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.45}.df-holding .df-holding__soon{margin-top:.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.df-holding__login{margin-top:2.5rem;background:none;border:1px solid var(--df-border-strong);border-radius:.35rem;color:var(--df-text-muted);font-size:.85rem;padding:.4rem 1rem}.df-holding__login:hover{color:var(--df-text);border-color:var(--df-accent)}.adm{--adm-gap: 1rem;--adm-radius: .5rem;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at 20% -10%,rgba(111,183,168,.07),transparent 55%),var(--df-bg)}.adm__bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--df-border);background:var(--df-surface);flex-wrap:wrap}.adm__crumbs{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--df-text-muted)}.adm__crumbs a{color:var(--df-text-muted)}.adm__crumbs a:hover{color:var(--df-accent)}.adm__crumbs .is-current{color:var(--df-text)}.adm__actor{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--df-text-muted)}.adm__body{flex:1 1 auto;min-height:0;overflow:auto;padding:1.5rem 1.25rem 3rem}.adm__inner{max-width:76rem;margin:0 auto}.adm h1{font-size:1.75rem;margin:0 0 .25rem}.adm__subtitle{color:var(--df-text-muted);margin:0 0 1.5rem;max-width:62ch}.adm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin-bottom:1.5rem}.adm-stat{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--adm-radius);padding:.85rem 1rem}.adm-stat__label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--df-text-muted);margin:0 0 .35rem}.adm-stat__value{font-family:var(--df-font-display);font-size:1.75rem;line-height:1;margin:0}.adm-stat__value.is-hot{color:var(--df-accent)}.adm-stat__value.is-live{color:var(--df-rune)}.adm-stat__meta{font-size:.75rem;color:var(--df-text-muted);margin:.35rem 0 0}.adm-spark{display:flex;align-items:flex-end;gap:2px;height:2.25rem;margin-top:.5rem}.adm-spark span{flex:1 1 auto;background:var(--df-border-strong);min-height:2px}.adm-spark span:last-child{background:var(--df-accent)}.adm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--adm-gap)}.adm-tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1.1rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--adm-radius);color:var(--df-text);text-align:left;transition:border-color .15s ease,transform .15s ease,background-color .15s ease}.adm-tile:hover{border-color:var(--df-accent);background:var(--df-surface-raised);color:var(--df-text);transform:translateY(-2px)}.adm-tile__icon{color:var(--df-accent)}.adm-tile__name{font-family:var(--df-font-display);font-size:1.1rem}.adm-tile__blurb{font-size:.8rem;color:var(--df-text-muted);line-height:1.45;margin:0}.adm-tile__count{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--df-rune)}.adm-tile.is-locked{opacity:.45;pointer-events:none}.adm-panel{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--adm-radius);overflow:hidden}.adm-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;border-bottom:1px solid var(--df-border)}.adm-table-scroll{overflow-x:auto}table.adm-table{width:100%;border-collapse:collapse;font-size:.9rem}.adm-table th{text-align:left;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--df-text-muted);font-weight:600;padding:.6rem .75rem;border-bottom:1px solid var(--df-border);white-space:nowrap}.adm-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(47,40,35,.6);vertical-align:middle}.adm-table tbody tr:hover{background:var(--df-surface-raised)}.adm-table .is-name{font-weight:600}.adm-empty{padding:2.5rem 1rem;text-align:center;color:var(--df-text-muted)}.adm-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--df-border-strong);color:var(--df-text-muted);white-space:nowrap}.adm-pill.is-online{color:var(--df-rune);border-color:#6fb7a880}.adm-pill.is-silenced{color:var(--df-accent);border-color:#e0a34e80}.adm-pill.is-banned{color:#e2725b;border-color:#e2725b80}.adm-pill.is-role{color:var(--df-text)}.adm-input,.adm-select,.adm-textarea{background:var(--df-bg-deep);border:1px solid var(--df-border-strong);border-radius:.3rem;color:var(--df-text);padding:.45rem .6rem;font-family:inherit;font-size:.9rem}.adm-textarea{resize:vertical;min-height:4.5rem;width:100%}.adm-input{min-width:12rem}.adm-input.is-narrow{min-width:5rem;width:5rem}.adm-label{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--df-text-muted)}.adm-btn{border:1px solid var(--df-border-strong);background:var(--df-surface-raised);color:var(--df-text);border-radius:.3rem;padding:.4rem .75rem;font-size:.85rem;transition:border-color .15s ease,color .15s ease}.adm-btn:hover:not(:disabled){border-color:var(--df-accent);color:var(--df-accent)}.adm-btn:disabled{opacity:.4;cursor:not-allowed}.adm-btn.is-primary{border-color:var(--df-accent);color:var(--df-accent)}.adm-btn.is-primary:hover:not(:disabled){background:var(--df-accent);color:var(--df-bg-deep)}.adm-btn.is-danger{border-color:#e2725b99;color:#e2725b}.adm-btn.is-danger:hover:not(:disabled){background:#e2725b;color:var(--df-bg-deep)}.adm-btn.is-small{padding:.25rem .5rem;font-size:.78rem}.adm-error{color:#e2725b;font-size:.85rem;margin:.5rem 0 0}.adm-hint{color:var(--df-text-muted);font-size:.8rem}.adm-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080706b3;z-index:40;display:flex;justify-content:flex-end}.adm-drawer{width:min(30rem,100%);background:var(--df-surface);border-left:1px solid var(--df-border-strong);padding:1.25rem;overflow-y:auto}.adm-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.adm-drawer h2{margin:0;font-size:1.3rem}.adm-section{margin-top:1.5rem}.adm-section h3{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--df-text-muted);margin:0 0 .6rem}.adm-field-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:.75rem}.adm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.adm-list li{border:1px solid var(--df-border);border-radius:.3rem;padding:.6rem .7rem;font-size:.85rem}.adm-list .adm-list__meta{color:var(--df-text-muted);font-size:.78rem;margin-top:.25rem}.adm-tile__path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--df-text-muted);margin:.35rem 0 0;overflow-wrap:anywhere;word-break:break-all}.adm-gate{padding:2rem 1.25rem;text-align:center}.adm-login{display:flex;justify-content:center;padding:3rem 1rem}.adm-login__card{width:min(26rem,100%);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.adm-login__form{display:flex;flex-direction:column;gap:.9rem}.adm-login__form h1{font-size:1.4rem}.adm-login__form .adm-input{min-width:0;width:100%}.adm-login__qr{align-self:center;border-radius:.3rem;background:#fff}.adm-login__secret{word-break:break-all;color:var(--df-text)}.adm-login__code{font-size:1.3rem;letter-spacing:.3em;text-align:center}.adm-login__switch{align-self:flex-start}.adm-mail{padding:.9rem 1rem;border-bottom:1px solid var(--df-border)}.adm-mail:last-child{border-bottom:0}.adm-mail__head{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline}.adm-mail__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0;font-size:.85rem;color:var(--df-text-muted)}.adm-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.adm-bars{position:relative;background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--adm-radius);padding:1.25rem 1rem .5rem 2.75rem}.adm-bars__peak{position:absolute;top:1rem;left:.75rem;font-size:.7rem;color:var(--df-text-muted)}.adm-bars__plot,.adm-bars__axis{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px}.adm-bars__plot{height:10rem;border-top:1px dashed var(--df-border);border-bottom:1px solid var(--df-border-strong)}.adm-bars__slot{position:relative;display:flex;align-items:flex-end;outline:none}.adm-bars__bar{width:100%;min-height:0;background:var(--df-accent);border-radius:4px 4px 0 0;opacity:.8}.adm-bars__slot:hover .adm-bars__bar,.adm-bars__slot:focus-visible .adm-bars__bar{opacity:1}.adm-bars__slot:hover,.adm-bars__slot:focus-visible{background:#ffffff0a}.adm-bars__tip{display:none;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;font-size:.75rem;color:var(--df-text);background:var(--df-bg-deep);border:1px solid var(--df-border-strong);border-radius:.3rem;padding:.3rem .5rem;pointer-events:none}.adm-bars__slot:first-child .adm-bars__tip{left:0;transform:none}.adm-bars__slot:last-child .adm-bars__tip{left:auto;right:0;transform:none}.adm-bars__slot:hover .adm-bars__tip,.adm-bars__slot:focus-visible .adm-bars__tip{display:block}.adm-bars__axis{margin-top:.35rem;font-size:.7rem;color:var(--df-text-muted);white-space:nowrap}.adm__workspace{display:grid;grid-template-columns:11.5rem minmax(0,1fr);flex:1;min-height:0}.adm__navigation{position:sticky;top:var(--df-header-height);max-height:calc(100dvh - var(--df-header-height));overflow:auto;padding:1.25rem .8rem;display:grid;align-content:start;gap:1.35rem;background:var(--df-surface);border-right:1px solid var(--df-border)}.adm__navigation a{display:block;padding:.4rem .55rem;border-radius:.3rem;text-decoration:none;color:var(--df-text-muted);font-size:.8rem;overflow-wrap:anywhere}.adm__navigation a:hover,.adm__navigation a.is-current{color:var(--df-accent);background:var(--df-bg-deep)}.adm__navigation-home{font-weight:600}.adm__workspace .adm__body{width:100%;min-width:0}.adm-recovery{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1rem 0;border-color:var(--df-accent)}.adm-recovery>div{flex:1 1 15rem}.adm-recovery p{margin:.3rem 0 0}.adm-pagination{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.adm-sprite-usage{display:grid;gap:.25rem;font-size:.75rem;width:100%}@media(max-width:1050px){.adm__workspace{grid-template-columns:1fr}.adm__navigation{position:static;max-height:none;display:flex;overflow:auto;gap:1rem;border-right:0;border-bottom:1px solid var(--df-border);padding:.65rem 1rem}.adm__navigation>div{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.adm__navigation a{white-space:nowrap}.adm__navigation .adm-stat__label{margin:0 .3rem 0 0}.adm__navigation>div:has([title]){display:none}}.catalogue{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1.2rem;align-items:start}.catalogue__heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.catalogue__heading h1,.catalogue__heading h2{margin-top:.3rem}.catalogue__filters{display:grid;gap:.7rem;padding-bottom:1rem;flex:none}.catalogue__list{position:sticky;top:calc(var(--df-header-height) + 1rem);display:flex;flex-direction:column;max-height:calc(100vh - var(--df-header-height) - 2rem);padding:.8rem}.catalogue__entries{min-height:0;max-height:65vh;overflow:auto;display:grid;gap:.3rem}.catalogue__entry{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;color:var(--df-text);background:transparent;border:1px solid transparent;border-radius:.35rem;padding:.7rem;cursor:pointer}.catalogue__entry:hover,.catalogue__entry.is-selected{background:var(--df-bg-deep);border-color:var(--df-accent)}.catalogue__entry-copy{display:grid;gap:.3rem;min-width:0}.catalogue__entry-copy strong{overflow-wrap:anywhere}.catalogue__entry-meta,.catalogue__entry small{font-size:.75rem;color:var(--df-text-muted)}.catalogue__entry small{color:var(--df-accent)}.catalogue__thumbnail{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:.25rem;background:repeating-conic-gradient(#1d1915,#1d1915 25%,#28221b 0%,#28221b 50%) 0 / 8px 8px}.catalogue__thumbnail canvas{max-width:40px;max-height:40px;object-fit:contain}.catalogue__editor{padding:0 1.2rem 1.2rem;min-width:0;overflow:visible}.catalogue__editor-header{position:sticky;top:var(--df-header-height);z-index:2;align-items:center;padding:1rem 0;margin-bottom:1.2rem;border-bottom:1px solid var(--df-border);background:var(--df-surface)}.catalogue__editor-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.catalogue__fields{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:start}.catalogue__details{display:grid;gap:1.5rem;min-width:0}.catalogue__section{display:grid;gap:1rem;min-width:0}.catalogue__section+.catalogue__section{border-top:1px solid var(--df-border);padding-top:1.5rem}.catalogue__section-title{margin:0;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--df-text-muted)}.catalogue__section h3:not(.catalogue__section-title){margin:0;font-size:1rem}.catalogue__section p{margin:0}.catalogue__editor .adm-input{min-width:0;width:100%;box-sizing:border-box}.catalogue__editor textarea.adm-input{resize:vertical}.catalogue__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.catalogue__rule{display:flex;align-items:end;gap:.6rem;flex-wrap:wrap}.catalogue__rule>*{flex:1;min-width:100px}.catalogue__rule-block{display:grid;gap:.8rem;border:1px solid var(--df-border);padding:1rem;border-radius:.4rem}.catalogue__checks{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.catalogue__chips{display:flex;flex-wrap:wrap;gap:.35rem}.catalogue__checks label{display:flex;gap:.4rem;align-items:center}.catalogue__empty{min-height:300px;display:grid;align-content:center}.catalogue__terrain-progress{width:100%;accent-color:var(--df-accent)}@media(max-width:1100px){.catalogue__fields{display:flex;flex-direction:column}.catalogue__details{display:contents}.catalogue__section{width:100%;box-sizing:border-box}.catalogue__information{order:0}.catalogue__combat{order:2}.catalogue__encounters{order:3}}@media(max-width:750px){.catalogue{grid-template-columns:1fr}.catalogue__list{position:static;max-height:none}.catalogue__entries{max-height:260px}}.game-palette__role{display:flex;flex-direction:column;gap:.35rem;padding-block:.5rem;border-top:1px solid var(--df-border)}.game-palette__role h4{margin:0;font-size:.9rem}.game-palette__ramp{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.game-palette__ramp input[type=color]{width:2rem;height:1.6rem;padding:0;border:1px solid var(--df-border);border-radius:.2rem;background:none}.game-palette__label{min-width:6rem;font-size:.8rem;color:var(--df-text-muted)}.catalogue__terrain-pieces{display:flex;flex-wrap:wrap;gap:.3rem}.catalogue__terrain-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:64px;min-height:58px;padding:.2rem;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep);color:var(--df-text-muted);font:inherit;font-size:1rem;cursor:pointer}.catalogue__terrain-piece small{font-size:.65rem}.catalogue__terrain-piece.is-missing{border-style:dashed}.catalogue__terrain-piece canvas{max-width:64px;height:auto;image-rendering:pixelated}.catalogue__duplicate{margin-bottom:1rem}.catalogue__swaps{display:flex;flex-wrap:wrap;gap:.4rem .8rem}.catalogue__swap{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--df-text-muted)}.catalogue__swap span{width:1.4rem;height:1.4rem;border-radius:.2rem;border:1px solid var(--df-border)}.catalogue__swap input[type=color]{width:1.8rem;height:1.5rem;padding:0;border:1px solid var(--df-border);border-radius:.2rem;background:none}.catalogue__review{margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem}.catalogue__review ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;max-height:20rem;overflow:auto}.catalogue__review li span{color:var(--df-text-muted);font-size:.85rem;margin-left:.5rem;overflow-wrap:anywhere}.catalogue__review .adm-link{background:none;border:0;padding:0;color:var(--df-accent);font:inherit;cursor:pointer}.catalogue__steps{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.catalogue__history{margin-bottom:1rem}.catalogue__history>.adm-panel{margin-top:.5rem}.catalogue__history-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-top:1px solid var(--df-border);font-size:.8rem}.catalogue__history-row small{display:block}.catalogue__create{display:grid;gap:1rem}.catalogue__create fieldset{border:1px solid var(--df-border);border-radius:var(--adm-radius)}.catalogue__template{display:flex;align-items:start;gap:.7rem;padding:.8rem;cursor:pointer}.catalogue__template small{display:block;color:var(--df-text-muted);margin-top:.3rem}.catalogue__release{margin-bottom:1.5rem}.catalogue__release-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr);gap:1.5rem}.catalogue__release-grid .adm-input{margin:.5rem 0;width:100%}.catalogue__release-tools h3{margin-top:1.25rem}.catalogue__release-entries{max-height:24rem;overflow:auto;border:1px solid var(--df-border);border-radius:.3rem;padding:.5rem}.catalogue__release-entries label{display:flex;align-items:start;gap:.6rem;padding:.5rem;cursor:pointer}.catalogue__release-entries small{display:block;color:var(--df-text-muted);font-size:.7rem}.catalogue__release-change{border:1px solid var(--df-border);border-radius:.3rem;padding:.75rem;margin:.75rem 0}.catalogue__release-change summary{cursor:pointer}.catalogue__release-change pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;max-height:16rem;overflow:auto;background:var(--df-bg-deep);padding:.6rem}.catalogue__release-change ul{padding-left:1.25rem}.catalogue__art-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.catalogue__art-comparison>div{min-width:0}.catalogue__art-comparison canvas{max-width:100%;image-rendering:pixelated}@media(max-width:750px){.catalogue__release-grid{grid-template-columns:1fr}.catalogue__history-row{flex-wrap:wrap}}.catalogue__from-code{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.6rem .9rem}.catalogue__files{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-left:.4rem}.workshop{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start}.workshop__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.workshop__head h2{margin:0;font-size:1rem}.workshop__order{grid-row:span 3}.workshop__layers{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.workshop__layers li{display:flex;align-items:center;gap:.35rem;padding:.25rem .4rem;border:1px solid var(--df-border);border-radius:.3rem;font-size:.85rem}.workshop__layers li>span{flex:1}.workshop__new{display:flex;gap:.3rem}.workshop__new input{width:9rem}.workshop__styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.6rem}.workshop__style{display:grid;gap:.2rem;justify-items:center;text-align:center;font-size:.8rem;min-width:0}.workshop__art{width:72px;height:72px;display:grid;place-items:center;padding:0;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep);cursor:pointer}.workshop__art:hover{border-color:var(--df-accent)}.workshop__art.is-missing{border-style:dashed}.workshop__art canvas{image-rendering:pixelated}.templates{display:grid;gap:1rem;grid-template-columns:13rem minmax(0,1fr) 18rem;align-items:start}@media(max-width:1100px){.templates{grid-template-columns:1fr}}.templates__tree{display:grid;gap:.6rem}.templates__branch{display:grid;gap:.15rem}.templates__node{text-align:left;padding:.3rem .5rem;border:1px solid transparent;border-radius:.3rem;background:transparent;color:var(--df-text);cursor:pointer;font-weight:600}.templates__node.is-type{padding-left:1.4rem;font-weight:400}.templates__node:hover,.templates__node.is-current{background:var(--df-bg-deep);border-color:var(--df-accent)}.templates__new{display:flex;gap:.3rem;flex-wrap:wrap}.templates__new input{flex:1;min-width:0}.templates__grid{display:grid;gap:1rem;min-width:0}.templates__player{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;padding:.6rem;border:1px solid var(--df-border);border-radius:.35rem;background:var(--df-bg-deep)}.templates__play{margin:0;display:grid;gap:.2rem;justify-items:center;font-size:.75rem;color:var(--df-text-muted)}.templates__play canvas{image-rendering:pixelated}.templates__gap{display:block;width:48px;height:48px;border:1px dashed var(--df-border);border-radius:.3rem}.templates__states{border-collapse:collapse}.templates__states th,.templates__states td{padding:.25rem .5rem;text-align:left;font-size:.85rem}.templates__cell{width:72px;height:72px;display:grid;place-items:center;padding:0;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep);cursor:pointer}.templates__cell canvas{image-rendering:pixelated}.templates__cell:hover,.templates__cell.is-own{border-color:var(--df-accent)}.templates__cell.is-inherited canvas{opacity:.55}.templates__cell.is-missing{border-style:dashed}.templates__inspector{display:grid;gap:.6rem}.templates__heading{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.templates__heading h2{margin:0;font-size:1rem}.templates__colours{display:grid;gap:.5rem}.templates__colours h3{margin:.4rem 0 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--df-text-muted)}.templates__group{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem .3rem;border-radius:.3rem}.templates__group.is-active{background:var(--df-bg-deep)}.templates__shades{display:flex;gap:.2rem;flex-wrap:wrap}.templates__shade{width:1.6rem;height:1.6rem;padding:0;border:none;background:none}.templates__variant{display:grid;gap:.3rem;padding:.5rem;border:1px solid var(--df-border);border-radius:.35rem}.templates__shades .studio__swatch{width:1.4rem;height:1.4rem;flex:none}.new-creature,.catalogue__start-fresh{display:grid;gap:.8rem;max-width:34rem;padding:1rem;margin-bottom:1rem}.new-creature h2{margin:0;font-size:1.1rem}.new-creature form{display:grid;gap:.8rem}.new-creature__steps{display:flex;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:step;font-size:.85rem;color:var(--df-text-muted)}.new-creature__steps li{counter-increment:step}.new-creature__steps li:before{content:counter(step) " "}.new-creature__steps li.is-current{color:var(--df-text);font-weight:600}.new-creature__choices{display:grid;gap:.3rem}.adm__body:has(.hub){overflow:visible}.adm__inner:has(.hub){max-width:none}.hub{display:grid;gap:.9rem}.hub__topbar{position:sticky;top:var(--df-header-height);z-index:30;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem .7rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem}.hub__search{flex:1 1 16rem;min-width:10rem}.hub__modes{display:flex;gap:.25rem}.hub__version{margin-left:auto}.hub__body{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1rem;align-items:start}.hub__sidebar{position:sticky;top:calc(var(--df-header-height) + 3.6rem);max-height:calc(100dvh - var(--df-header-height) - 4.6rem);overflow:auto;display:flex;flex-direction:column;gap:.15rem;padding:.5rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem}.hub__nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem .5rem;width:100%;text-align:left;padding:.4rem .55rem;border:0;border-radius:.3rem;background:transparent;color:var(--df-text);font:inherit;font-size:.88rem;cursor:pointer}.hub__nav:hover{background:var(--df-bg-deep)}.hub__nav.is-current{background:color-mix(in srgb,var(--df-accent) 18%,transparent)}.hub__group{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem}.hub__group-title{margin:.2rem .55rem;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--df-text-muted)}.hub__count{font-size:.75rem;color:var(--df-text-muted);font-variant-numeric:tabular-nums}.hub__bar{grid-column:1 / -1;height:3px;border-radius:2px;background:var(--df-border);overflow:hidden}.hub__bar i{display:block;height:100%;background:#6cc790}.hub__main{min-width:0;display:grid;gap:.9rem;align-content:start}.hub__title{margin:0;font-size:1.5rem}.hub__crumbs{font-size:.85rem}.hub__link{border:0;background:none;padding:0;color:var(--df-accent);font:inherit;cursor:pointer;text-align:left}.hub__link:hover{text-decoration:underline}.hub__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.7rem}.hub__tile{display:grid;gap:.25rem;padding:.8rem .9rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem}.hub__tile strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.hub__tile.is-bad strong{color:#e0634f}.hub__columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.9rem;align-items:start}.hub__box{display:grid;gap:.35rem;align-content:start;padding:.8rem .9rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;min-width:0}.hub__box h3{margin:0 0 .2rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--df-text-muted)}.hub__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.3rem 0;border-top:1px solid var(--df-border);font-size:.88rem}.hub__row:first-of-type{border-top:0}.hub__row.is-link{width:100%;border-left:0;border-right:0;border-bottom:0;background:none;color:var(--df-text);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.hub__row.is-link:hover{color:var(--df-accent-hot)}.hub__mark{width:.7rem;height:.7rem;border-radius:.2rem}.hub__mark.is-bad{background:#e0634f}.hub__mark.is-note{background:#a99bff}.hub__mark.is-missing{border:1px dashed var(--df-text-muted)}.hub__mark.is-drawn{background:#e2c35a}.hub__mark.is-new{background:var(--df-rune)}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.6rem}.hub__card{position:relative}.hub__card-open{display:grid;justify-items:center;gap:.4rem;width:100%;padding:.6rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;color:var(--df-text);font:inherit;font-size:.85rem;text-align:center;cursor:pointer}.hub__card-open:hover{border-color:var(--df-accent)}.hub__card-open strong{overflow-wrap:anywhere}.hub__pick{position:absolute;top:.35rem;left:.35rem}.hub__thumb{display:flex;align-items:center;justify-content:center;flex:none;border-radius:.3rem;background:repeating-conic-gradient(#1d1915,#1d1915 25%,#28221b 0%,#28221b 50%) 0 / 8px 8px}.hub__thumb canvas{max-width:100%;max-height:100%}.hub__chips{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.hub__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .45rem;border:1px solid var(--df-border-strong);border-radius:999px;font-size:.7rem;color:var(--df-text-muted);white-space:nowrap}.hub__chip.is-good{color:#6cc790;border-color:#6cc79066}.hub__chip.is-warn{color:#e2c35a;border-color:#e2c35a66}.hub__chip.is-bad{color:#e0634f;border-color:#e0634f66}.hub__chip.is-accent{color:var(--df-accent);border-color:color-mix(in srgb,var(--df-accent) 50%,transparent)}.hub__code-chip{padding:0 .35rem;font-size:.62rem;text-transform:lowercase;letter-spacing:0;vertical-align:middle}.hub__chip-x{border:0;background:none;color:inherit;cursor:pointer;padding:0 0 0 .15rem}.hub__compare-bar{display:flex;gap:.5rem;align-items:center;padding:.45rem .7rem;background:var(--df-surface);border:1px solid var(--df-accent);border-radius:.4rem}.hub__table-wrap{overflow-x:auto;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem}.hub__table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.hub__table th,.hub__table td{padding:.4rem .6rem;border-bottom:1px solid var(--df-border);text-align:left;white-space:nowrap}.hub__table th{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--df-text-muted);font-weight:500}.hub__table tbody tr{cursor:pointer}.hub__table tbody tr:hover{background:var(--df-bg-deep)}.hub__table .is-number{text-align:right}.hub__code{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;color:var(--df-text-muted)}.hub__compare tr.is-different td{background:color-mix(in srgb,var(--df-accent) 10%,transparent)}.hub__compare td{white-space:normal;vertical-align:top}.hub__compare-head{display:flex;align-items:center;gap:.5rem;border:0;background:none;color:var(--df-text);font:inherit;cursor:pointer}.hub__toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.hub__toolbar h3{margin:0}.hub__slot-head{writing-mode:vertical-rl;transform:rotate(180deg);height:6.5rem;text-align:left!important}.hub__cell{display:inline-block;width:1.15rem;height:1.15rem;border-radius:.25rem;border:1px solid transparent;cursor:pointer;padding:0}.hub__cell.is-missing{background:transparent;border:1px dashed #e0634f}.hub__cell.is-optional{background:transparent;border:1px dotted var(--df-border-strong)}.hub__cell.is-drawn{background:#e2c35a}.hub__cell.is-approved{background:#6cc790}.hub__legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--df-text-muted)}.hub__legend span{display:inline-flex;gap:.35rem;align-items:center}.hub__legend .hub__cell{cursor:default}.hub__floors{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem}.hub__floor-row{display:flex;justify-content:space-between;gap:.5rem;width:100%;font-size:.85rem}.hub__sets{display:grid;gap:.7rem}.hub__note-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:end}.hub__note{display:flex;gap:.5rem;align-items:baseline;padding:.35rem 0;border-top:1px solid var(--df-border)}.hub__note.is-done>span:first-of-type{text-decoration:line-through;color:var(--df-text-muted)}.hub__tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:.5rem;align-items:end;padding:.4rem 0;border-top:1px solid var(--df-border)}.catalogue__editor-header{position:sticky;top:calc(var(--df-header-height) + 3.6rem);z-index:20;background:var(--df-surface);padding:.5rem 0}.hub__tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--df-border);margin-bottom:.6rem}.hub__tab{padding:.5rem .8rem;border:0;border-bottom:2px solid transparent;background:none;color:var(--df-text-muted);font:inherit;font-size:.9rem;cursor:pointer}.hub__tab.is-current{color:var(--df-text);border-bottom-color:var(--df-accent)}.hub__problems{display:grid;gap:.2rem;padding:.6rem .8rem;border:1px solid #e0634f88;border-radius:.4rem;background:#e0634f14;font-size:.88rem}.hub__problems strong{color:#e0634f}.hub__entry-body{display:grid;grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);gap:1rem;align-items:start}.hub__entry-body>.catalogue__artwork-workspace{grid-column:1;grid-row:1;position:sticky;top:calc(var(--df-header-height) + 9rem);max-height:calc(100dvh - var(--df-header-height) - 10rem);overflow:auto}.hub__entry-body>.catalogue__fields{grid-column:2;grid-row:1;min-width:0}.catalogue__editor[data-editor-section=appears] .hub__entry-body,.catalogue__editor[data-editor-section=notes] .hub__entry-body{display:none}@media(max-width:960px){.hub__body{grid-template-columns:minmax(0,1fr)}.hub__sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap}.hub__group{flex-direction:row;flex-wrap:wrap;margin:0}.hub__group-title{display:none}.hub__nav{width:auto}.hub__bar{display:none}.hub__columns,.hub__entry-body{grid-template-columns:minmax(0,1fr)}.hub__entry-body>*{grid-column:1!important;grid-row:auto!important;position:static!important}}.hub__spaces{display:flex;gap:.25rem;flex-wrap:wrap;margin:.6rem 0;border-bottom:1px solid var(--df-border)}.hub__space{padding:.45rem .9rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--df-text-muted);font:inherit;font-size:.92rem;cursor:pointer}.hub__space:hover{color:var(--df-text)}.hub__space.is-current{color:var(--df-text);border-bottom-color:var(--df-accent)}.todo{display:grid;gap:.35rem}.todo__filters{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.4rem}.todo__row{grid-template-columns:auto minmax(8rem,14rem) 1fr}.todo__cells{display:flex;gap:.2rem;flex-wrap:wrap}.info{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;align-items:start}@media(max-width:58rem){.info{grid-template-columns:1fr}}.info__nav ul{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem}.info__nav a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border-radius:.3rem;border-left:2px solid transparent;color:var(--df-text-muted);font-size:.9rem}.info__nav a:hover{background:var(--df-surface);color:var(--df-text)}.info__nav a.is-active{background:var(--df-surface);border-left-color:var(--df-accent);color:var(--df-text)}.info__status{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.12rem .4rem;border-radius:999px;border:1px solid var(--df-border-strong);color:var(--df-text-muted);white-space:nowrap}.info__status.is-built{color:var(--df-rune);border-color:#6fb7a873}.info__status.is-partial{color:var(--df-accent);border-color:#e0a34e73}.info__status.is-planned{color:var(--df-text-muted)}.doc{max-width:48rem}.doc__summary{font-size:1.05rem;color:var(--df-text);margin:0 0 1rem}.doc__section{margin-top:2.25rem}.doc__section h2{font-size:1.25rem;margin:0 0 .6rem}.doc__section p{color:var(--df-text-muted);margin:0 0 .9rem}.doc__bullets{color:var(--df-text-muted);padding-left:1.1rem;margin:0 0 1rem}.doc__bullets li{margin-bottom:.4rem}.doc__table{margin-bottom:1rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.4rem}.doc__code{background:var(--df-bg-deep);border:1px solid var(--df-border);border-left:3px solid var(--df-rune);border-radius:.35rem;padding:.85rem 1rem;overflow-x:auto;font-size:.82rem;color:var(--df-text);margin:0 0 1rem}.doc__note{border-left:3px solid var(--df-accent);padding-left:.9rem;font-size:.9rem}.doc__pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--df-border);font-size:.9rem}.adm__inner:has(.studio){max-width:none}.studio{display:grid;grid-template-columns:auto minmax(0,1fr) 19rem;gap:1rem;align-items:start}@media(max-width:68rem){.studio{grid-template-columns:1fr}}.studio__tools,.studio__stage,.studio__meta{background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;padding:.9rem}.studio__tools{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:calc(var(--df-header-height) + .5rem)}.studio__tool-row{display:flex;flex-wrap:wrap;gap:.35rem}.studio__palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.studio__swatch{aspect-ratio:1 / 1;border:1px solid var(--df-border-strong);border-radius:.2rem;padding:0;cursor:pointer}.studio__swatch.is-active{outline:2px solid var(--df-accent);outline-offset:1px}.studio__swatch.is-empty{border-style:dashed;background:none;cursor:default}.studio__cycle-add svg{filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);color:#fff}.studio__swatch.is-transparent,.studio__color-preview.is-transparent{background:linear-gradient(45deg,#2a241f 25%,transparent 25%),linear-gradient(-45deg,#2a241f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a241f 75%),linear-gradient(-45deg,transparent 75%,#2a241f 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#17140f}.studio__colors{display:grid;gap:.5rem;min-width:0}.studio__colors-heading{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.studio__colors-heading .studio__panel-title,.studio__colors-heading h3{margin:0;min-width:0}.studio__colors-heading h3{font-size:.85rem}.studio__colors-toggle{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.studio__colors-toggle .studio__color-preview{width:.85rem;height:.85rem}.studio__color-popup{position:fixed;inset:auto;margin:0;padding:.8rem;width:22rem;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--df-border-strong);border-radius:.5rem;background:var(--df-surface);color:var(--df-text);box-shadow:0 10px 32px #000a}.studio__color-popup:popover-open{display:grid;gap:.75rem}.studio__selected-color{display:flex;align-items:center;gap:.6rem;padding:.5rem;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep)}.studio__color-preview{width:2rem;height:2rem;border:1px solid var(--df-border-strong);border-radius:.2rem;flex-shrink:0}.studio__selected-color strong,.studio__selected-color span{display:block}.studio__selected-color strong{font-size:.72rem}.studio__selected-color div>span{font:.68rem ui-monospace,monospace;margin-top:.2rem;color:var(--df-text-muted);overflow-wrap:anywhere}.studio__color-section h3,.studio__color-family h3{margin:0 0 .4rem;font-size:.7rem;color:var(--df-text-muted);font-weight:500}.studio__colors .studio__palette{grid-template-columns:repeat(6,minmax(0,1fr))}.studio__colors .studio__essentials{grid-template-columns:repeat(2,36px)}.studio__colors .studio__swatch{min-width:0;min-height:24px;max-height:36px;position:relative}.studio__essentials>div{min-width:0;text-align:center}.studio__essentials .studio__swatch{display:block;width:100%}.studio__essentials span{display:block;margin-top:.25rem;font-size:.62rem;line-height:1.3;color:var(--df-text-muted)}.studio__color-family h3{display:flex;justify-content:space-between;gap:.3rem}.studio__color-family h3>span{font-size:.6rem;opacity:.7}.studio__colors .studio__swatch:hover:not(:disabled){transform:translateY(-1px);border-color:var(--df-text)}.studio__colors .studio__swatch.is-active:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;border:1px solid #17140f;left:50%;top:50%;transform:translate(-50%,-50%)}.studio__colors .studio__swatch:disabled{opacity:.35}.studio__color-library{border-top:1px solid var(--df-border);padding-top:.7rem}.studio__color-library>h3{margin:0;font-size:.75rem;font-weight:500}.studio__color-library>h3>span{font-size:.62rem;color:var(--df-text-muted)}.studio__color-search{width:100%;box-sizing:border-box;min-width:0;margin-top:.6rem;font-size:.72rem}.studio__shade-direction{display:flex;justify-content:space-between;margin:.6rem 0;color:var(--df-text-muted);font-size:.62rem}.studio__color-families{display:grid;gap:.7rem;max-height:min(17rem,35dvh);overflow-y:auto;overscroll-behavior:contain;padding:.2rem .3rem .3rem;scrollbar-width:thin;scrollbar-color:var(--df-border-strong) transparent}.studio__replace-color{display:flex;align-items:center;gap:.3rem;margin-top:.75rem;font-size:.68rem;cursor:pointer}.studio__colors .adm-hint{margin:.45rem 0 0;font-size:.65rem;line-height:1.5}.studio__colors .studio__color-notice{color:var(--df-accent)}.studio__check{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--df-text-muted)}.studio__stage{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start;min-width:0}.studio__canvas{border:1px solid var(--df-border-strong);outline:none;image-rendering:pixelated;cursor:crosshair;touch-action:none;max-width:none;flex-shrink:0}.studio__canvas:focus{outline:none}.studio__frames{display:flex;align-items:stretch;gap:.6rem;width:100%;overflow-x:auto;padding:.5rem .2rem .75rem;scrollbar-width:thin;overscroll-behavior-x:contain}.studio__frame{position:relative;display:grid;justify-items:center;gap:.4rem;flex:0 0 5rem;padding:1.4rem .4rem .4rem;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.4rem;color:var(--df-text-muted);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.studio__frame canvas{width:64px;height:64px;object-fit:contain;pointer-events:none;background:repeating-conic-gradient(#17140f,#17140f 25%,#28231e 0%,#28231e 50%) 50% / 12px 12px}.studio__frame.is-active{border-color:var(--df-accent);box-shadow:inset 0 0 0 1px var(--df-accent);background:#e0a34e14;color:var(--df-accent)}.studio__frame .studio__frame-number{position:absolute;top:.25rem;left:.5rem;font-size:.7rem;font-weight:700}.studio__frame>.studio-icon{position:absolute;right:.25rem;top:.2rem;width:16px;height:16px;opacity:.6}.studio__frame small{font-size:.65rem}.studio__frame.is-dragging{opacity:.45;cursor:grabbing}.studio__frame.is-in-run{background:#8cbee61a;border-bottom:3px solid #8cbee6}.studio__frame-run{position:absolute;left:.35rem;bottom:1.2rem;font-size:.6rem;font-weight:700;color:#8cbee6}.studio__frame-hit{position:absolute;right:.3rem;bottom:1.2rem;font-size:.6rem;font-weight:700;color:#ef6a5a}.studio__animation{display:flex;flex-direction:column;gap:.35rem}.studio__animation .adm-label{max-width:20rem}.studio__frame.is-drop-before:before,.studio__frame.is-drop-after:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--df-accent);border-radius:2px}.studio__frame.is-drop-before:before{left:-.4rem}.studio__frame.is-drop-after:after{right:-.4rem}.studio__frame-actions{display:flex;align-items:flex-end;gap:.4rem;flex-wrap:wrap}.studio__meta{display:flex;flex-direction:column;gap:.75rem}.studio__status{display:flex;gap:.3rem;flex-wrap:wrap}.studio__meta>.catalogue-sprite-preview{margin:0;width:100%;box-sizing:border-box}.studio__drawing-options{display:grid;gap:.7rem}.studio__drawing-options summary{font-size:.8rem;color:var(--df-text-muted);cursor:pointer}.studio__drawing-options[open]>:not(summary){margin-top:.65rem}.studio__layers{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--df-border);padding:.8rem;border-radius:.4rem;min-width:0}.studio__layer-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.studio__layer-heading small{font-size:.7rem;font-weight:400;color:var(--df-text-muted);font-family:ui-monospace,monospace}.studio__icon-row{display:flex;flex-wrap:wrap;gap:.3rem}.studio__icon-row .adm-btn.is-small{padding:.3rem}.studio__layer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.studio__layer-actions>.adm-input{flex:1 1 100%}.studio__layer-actions>.studio__icon-row{flex:1}.studio__layer-actions .is-danger{margin-left:auto}.studio__icon-row .adm-btn.is-add{position:relative}.studio__icon-row .adm-btn.is-add:after{content:"+";position:absolute;right:1px;bottom:-1px;font-size:.7rem;font-weight:700;line-height:1}.studio__layer-actions .adm-input{min-width:0;padding:.3rem .5rem;font-size:.8rem}.studio__layer-actions>.studio__slider{flex:1 1 100%}.studio__slider{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--df-text-muted)}.studio__slider input{flex:1;min-width:0}.studio__layer-toggle{display:inline-flex;padding:.25rem;background:none;border:0;border-radius:.25rem;color:var(--df-text-muted);cursor:pointer}.studio__layer-toggle:hover:not(:disabled){color:var(--df-accent)}.studio__layer-toggle.is-on{color:var(--df-accent)}.studio__layer:not(:hover):not(.is-active) .studio__layer-toggle:not(.is-on) .studio-icon{opacity:.55}.studio__layer.is-hidden .studio__layer-select{opacity:.5}.studio__layer-grip{display:inline-flex;margin-right:-.3rem;color:var(--df-text-muted);opacity:.5}.studio__layer-grip .studio-icon{width:14px;height:14px}.studio__layer-select:hover .studio__layer-grip{opacity:1}.studio__layer-kind{display:inline-flex;margin-left:auto;color:var(--df-text-muted)}.studio__layer-kind .studio-icon{width:16px;height:16px}.studio__layer-heading h2{font-size:1rem;margin:0}.studio__layer-list{display:flex;flex-direction:column;gap:.35rem;max-height:20rem;overflow:auto;padding:.2rem;overscroll-behavior-y:contain}.studio__layer{position:relative;display:flex;align-items:center;gap:.1rem;flex-shrink:0;border:1px solid var(--df-border);border-radius:.3rem;padding:.25rem;background:var(--df-bg-deep)}.studio__layer.is-active{border-color:var(--df-accent);background:#e0a34e12}.studio__layer.is-dragging{opacity:.45}.studio__layer.is-drop-before:before,.studio__layer.is-drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--df-accent);border-radius:2px;pointer-events:none}.studio__layer.is-drop-before:before{top:-.25rem}.studio__layer.is-drop-after:after{bottom:-.25rem}.studio__layer-select{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;background:none;border:0;padding:.15rem;color:var(--df-text);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font:inherit;font-size:.8rem}.studio__layer.is-dragging .studio__layer-select{cursor:grabbing}.studio__layer-select:disabled{cursor:default}.studio__layer-select>.studio__layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.studio__layer-select canvas{width:2rem!important;height:2rem!important;object-fit:contain;flex-shrink:0;background:repeating-conic-gradient(#17140f,#17140f 25%,#2a241f 0%,#2a241f 50%) 50% / 8px 8px}.studio__layer-select:focus-visible{outline:1px solid var(--df-accent);outline-offset:2px}.studio__preview-section{margin-top:1.5rem;padding:1rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;box-sizing:border-box;scroll-margin-top:calc(var(--df-header-height) + 1rem)}.studio__preview-section>.catalogue-sprite-preview{margin:0}.studio-icon{display:inline-block;flex-shrink:0}.studio .adm-btn,.studio__command-bar .adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.studio button:focus-visible,.studio__command-bar button:focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}.studio button:disabled{cursor:default}.studio__command-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--df-border);border-radius:.5rem;background:var(--df-surface)}.studio__artwork-views{display:flex;align-items:center;gap:.35rem}.studio__stage-heading .studio__artwork-views .adm-dropdown{width:8rem}.studio__segmented{display:inline-flex}.studio__segmented>.adm-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.studio__segmented>.adm-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.studio__stage-heading>span{margin-right:auto}.studio__document-title{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;min-width:0}.studio__document-title strong{overflow-wrap:anywhere}.studio__document-title>span:last-child{font-size:.72rem;color:var(--df-text-muted)}.studio__document-title>span.studio__unsaved{color:var(--df-accent)}.studio__panel-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;font-size:.8rem;margin:.3rem 0 0}.studio__panel-title>span{color:var(--df-text-muted);font-size:.65rem;font-family:ui-monospace,monospace;font-weight:400}.studio__tool-grid{display:grid;gap:.3rem;grid-template-columns:1fr}.studio__tool-grid .adm-btn{justify-content:flex-start}.studio__tool-grid kbd{margin-left:auto;font:inherit;font-size:.65rem;opacity:.65}.studio__stage-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-size:.72rem;color:var(--df-text-muted);flex-wrap:wrap}.studio__stage-heading .adm-dropdown{width:9rem}.studio__stage-controls{display:flex;gap:.5rem;flex-wrap:wrap}.studio__stage-controls>.studio__preview-bar{width:auto}.studio__pane{display:grid;gap:.4rem;align-content:start;min-width:0}.studio__layer-warning{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--df-accent)}.studio__layer-warning:empty{display:none}.studio__viewport{position:relative;width:100%;height:max(320px,calc(100dvh - 27rem));box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;touch-action:none;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.35rem}.studio .studio__viewport>.studio__canvas{position:absolute;z-index:1;margin:0;width:auto;height:auto;max-width:none}.studio__viewport>.studio__guides{position:absolute;z-index:0;pointer-events:none}.studio__viewport.is-pan-ready,.studio__viewport.is-pan-ready>.studio__canvas{cursor:grab}.studio__viewport.is-panning,.studio__viewport.is-panning>.studio__canvas{cursor:grabbing;-webkit-user-select:none;user-select:none}.studio__zoom-controls{align-items:center;width:100%}.studio__zoom-controls>span{font-size:.75rem;color:var(--df-text-muted)}.studio__zoom-controls .studio__playing{margin-left:auto;color:var(--df-accent)}.studio__timeline{width:100%;min-width:0;border-top:1px solid var(--df-border);padding-top:.8rem}.studio__timeline-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.studio__timeline-heading h2{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin:0}.studio__timeline-heading>span{font-size:.7rem;color:var(--df-text-muted)}.studio__timeline-heading .studio__tool-row{margin-left:auto}.studio__shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem 1.5rem;margin-bottom:1rem;padding:1rem;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.5rem;font-size:.8rem;color:var(--df-text-muted)}.studio__shortcuts strong{grid-column:1 / -1;color:var(--df-text)}.studio__shortcuts kbd{font:inherit;font-family:ui-monospace,monospace;color:var(--df-accent)}.studio__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.studio:not(.studio--terrain) .studio__sprite-settings summary{display:list-item}.studio .studio__sprite-settings{display:block}.studio__sprite-settings[open]>:not(summary){margin-top:.75rem}.studio__meta{min-width:0}@media(max-width:85rem)and (min-width:68.01rem){.studio{grid-template-columns:13rem minmax(0,1fr) 16rem;gap:.65rem}.studio__tools,.studio__stage,.studio__meta{padding:.65rem}}@media(max-width:68rem){.studio__tools{position:static}.studio__tool-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.studio__palette{grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.studio__swatch{max-height:42px}.studio__stage{order:1}.studio__meta{order:2}.studio__tools{order:0}}@media(max-width:40rem){.studio__command-bar{padding:.75rem}.studio__viewport{height:max(320px,55dvh)}.studio__timeline-heading>.studio__tool-row{margin-left:0}.studio__frame-actions{gap:.4rem}}.studio__settings-fields{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:.75rem}.studio__layer-heading h2{display:flex;align-items:center;gap:.4rem}.studio__inject-panel{display:grid;gap:1rem;margin-bottom:1rem;padding:1rem;border:1px solid var(--df-border-strong);border-radius:.5rem;background:var(--df-surface)}.studio__inject-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.studio__inject-heading h2,.studio__inject-source-preview h3{margin:0;overflow-wrap:anywhere}.studio__inject-heading p{margin:.4rem 0 0}.studio__inject-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem;max-height:16rem;overflow:auto}.studio__inject-source{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.3rem;color:var(--df-text);cursor:pointer;text-align:left;font:inherit;font-size:.8rem}.studio__inject-source:hover,.studio__inject-source:focus-visible{border-color:var(--df-accent)}.studio__inject-source canvas{width:3rem!important;height:3rem!important;flex-shrink:0}.studio__inject-source>span{min-width:0;overflow-wrap:anywhere}.studio__inject-source small{display:block;margin-top:.2rem;font-size:.65rem;color:var(--df-text-muted)}.studio__inject-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,1fr);gap:1rem;align-items:start}.studio__inject-source-preview{position:sticky;top:1rem;min-width:0}.studio__inject-source-image{max-height:32rem;overflow:auto;border:1px solid var(--df-border)}.studio__inject-source-image>canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:repeating-conic-gradient(#17140f,#17140f 25%,#28231e 0%,#28231e 50%) 50% / 12px 12px;cursor:crosshair}.studio__inject-options{display:grid;gap:.8rem;min-width:0}.studio__inject-fields{display:flex;flex-wrap:wrap;gap:.65rem}.studio__inject-warning{display:block;margin:0;padding:.7rem;border:1px solid var(--df-accent);border-radius:.3rem;color:var(--df-accent);font-size:.8rem;font-weight:400}.studio__inject-warning p{margin:0 0 .6rem}.studio__inject-result{display:flex;align-items:flex-start;gap:.8rem}.studio__inject-result>canvas{flex-shrink:0;background:repeating-conic-gradient(#17140f,#17140f 25%,#28231e 0%,#28231e 50%) 50% / 12px 12px}.studio__inject-result .studio__inject-warning{margin-top:.5rem}@media(max-width:40rem){.studio__inject-content{grid-template-columns:minmax(0,1fr)}.studio__inject-source-preview{position:static}.studio__inject-result{flex-wrap:wrap}}@media(max-width:68rem){.studio__colors{max-width:36rem;width:100%}.studio__colors .studio__palette{grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.studio__color-family .studio__palette{grid-template-columns:repeat(6,minmax(0,1fr))}.studio__color-families{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem}}.studio__points{display:flex;flex-direction:column;gap:.45rem}.studio__point{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;padding:.35rem .45rem;border:1px solid var(--df-border);border-radius:.3rem}.studio__point.is-placing{border-color:var(--df-accent)}.studio__point-name{font-weight:600;font-size:.8rem;min-width:6.5rem}.studio__point-name:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:1px;background:#5cb6de}.studio__point-name:is([data-point=grip],[data-point=grip2]):before{background:#ef6a5a}.studio__point-name[data-point=tip]:before{background:#a68cf0}.studio__point-at{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--df-text-muted);flex:1;min-width:5rem}.studio__point .studio__point-angle{display:flex;align-items:center;gap:.35rem;width:auto;margin:0;font-size:.7rem}.studio__point .studio__point-angle .adm-input{width:4.2rem;padding:.2rem .35rem}.studio__point .studio__check{margin:0}.studio__rig,.studio__parts{display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--df-border);padding:.8rem;border-radius:.4rem;min-width:0}.studio__rig-list{display:flex;flex-direction:column;gap:.35rem}.studio__rig-part{display:flex;flex-direction:column;gap:.25rem}.studio__rig-part.is-active>.studio__point{border-color:#e0a34e73}.studio__rig-part>.studio__point{margin-left:1.2rem}.studio__rig-head{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.studio__rig-head>.studio__part{flex:1;min-width:8rem}.studio__rig-nudge{display:flex;align-items:center;gap:.15rem}.studio__rig-nudge>.studio__draft-at{min-width:2.4rem}.studio__part{display:flex;align-items:center;gap:.4rem;padding:.3rem .45rem;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep);color:inherit;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.studio__part.is-active{border-color:var(--df-accent);box-shadow:inset 0 0 0 1px var(--df-accent)}.studio__part-swatch{width:.8rem;height:.8rem;border-radius:.15rem;flex-shrink:0}.studio__references{display:flex;flex-wrap:wrap;gap:.2rem .7rem;border:0;padding:0;margin:0}.studio__references legend{font-size:.75rem;color:var(--df-text-muted);padding:0;margin-bottom:.2rem}.studio__pose-strip{display:flex;flex-direction:column;gap:.4rem;min-width:0;align-self:stretch;max-width:100%}.studio__pose-strip-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.studio__pose-strip-head input{width:8rem}.studio__pose-strip-row{display:grid;gap:.35rem;overflow:auto;padding-bottom:.3rem;min-height:0}.studio__pose{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;flex-shrink:0;padding:.2rem;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep)}.studio__pose figcaption{font-size:.65rem;color:var(--df-text-muted)}.studio__pose.is-undrawn{opacity:.5}.studio__pose.has-problem{border-color:#ef6a5a}.studio__pose-problem{max-width:112px;font-size:.6rem;line-height:1.15;color:#ef6a5a;text-align:center}.studio__material-tiles{margin:0;display:flex;flex-direction:column;gap:.2rem;align-self:stretch;max-width:100%}.studio__material-tiles canvas{width:100%;max-width:768px;height:auto;image-rendering:pixelated;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep)}.studio__material-tiles figcaption{font-size:.72rem;color:var(--df-text-muted)}.studio__draft-at{font-variant-numeric:tabular-nums;color:var(--df-text-muted);text-align:right}.studio__color-subtitle{display:flex;gap:.4rem;align-items:baseline;margin:0 0 .3rem;font-size:.75rem;font-weight:600;color:var(--df-text-muted)}.studio__color-subtitle span{font-weight:400}.studio__similar{display:flex;flex-direction:column;gap:.3rem}.studio__similar-pair{display:flex;gap:.3rem}.studio__merge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .45rem .15rem .2rem;border:1px solid var(--df-border);border-radius:.3rem;background:transparent;color:var(--df-text);font-size:.72rem;cursor:pointer}.studio__merge:hover:not(:disabled){border-color:var(--df-border-strong)}.studio__merge .studio__swatch{width:1rem;height:1rem;pointer-events:none}.studio__spec{display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:baseline;font-size:.78rem;color:var(--df-text-muted);margin:.4rem 0}.studio__spec strong{color:var(--df-text);font-weight:600}.studio__spec-problem{color:#e2c35a}.studio__preview-bar{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.studio__preview-bar>.adm-dropdown{width:auto;min-width:9rem}.studio__split{display:grid;gap:.6rem;width:100%;grid-template-columns:minmax(0,1fr)}.studio__split.is-right,.studio__split.is-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio__split.is-left>.studio__pane.is-preview{order:-1}.studio__split.is-below .studio__preview-pane{height:max(260px,40dvh)}.studio__preview-pane{position:relative;height:max(320px,calc(100dvh - 27rem));min-width:0;overflow:auto;background:var(--df-bg-deep);border:1px solid var(--df-border);border-radius:.35rem;display:flex;flex-direction:column}.studio__preview-pane>.studio__pose-strip{padding:.6rem}.studio__preview-pane>.try-out__stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--df-bg-deep)}.studio__player{position:relative;flex:1;min-height:0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#17140f 0,#17140f 25%,#1f1b16 0,#1f1b16 50%) 0 0 / 16px 16px}.studio__player.is-dragging{cursor:grabbing}.studio__player-art{position:absolute;left:50%;top:50%;line-height:0;transform-origin:center}.studio__player-art canvas{display:block;image-rendering:pixelated}.studio__player-zoom{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--df-text-muted)}.studio__player-zoom>.adm-dropdown{width:auto}@media(max-width:68rem){.studio__split.is-right,.studio__split.is-left{grid-template-columns:minmax(0,1fr)}.studio__split.is-left>.studio__pane.is-preview{order:0}}.studio__random{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;min-width:0}.studio__random-row{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.3rem}.studio__random-one{margin:0;display:flex;gap:.2rem;flex-shrink:0;padding:.2rem;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep)}.studio__groups{display:flex;flex-direction:column;gap:.3rem}.studio__group{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:.4rem;font-size:.75rem;color:var(--df-text-muted)}.studio__group select{min-width:0;width:100%}.studio__rail{display:flex;flex-direction:column;gap:.3rem;padding:.4rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;position:sticky;top:calc(var(--df-header-height) + .5rem)}.studio__rail .adm-btn{justify-content:center;padding:.35rem}.studio__rail-gap{height:.4rem}@media(max-width:68rem){.studio__rail{flex-direction:row;flex-wrap:wrap;position:static}.studio__rail-gap{width:.4rem;height:auto}}.studio__options{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;width:100%;min-height:2rem}.studio__options>.adm-label{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0}.studio__options .studio__drawing-options{position:relative}.studio__options .studio__drawing-options[open]>:not(summary){position:absolute;z-index:5;padding:.6rem;background:var(--df-surface);border:1px solid var(--df-border);border-radius:.4rem}.studio__states{display:flex;gap:.6rem;flex-wrap:wrap;width:100%}.studio__state{display:grid;gap:.2rem;font-size:.72rem;color:var(--df-text-muted)}.studio__state>div{display:flex;gap:.2rem}.studio__state-art{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--df-border);border-radius:.3rem;background:var(--df-bg-deep);cursor:pointer;overflow:hidden}.studio__state-art canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.studio__state-art.is-missing{border-style:dashed}.studio__state-art.is-inherited canvas{opacity:.5}.studio__state-art.is-current{border-color:var(--df-accent);box-shadow:0 0 0 1px var(--df-accent);cursor:default}.studio__state-art:disabled:not(.is-current){cursor:wait}.studio__view{display:grid;gap:.6rem}.studio__view summary{font-size:.85rem;cursor:pointer}.studio__view[open]>:not(summary){margin-top:.2rem}.studio__file{align-self:flex-start;cursor:pointer}:root{--df-bg: #0f0d0c;--df-bg-deep: #080706;--df-surface: #1a1715;--df-surface-raised: #221e1b;--df-border: #2f2823;--df-border-strong: #453a31;--df-text: #ece5da;--df-text-muted: #9a8f83;--df-accent: #e0a34e;--df-accent-hot: #f5bd6d;--df-rune: #6fb7a8;--df-header-height: 4rem;--df-max-width: 72rem;--df-font: "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;--df-font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;font-family:var(--df-font);line-height:1.6;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;color:var(--df-text);background-color:var(--df-bg)}a{color:var(--df-accent);text-decoration:none}a:hover{color:var(--df-accent-hot)}h1,h2,h3{font-family:var(--df-font-display);line-height:1.2;letter-spacing:.01em}h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .5rem}h2{font-size:clamp(1.35rem,3vw,1.75rem);margin:2.5rem 0 .75rem}button{font-family:inherit;font-size:1rem;cursor:pointer}:focus-visible{outline:2px solid var(--df-accent);outline-offset:2px}.df-shell{display:flex;flex-direction:column;min-height:100%}.df-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.df-page{width:100%;max-width:var(--df-max-width);margin:0 auto;padding:3rem 1.5rem 4rem}.df-page p{color:var(--df-text-muted);max-width:60ch}.df-lede{font-size:1.15rem;color:var(--df-text)!important}.df-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--df-accent);margin:0 0 .75rem}.df-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1.25rem}.df-card{background:var(--df-surface);border:1px solid var(--df-border);border-radius:.5rem;padding:1.25rem}.df-card h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--df-text)}.df-card p{margin:0;font-size:.95rem}.df-note{border-left:3px solid var(--df-accent);padding-left:1rem;color:var(--df-text-muted)}.df-button{display:inline-block;padding:.7rem 1.4rem;border-radius:.375rem;border:1px solid var(--df-accent);background:transparent;color:var(--df-accent);font-weight:600;letter-spacing:.02em;transition:background-color .15s ease,color .15s ease}.df-button:hover{background:var(--df-accent);color:var(--df-bg-deep)}.df-form{display:flex;flex-direction:column;gap:1rem;max-width:24rem;margin-top:1.5rem}.df-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--df-text)}.df-input{background:var(--df-bg-deep);border:1px solid var(--df-border-strong);border-radius:.375rem;color:var(--df-text);padding:.6rem .75rem;font:inherit}.df-hint{font-size:.8rem;color:var(--df-text-muted)}.df-error{color:#e2725b!important}.df-form .df-button{align-self:flex-start}