:root{color-scheme:dark;--bg: #363636;--text: #f4f4f4;--text-muted: #b9b9b9;--text-soft: #8e8e8e;--accent: #f4cc4f;--layer-size: 160px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg)}body{font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif;color:var(--text)}a{color:var(--accent)}.startup-message{width:100vw;height:100vh;display:grid;place-items:center;text-align:center;padding:2rem;color:var(--text);font-size:1rem}.startup-message.error{color:#f2c7c7}.editor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none}.editor.readonly .contextual-ui{display:none}.main-nav{position:absolute;top:.9rem;right:1rem;z-index:30;display:flex;align-items:center;gap:.1rem}.main-nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#d2d2d2;display:block;width:90px;padding:.55rem .5rem;margin:0;font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;cursor:pointer}.main-nav-button:hover:enabled{color:#fff}.main-nav-button:disabled{color:#727272;cursor:default}.artwork{position:absolute;top:0;right:0;bottom:0;left:0}.layer{display:block;position:absolute;top:0;left:0;transition:opacity .3s;pointer-events:none;transform-origin:center;will-change:transform}.layer .hit-area{display:block;position:absolute;width:130px;height:130px;margin:15px;border-radius:130px;pointer-events:auto;cursor:pointer}.layer .sprite{display:block;width:var(--layer-size);height:var(--layer-size);background:url(/ajax-loader.gif) center center no-repeat;background-size:contain;pointer-events:none}.emoji{width:var(--layer-size);height:var(--layer-size);margin-top:calc(var(--layer-size) / -2);margin-left:calc(var(--layer-size) / -2)}.editor.active-layer .layer{opacity:.42}.editor.active-layer .layer.active{opacity:1}.editor.active-layer .layer.active .hit-area{pointer-events:none}.editor.ongoing-pan .layer{pointer-events:none!important}.contextual-ui{position:absolute;top:50%;margin-top:-136px;opacity:0;visibility:hidden;pointer-events:none;z-index:20;transition:opacity .15s ease,transform .15s ease}.contextual-ui-left{left:.15rem;transform:translate3d(-11px,0,0)}.contextual-ui-right{right:.15rem;transform:translate3d(11px,0,0)}.contextual-ui-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#ccc;display:block;width:90px;padding:.55rem .5rem;margin:.2rem 0;font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;cursor:pointer}.contextual-ui-button:hover{color:#fff}.contextual-ui-button:disabled,.contextual-ui-button:disabled:hover{color:#727272;cursor:default}.editor.active-layer[data-contextual-nav-side=left] .contextual-ui-left,.editor.active-layer[data-contextual-nav-side=right] .contextual-ui-right{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0)}.selection-overlay{--selection-marquee-gap: 4px;display:block;position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;transform-origin:center;z-index:100000}.selection-overlay-bounds{display:block;position:absolute;left:0;top:0;transform:translate(-50%,-50%)}.selection-overlay-box{display:block;position:absolute;inset:calc(var(--selection-marquee-gap) * -1);border:2px dashed rgba(244,204,79,.88);border-radius:12px;box-shadow:0 0 0 1px #00000080;pointer-events:none}.selection-overlay-pivot{display:block;position:absolute;left:50%;top:50%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:100%;border:2px solid rgba(33,33,33,.95);background:var(--accent);pointer-events:none}.selection-overlay-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:16px;height:16px;border:1px solid rgba(244,204,79,.95);border-radius:100%;background:#232323;pointer-events:auto;touch-action:none;cursor:pointer;transform:translate(-50%,-50%)}.selection-overlay-handle:focus-visible{outline:2px solid #fff;outline-offset:2px}.selection-overlay-handle-move{left:calc(var(--selection-marquee-gap) * -1);top:calc(var(--selection-marquee-gap) * -1);cursor:move}.selection-overlay-handle-rotate{left:calc(100% + var(--selection-marquee-gap));top:calc(var(--selection-marquee-gap) * -1);cursor:crosshair}.selection-overlay-handle-scale{left:calc(100% + var(--selection-marquee-gap));top:calc(100% + var(--selection-marquee-gap));cursor:nwse-resize}.help{width:100vw;height:100vh;display:grid;place-content:center;text-align:center;gap:.2rem;padding:2.2rem;color:var(--text-soft)}.help h1{margin:0;color:var(--accent);font-size:clamp(2rem,7vw,3rem);font-family:Comic Sans MS,Marker Felt,Avenir Next,sans-serif;font-weight:700}.help .moji{width:62px;height:62px;display:inline-block;vertical-align:middle;background:url(/emoji.26.3.1/images/grinning-face.png) center center no-repeat;background-size:cover;border-radius:12px}.help p{margin:.45rem auto;max-width:42rem;line-height:1.45;color:var(--text-muted)}.help p.tagline{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:#b1b1b1}.help p.aux{font-size:.9rem;color:#9f9f9f}.help strong{color:#e4e4e4}.offscreen-export-canvas{position:absolute;width:0;height:0;top:-9999px;left:-9999px;opacity:0;pointer-events:none}@media(min-width:768px){.contextual-ui-left{left:1rem}.contextual-ui-right{right:1rem}}