@layer areas{.editor{--editor-gap: .375rem;display:grid;grid-template-areas:"top" "panes" "bottom" "message";grid-template-rows:auto minmax(0,1fr) auto auto;gap:var(--editor-gap);height:max(24rem,calc(100svh - 14.25rem));min-width:0;margin-inline:-1rem}.editor-top{grid-area:top;display:flex;align-items:center;gap:var(--editor-gap);min-width:0;padding-inline:.5rem}.editor-cluster{display:flex;align-items:center;gap:var(--editor-gap)}.editor-layer{margin-left:auto}.editor-rail,.editor-panel,.editor-wide,.editor-name{display:none}.editor-icon{display:inline-grid;width:2.5rem;height:2.5rem;flex-shrink:0;place-items:center;border:2px solid transparent;color:var(--color-bone);touch-action:manipulation}@media(hover:hover){.editor-icon:hover:not(:disabled){background-color:var(--color-slab)}}.editor-icon:disabled{color:var(--color-ridge)}.editor-icon[aria-pressed=true]{border-color:var(--color-lantern)}.editor-seg{display:flex;flex-wrap:wrap;gap:var(--editor-gap);min-width:0;border:0;margin:0;padding:0}.editor-seg>button{display:inline-flex;min-height:2.5rem;min-width:2.5rem;align-items:center;justify-content:center;gap:.35rem;border:2px solid var(--color-edge);background-color:var(--color-slab);padding:.25rem .7rem;color:var(--color-dust);font-size:.875rem;font-weight:600;touch-action:manipulation}.editor-top .editor-seg>button{padding-inline:.55rem;font-size:.8125rem}.editor-seg>button[aria-pressed=true]{border-color:var(--color-lantern);color:var(--color-bone)}.editor-seg>button:disabled{color:var(--color-ridge)}.editor-size{display:block;background-color:currentColor}.editor-panes{--editor-strip: 7rem;grid-area:panes;position:relative;min-height:0;min-width:0}.editor-figure,.editor-flat{position:absolute;inset:0;overflow:hidden}.editor-flat{display:none;container-type:size}.editor[data-view=sheet] .editor-flat{display:block}.editor-inset{inset:auto auto 0 0;z-index:2;width:5.25rem;height:var(--editor-strip)}.editor-inset-open{display:none}.editor-inset .editor-inset-open{position:absolute;inset:0;z-index:3;display:block}.editor-stage-inner{cursor:crosshair}.editor-stage-inner[data-turn]{cursor:grab}.editor-float-row{position:absolute;bottom:.5rem;left:.5rem;z-index:2;display:flex;gap:var(--editor-gap)}.editor-float{display:inline-flex;min-height:2.5rem;min-width:2.5rem;align-items:center;gap:.35rem;border:2px solid rgb(0 0 0 / .35);background-color:#141922d9;padding:.25rem .6rem;color:var(--color-bone);font-size:.8125rem;font-weight:600;touch-action:manipulation}.editor-float[aria-pressed=true]{border-color:var(--color-lantern)}.editor-fit{position:absolute;right:.5rem;bottom:calc(var(--editor-strip) + .5rem);z-index:2}.editor-hint{position:absolute;inset:.5rem .5rem auto;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;border:2px solid var(--color-lantern);background-color:#0c0f15f0;padding:.5rem .5rem .5rem .875rem;font-size:.875rem;line-height:1.4}.editor-inset .editor-float-row,.editor-inset .editor-hint{display:none}.editor-sheet-frame{position:absolute;inset:0 0 var(--editor-strip);display:grid;place-items:start center;overflow:hidden;touch-action:none}.editor-sheet{display:block;width:min(100cqw,calc(100cqh - var(--editor-strip)));height:auto;aspect-ratio:1;image-rendering:pixelated;touch-action:none;cursor:crosshair;transform-origin:center}.editor-sheet:focus-visible{outline-offset:2px}.editor-where{position:absolute;bottom:calc(var(--editor-strip) / 2 - .5rem);left:6rem;right:3.5rem;color:var(--color-dust);font-size:.75rem;pointer-events:none}.editor-bottom{grid-area:bottom;display:flex;align-items:stretch;gap:var(--editor-gap);padding:0 .5rem env(safe-area-inset-bottom,0)}.editor-tool{display:inline-flex;min-width:0;min-height:3rem;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:2px solid var(--color-edge);background-color:var(--color-slab);padding:.25rem .125rem;color:var(--color-dust);font-size:.75rem;font-weight:600;line-height:1.1;touch-action:manipulation}.editor-bottom>.editor-tool:last-child{flex-grow:1.45}.editor-tool>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-tool[aria-pressed=true]{border-color:var(--color-lantern);background-color:var(--color-edge);color:var(--color-bone)}@media(hover:hover){.editor-tool:hover{color:var(--color-bone)}}@media(max-width:359px){.editor-bottom{padding-inline:.25rem}.editor-tool{padding-inline:0;letter-spacing:-.02em}.editor-bottom>.editor-tool:last-child{flex-grow:1.45}.editor-colour-button{width:2.5rem}}.editor-tool-wide{flex-direction:row;justify-content:flex-start;gap:.6rem;padding:.5rem .75rem;font-size:.875rem}.editor-colour-button{display:grid;width:3.25rem;flex-shrink:0;border:2px solid;border-color:#06080c var(--color-ridge) var(--color-ridge) #06080c;background:var(--color-well);padding:3px}.editor-colour-button>span{display:block;box-shadow:inset 0 0 0 1px #0000004d}.editor-options{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.editor-range{display:flex;min-height:2.5rem;align-items:center;gap:.75rem;color:var(--color-dust);font-size:.875rem}.editor-range input{width:9rem;accent-color:var(--color-lantern)}.editor-more-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--editor-gap)}.editor-colour{display:grid;gap:.875rem}.editor-colour-picker{display:grid;gap:.75rem}.editor-plane{position:relative;height:9rem;border:2px solid var(--color-edge);touch-action:none;cursor:crosshair}.editor-plane-thumb,.editor-hue-thumb{position:absolute;width:1rem;height:1rem;border:2px solid #fff;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%);pointer-events:none}.editor-hue{position:relative;height:2.5rem;border:2px solid var(--color-edge);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);touch-action:none;cursor:pointer}.editor-hue-thumb{top:50%;width:.625rem;height:2.5rem}.editor-hex{display:flex;align-items:center;gap:.625rem}.editor-hex .field{width:8rem;font-family:ui-monospace,monospace}.editor-hex-swatch{width:2.75rem;height:2.75rem;flex-shrink:0;border:2px solid;border-color:#06080c var(--color-ridge) var(--color-ridge) #06080c}.editor-swatches{min-width:0;border:0;margin:0;padding:0}.editor-legend{margin-bottom:.375rem;color:var(--color-dust);font-size:.8125rem}.editor-swatch-row{display:flex;flex-wrap:wrap;gap:var(--editor-gap)}.editor-swatch{width:2.5rem;height:2.5rem;border:2px solid var(--color-edge);box-shadow:inset 0 0 0 2px #00000040}.editor-swatch[aria-pressed=true]{border-color:var(--color-lantern)}.editor-parts{display:grid;grid-template-columns:2.5rem 1.5625rem 1.5625rem 2.5rem;grid-template-rows:3rem 4.5rem 4.5rem;justify-content:start;gap:var(--editor-gap);border:0;margin:0;padding:0}.editor-part{min-height:2.5rem;border:2px dashed var(--color-ridge);background-color:transparent}.editor-part[aria-pressed=true]{border:2px solid var(--color-edge);background-color:#c69c7b}.editor-part-head{grid-area:1 / 2 / 2 / 4}.editor-part-rightArm{grid-area:2 / 1 / 3 / 2}.editor-part-body{grid-area:2 / 2 / 3 / 4}.editor-part-body[aria-pressed=true]{background-color:#3f7f8c}.editor-part-leftArm{grid-area:2 / 4 / 3 / 5}.editor-part-rightLeg{grid-area:3 / 2 / 4 / 3;min-width:0}.editor-part-leftLeg{grid-area:3 / 3 / 4 / 4;min-width:0}.editor-part-rightLeg[aria-pressed=true],.editor-part-leftLeg[aria-pressed=true]{background-color:#3b4a73}.editor-sheet-head{display:flex;min-height:3.25rem;flex-shrink:0;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-edge);padding:0 .5rem 0 1rem}.editor-sheet-body{display:grid;min-height:0;flex:1;align-content:start;gap:1rem;overflow-y:auto;overscroll-behavior:contain;padding:1rem}.editor-note{color:var(--color-dust);font-size:.875rem;line-height:1.5}.editor-link{min-height:2.5rem;color:var(--color-lantern);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:2px}.editor-menu-list{display:grid;gap:var(--editor-gap)}.editor-menu-item{display:flex;min-height:3rem;align-items:center;gap:.75rem;border:2px solid var(--color-edge);background-color:var(--color-slab);padding:0 .875rem;font-weight:600;cursor:pointer}.editor-open:has(:focus-visible){outline:2px solid var(--color-lantern);outline-offset:2px}.editor-name-field{display:grid;gap:.35rem}.editor-file-actions{display:flex;flex-wrap:wrap;gap:.75rem}.editor-templates,.editor-skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.75rem}.editor-skins>li{display:grid;justify-items:center;gap:.25rem}.editor-template{display:grid;width:100%;justify-items:center;gap:.5rem;border:2px solid var(--color-edge);background-color:#3a3a3e;padding:.75rem .5rem;font-size:.875rem;font-weight:600}@media(hover:hover){.editor-template:hover{border-color:var(--color-lantern)}}.editor-template>span{max-width:100%}.editor-figure-blank{width:48px;height:96px}.editor-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.375rem 1.5rem;font-size:.875rem}.editor-keys>div{display:flex;gap:.75rem}.editor-keys dt{min-width:6.5rem;color:var(--color-lantern);font-family:ui-monospace,monospace}.editor-keys dd{color:var(--color-dust)}.editor-message{grid-area:message;padding-inline:.5rem;color:var(--color-dust);font-size:.8125rem}.editor-message:empty{display:none}.editor-small{min-height:2.5rem;gap:.4rem;padding:.35rem .8rem;font-size:.875rem}@media(min-width:1024px){.editor{--editor-gap: .5rem;grid-template-areas:"top top top" "rail panes panel" "rail message panel";grid-template-columns:6.5rem minmax(0,1fr) 19rem;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;height:clamp(36rem,calc(100vh - 20rem),54rem);margin-inline:0}.editor-top{padding-inline:0}.editor-layer{margin-left:0}.editor-rail,.editor-wide,.editor-name{display:flex}.editor-wide{align-items:center}.editor-top>.editor-wide{margin-left:auto}.editor-phone,.editor-bottom{display:none}.editor-name{width:15rem}.editor-rail{grid-area:rail;flex-direction:column;gap:var(--editor-gap);min-height:0;overflow-y:auto}.editor-rail .editor-tool{flex:0 0 auto;min-height:3.25rem;flex-direction:column;justify-content:center;padding:.35rem;font-size:.8125rem}.editor-rail-rule{height:1px;margin:.25rem 0;background-color:var(--color-edge)}.editor-panes{--editor-strip: 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.editor-sheet-frame{place-items:center}.editor-where{bottom:.25rem;left:.5rem;right:.5rem}.editor-figure,.editor-flat,.editor[data-view=sheet] .editor-flat{position:relative;inset:auto;display:block}.editor-inset{width:auto;height:auto}.editor-inset .editor-inset-open{display:none}.editor-inset .editor-float-row,.editor-inset .editor-hint{display:flex}.editor-panel{grid-area:panel;display:grid;align-content:start;gap:1.5rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.editor-panel>section{display:grid;gap:.75rem}.editor-heading{font-family:var(--font-display);font-size:1rem;font-weight:700}.editor-panel .editor-swatch{width:2rem;height:2rem}.editor-dialog{inset:0;margin:auto;width:min(36rem,100vw - 4rem);height:fit-content;max-height:min(40rem,100vh - 6rem);border:2px solid var(--color-ridge)}}}