*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1e1e1e;background:#f5f6f8}button{font:inherit;cursor:pointer}.btn{border:1px solid #c8ccd4;background:#fff;border-radius:8px;padding:8px 14px}.btn-primary{background:#4c97ff;border-color:#4c97ff;color:#fff}.btn{min-height:40px;min-width:40px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #1e88e5;outline-offset:2px}.home{max-width:960px;margin:0 auto;padding:24px}.home__actions{display:flex;gap:12px;margin-bottom:20px}.home__list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{border:1px solid #d7dbe2;border-radius:12px;padding:14px;background:#fff}.card__name{font-weight:600;margin:0 0 4px}.card__date{color:#6b7280;font-size:12px;margin:0 0 10px}.card__buttons{display:flex;flex-wrap:wrap;gap:6px}.card__buttons .btn{padding:4px 8px;font-size:12px}.home__empty{color:#6b7280}.toast-region{position:fixed;z-index:9000;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,380px);pointer-events:none}.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#1f2937;color:#fff;box-shadow:0 12px 34px #00000042;line-height:1.45;pointer-events:auto}.toast--error{background:#b3261e}.toast__message{flex:1}.toast__close{flex:none;min-width:40px;min-height:40px;margin:-6px -6px -6px 0;border:none;border-radius:8px;background:transparent;color:inherit;font-size:1.2rem;line-height:1}.toast__close:hover{background:#ffffff29}.editor{--ed-ink: #2b2b38;--ed-line: #e2e6f0;--ed-ground: #eef3ff;--ed-card: #ffffff;--ed-radius: 16px;--ed-shadow: 0 1px 3px rgb(30 41 80 / 8%), 0 6px 16px rgb(30 41 80 / 6%);display:flex;flex-direction:column;height:100vh}.editor__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:2px solid var(--ed-line);background:var(--ed-card)}.editor__name{font:inherit;font-weight:600;border:2px solid transparent;border-radius:10px;padding:4px 8px;min-width:180px}.editor__name:hover,.editor__name:focus{border-color:var(--ed-line)}.editor__spacer{flex:1}.editor__modes{display:flex;gap:6px}.editor .btn{border:2px solid var(--ed-line);border-radius:999px;box-shadow:var(--ed-shadow)}.editor__modes .btn[aria-pressed=true]{background:#4c97ff;border-color:#4c97ff;color:#fff}.editor__workspace{flex:1;min-height:0;display:grid;place-items:center;color:#6b7280;background:var(--ed-ground)}.editor__workspace:has(.sprite-mode),.editor__workspace:has(.html-mode){place-items:stretch;overflow:hidden}.ed-split-gutter{position:relative;cursor:col-resize;background:transparent;touch-action:none}.ed-split-gutter:before{content:"";position:absolute;top:8px;right:2px;bottom:8px;left:2px;border-radius:3px;background:var(--ed-line);transition:background .12s ease}.ed-split-gutter:hover:before,.ed-split-gutter:focus-visible:before{background:#4c97ff}.ed-split-gutter:focus-visible{outline:none}.html-mode{--html-ink: #173042;--html-paper: #fffef9;--html-line: var(--ed-line);--html-blue: #1e88e5;--html-green: #2e8b57;display:grid;grid-template-columns:var(--split-left, 56%) 6px minmax(300px,1fr);width:100%;height:100%;min-height:0;background:var(--ed-ground);color:var(--html-ink)}.html-mode__blocks,.html-mode__output{min-width:0;min-height:0;margin:10px}.html-mode__blocks{position:relative;margin-right:5px}#htmlBlocklyDiv,.html-mode__output{overflow:hidden;border:2px solid var(--html-line);border-radius:var(--ed-radius);background:#fff;box-shadow:var(--ed-shadow)}#htmlBlocklyDiv{width:100%;height:100%}.html-mode__output{display:grid;grid-template-rows:auto auto minmax(0,1fr);margin-left:5px}.html-mode__toolbar{display:grid;gap:8px;padding:8px;border-bottom:1px solid var(--html-line);background:#f4f8fa}.html-mode__tabs,.html-mode__actions{display:flex;gap:6px}.html-mode__run{width:44px;height:40px;display:grid;place-items:center;padding:0;border:2px solid var(--html-green);border-radius:12px;background:var(--html-green);color:#fff;font:inherit;font-size:1rem;cursor:pointer;justify-self:start}.html-mode__run:focus-visible{outline:3px solid #80b9ff;outline-offset:2px}.html-mode__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;color:#6b8a99;font-size:.95rem;text-align:center;pointer-events:none}.html-mode__tabs button,.html-mode__actions button,.html-mode__upload{min-height:36px;padding:7px 11px;border:2px solid var(--html-line);border-radius:12px;background:#fff;color:inherit;font:inherit;font-weight:650;cursor:pointer}.html-mode__tabs{display:grid;grid-template-columns:1fr 1fr}.html-mode__tabs button[aria-selected=true]{border-color:var(--html-blue);background:#eaf4ff;color:#145a96}.html-mode__actions{justify-content:flex-end}.html-mode__actions [data-export-html]{border-color:var(--html-green);background:var(--html-green);color:#fff}.html-mode__upload{display:inline-flex;align-items:center}.html-mode__upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.html-mode__tabs button:focus-visible,.html-mode__actions button:focus-visible,.html-mode__upload:focus-within{outline:3px solid #80b9ff;outline-offset:2px}.html-mode__error{margin:0;padding:8px 12px;background:#fff0f0;color:#9f2424;font-size:.82rem}.html-mode__panel{min-height:0;overflow:auto;background:var(--html-paper)}.html-mode__panel iframe{width:100%;height:100%;min-height:420px;border:0;background:var(--html-paper)}.html-mode__code{min-height:240px;padding:14px;background:#f6f8fa;color:var(--html-ink)}.html-mode__code pre{min-width:max-content;margin:0;font:.84rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}@media(max-width:900px){.html-mode{grid-template-columns:1fr;grid-template-rows:minmax(440px,1fr) minmax(440px,1fr);overflow:auto}.html-mode .ed-split-gutter{display:none}.html-mode__blocks,.html-mode__output{margin:10px}}@media(prefers-reduced-motion:reduce){.html-mode *{scroll-behavior:auto!important}}.html-mode__blockinfo{grid-column:1 / -1;margin:0;padding:2px 4px;font-size:.8rem;color:#5c7784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocklyToolboxDiv{padding:6px 4px;border-radius:0 12px 12px 0;box-shadow:3px 0 14px #2a385a1a}.blocklyFlyout{padding-top:6px;border-radius:0 12px 12px 0}.blocklyText{font-weight:600}.blocklyMainBackground{stroke:none}.blocklyToolboxDiv .blocklyTreeRow{min-height:44px;margin:3px 4px;border-radius:11px;color:#fff;font-weight:700;transition:filter .1s ease,transform .1s ease,opacity .12s ease,border-radius .12s ease,margin .12s ease}.blocklyToolboxDiv .blocklyTreeRowContentContainer{display:flex;align-items:center;gap:10px;padding:4px 8px}.blocklyToolboxDiv .blocklyTreeLabel{text-shadow:0 1px 2px rgb(0 0 0 / 35%)}.blocklyToolboxDiv .kodako-cat-icon{flex:0 0 auto;width:20px;height:20px;background-color:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:16px 16px;mask-size:16px 16px}.blocklyToolboxDiv .kodako-cat-icon--motion{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%2010h10l-4-4%201.4-1.4L18%2010l-7.6%207.4L9%2016l4-4H3z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%2010h10l-4-4%201.4-1.4L18%2010l-7.6%207.4L9%2016l4-4H3z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--looks{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%204h14v9H8l-4%203v-3H3z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%204h14v9H8l-4%203v-3H3z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--sound{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%208h3l4-4v12l-4-4H3z%22%2F%3E%3Cpath%20d%3D%22M13%206q3%204%200%208%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%208h3l4-4v12l-4-4H3z%22%2F%3E%3Cpath%20d%3D%22M13%206q3%204%200%208%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--events{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M5%202v16H3.4V2zM6%203h10l-2.2%203L16%209H6z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M5%202v16H3.4V2zM6%203h10l-2.2%203L16%209H6z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--control{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8%201h4v2H8zM10%204a7%207%200%201%200%200%2014%207%207%200%200%200%200-14zm.9%203v4l3%201.8-.9%201.5L9%2011.4V7z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8%201h4v2H8zM10%204a7%207%200%201%200%200%2014%207%207%200%200%200%200-14zm.9%203v4l3%201.8-.9%201.5L9%2011.4V7z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--sensing{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8.5%203a5.5%205.5%200%200%201%204.2%209l3.6%203.6-1.5%201.5L11.2%2013A5.5%205.5%200%201%201%208.5%203zm0%202a3.5%203.5%200%201%200%200%207%203.5%203.5%200%200%200%200-7z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8.5%203a5.5%205.5%200%200%201%204.2%209l3.6%203.6-1.5%201.5L11.2%2013A5.5%205.5%200%201%201%208.5%203zm0%202a3.5%203.5%200%201%200%200%207%203.5%203.5%200%200%200%200-7z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--operators{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%201l9%209-9%209-9-9z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%201l9%209-9%209-9-9z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--variables{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%203h7l7%207-7%207-7-7zm4%202.5A1.7%201.7%200%201%200%207%209a1.7%201.7%200%200%200%200-3.5z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3%203h7l7%207-7%207-7-7zm4%202.5A1.7%201.7%200%201%200%207%209a1.7%201.7%200%200%200%200-3.5z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--structure{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8%204%203%2010l5%206%201.5-1.5L6%2010l3.5-4.5zM12%204l5%206-5%206-1.5-1.5L14%2010l-3.5-4.5z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M8%204%203%2010l5%206%201.5-1.5L6%2010l3.5-4.5zM12%204l5%206-5%206-1.5-1.5L14%2010l-3.5-4.5z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--content{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M2%204h16v12H2zm2%2010%204-5%203%203%203-4%204%206z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M2%204h16v12H2zm2%2010%204-5%203%203%203-4%204%206z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat-icon--style{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%202s6%207%206%2011a6%206%200%200%201-12%200c0-4%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%202s6%207%206%2011a6%206%200%200%201-12%200c0-4%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E)}.blocklyToolboxDiv .kodako-cat--motion .blocklyTreeRow{background:#4c97ff}.blocklyToolboxDiv .kodako-cat--looks .blocklyTreeRow{background:#96f}.blocklyToolboxDiv .kodako-cat--sound .blocklyTreeRow{background:#cf63cf}.blocklyToolboxDiv .kodako-cat--events .blocklyTreeRow{background:#ffbf00}.blocklyToolboxDiv .kodako-cat--control .blocklyTreeRow{background:#ffab19}.blocklyToolboxDiv .kodako-cat--sensing .blocklyTreeRow{background:#5cb1d6}.blocklyToolboxDiv .kodako-cat--operators .blocklyTreeRow{background:#59c059}.blocklyToolboxDiv .kodako-cat--variables .blocklyTreeRow{background:#ff8c1a}.blocklyToolboxDiv .kodako-cat--structure .blocklyTreeRow{background:#1e88e5}.blocklyToolboxDiv .kodako-cat--content .blocklyTreeRow{background:#43a047}.blocklyToolboxDiv .kodako-cat--style .blocklyTreeRow{background:#8e24aa}.blocklyToolboxDiv .kodako-cat--events .blocklyTreeRow,.blocklyToolboxDiv .kodako-cat--control .blocklyTreeRow,.blocklyToolboxDiv .kodako-cat--sensing .blocklyTreeRow{color:#2b2b38}.blocklyToolboxDiv .kodako-cat--events .blocklyTreeLabel,.blocklyToolboxDiv .kodako-cat--control .blocklyTreeLabel,.blocklyToolboxDiv .kodako-cat--sensing .blocklyTreeLabel{text-shadow:none}.blocklyToolboxDiv .kodako-cat--events .kodako-cat-icon,.blocklyToolboxDiv .kodako-cat--control .kodako-cat-icon,.blocklyToolboxDiv .kodako-cat--sensing .kodako-cat-icon{background-color:#2b2b38}.blocklyToolboxDiv .kodako-cat:hover .blocklyTreeRow{filter:brightness(1.08);transform:translate(2px)}.blocklyToolboxDiv .kodako-cat--open .blocklyTreeRow{border-radius:11px 0 0 11px;margin-right:-12px;transform:scale(1.03);transform-origin:left center;position:relative;z-index:2;box-shadow:-1px 3px 10px #14192d2e;filter:none}[data-kodako-open] .blocklyToolboxDiv .kodako-cat:not(.kodako-cat--open) .blocklyTreeRow{opacity:.82}.blocklyFlyoutBackground{fill:var(--kodako-wash, #eef0f5)!important;transition:fill .15s ease}.blocklyFlyoutButton{min-height:40px}.hljs{color:#24292f;background:#f6f8fa}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#cf222e}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#8250df}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#0550ae}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#0a3069}.hljs-built_in,.hljs-symbol{color:#953800}.hljs-comment,.hljs-code,.hljs-formula{color:#6e7781}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#116329}.hljs-subst{color:#24292f}.hljs-section{color:#0550ae;font-weight:700}.hljs-bullet{color:#953800}.hljs-emphasis{color:#24292f;font-style:italic}.hljs-strong{color:#24292f;font-weight:700}.hljs-addition{color:#116329;background-color:#dafbe1}.hljs-deletion{color:#82071e;background-color:#ffebe9}.sprite-mode{--sprite-ink: #17213a;--sprite-panel: #f7f8fc;--sprite-line: var(--ed-line);--sprite-green: #20a464;display:grid;grid-template-columns:var(--split-left, 66%) 6px minmax(300px,1fr);width:100%;height:100%;min-height:0;background:var(--ed-ground);color:var(--sprite-ink)}.sprite-mode__blocks{min-width:0;min-height:0;padding:10px 6px 10px 10px}#blocklyDiv{width:100%;height:100%;overflow:hidden;border:2px solid var(--sprite-line);border-radius:var(--ed-radius);background:#fff;box-shadow:var(--ed-shadow)}.sprite-mode__side{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;padding:10px 10px 10px 6px}.sprite-stage-card,.sprite-inspector{overflow:hidden;border:2px solid var(--sprite-line);border-radius:var(--ed-radius);background:#fff;box-shadow:var(--ed-shadow)}.sprite-stage-card{position:relative}.sprite-stage-card canvas{display:block;width:100%;background:#fff}.sprite-stage-toolbar{display:flex;gap:8px;padding:9px;border-top:1px solid var(--sprite-line)}.sprite-stage-toolbar button,.sprite-tabs button,.sprite-panel__add,.sprite-chip{min-height:40px;border:2px solid var(--sprite-line);border-radius:12px;background:#fff;color:inherit;font:inherit;cursor:pointer}.sprite-stage-toolbar [data-green-flag]{flex:0 0 auto;width:46px;min-width:46px;padding:0;display:grid;place-items:center;border-color:var(--sprite-green);background:var(--sprite-green);color:#fff;font-weight:700}.sprite-stage-toolbar [data-green-flag] svg{width:20px;height:20px}.sprite-stage-toolbar [data-stop]{flex:1}.sprite-stage-toolbar button:focus-visible,.sprite-tabs button:focus-visible,.sprite-panel__add:focus-visible,.sprite-chip:focus-visible{outline:3px solid #80b9ff;outline-offset:2px}.sprite-inspector{display:flex;flex-direction:column;min-height:0}.sprite-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;border-bottom:1px solid var(--sprite-line);background:var(--sprite-panel)}.sprite-tabs button[aria-selected=true]{border-color:#4c97ff;background:#eaf3ff;color:#175da8;font-weight:700}.sprite-tab-panel{min-height:0;overflow:auto;padding:10px}.sprite-panel__list{display:grid;gap:6px}.sprite-chip{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;text-align:left}.sprite-chip[aria-pressed=true]{border-color:#4c97ff;background:#edf5ff}.sprite-chip__mark{width:22px;height:22px;border-radius:7px 7px 10px 10px;background:#ff9f43}.sprite-chip img,.costume-tile img{width:34px;height:34px;object-fit:contain}.sprite-panel__add{width:100%;margin-top:9px;border-style:dashed;color:#175da8;font-weight:700}.sprite-panel__empty{margin:0;color:#68738a;font-size:.9rem}.sprite-properties{display:grid;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid var(--sprite-line)}.sprite-properties label{display:grid;gap:4px;color:#536078;font-size:.78rem;font-weight:700}.sprite-properties input{min-width:0;min-height:36px;padding:7px 8px;border:1px solid var(--sprite-line);border-radius:7px;color:var(--sprite-ink);font:inherit}.sprite-properties__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sprite-properties .sprite-properties__check{display:flex;align-items:center;gap:7px}.sprite-properties__check input{width:16px;height:16px}.sprite-properties__remove{min-height:40px;border:1px solid #ef9a9a;border-radius:8px;background:#fff5f5;color:#a92727;font:inherit;font-weight:700}.sprite-properties__remove:disabled{cursor:not-allowed;opacity:.45}.costume-section h3{margin:3px 0 8px;font-size:.82rem}.costume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.costume-tile{display:grid;place-items:center;gap:4px;min-width:0;min-height:74px;padding:6px 3px;border:1px solid var(--sprite-line);border-radius:9px;background:#fff;color:#47536b;font:inherit;font-size:.7rem;cursor:pointer}.costume-tile[aria-pressed=true]{border-color:#4c97ff;box-shadow:inset 0 0 0 1px #4c97ff}.costume-upload{display:block;margin:12px 0;padding:9px;border:1px dashed #80aee8;border-radius:9px;color:#175da8;text-align:center;font-size:.82rem;font-weight:700;cursor:pointer}.costume-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.costume-error{margin:0 0 10px;color:#a92727;font-size:.78rem}.sound-section h3{margin:3px 0 8px;font-size:.82rem}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sound-tile,.sound-current{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 9px;border:1px solid var(--sprite-line);border-radius:9px;background:#fff;color:#47536b;font:inherit;font-size:.76rem;cursor:pointer}.sound-list{display:grid;gap:6px}.sound-current{width:100%}.sound-upload{display:block;margin:12px 0;padding:9px;border:1px dashed #cf63cf;border-radius:9px;color:#8e358e;text-align:center;font-size:.82rem;font-weight:700;cursor:pointer}.sound-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sound-error{margin:0 0 10px;color:#a92727;font-size:.78rem}.sprite-ask{position:absolute;inset:auto 10px 54px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;border:1px solid var(--sprite-line);border-radius:10px;background:#fffffff5;box-shadow:0 6px 18px #17213a2e}.sprite-ask label{display:grid;gap:4px;min-width:0;font-size:.75rem;font-weight:700}.sprite-ask input,.sprite-ask button{min-width:0;padding:7px 8px;border:1px solid var(--sprite-line);border-radius:7px;font:inherit}.sprite-ask button{align-self:end;background:var(--sprite-green);color:#fff;cursor:pointer}@media(max-width:850px){.sprite-mode{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) auto;overflow:auto}.sprite-mode__side{padding:0 10px 10px}}@media(prefers-reduced-motion:reduce){.sprite-mode *{scroll-behavior:auto!important}}.help-overlay{position:fixed;z-index:9000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#131b2e99}.help-overlay[hidden]{display:none}.help-panel{width:min(100%,560px);max-height:min(100%,640px);overflow-y:auto;padding:24px 28px 28px;border-radius:16px;background:#fff;box-shadow:0 22px 60px #00000047;color:#1e1e1e}.help-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.help-panel__header h2{margin:0;font-size:1.35rem}.help-panel section{margin-top:18px}.help-panel h3{margin:0;font-size:.95rem;font-weight:400;line-height:1.6;color:#17213a}.error-boundary{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#131b2ec7}.error-boundary__card{width:min(100%,520px);padding:28px;border-radius:18px;background:#fff;box-shadow:0 22px 60px #00000047;color:#17213a}.error-boundary__card h1{margin:0 0 10px;font-size:1.5rem}.error-boundary__card p{margin:0;line-height:1.6}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.error-boundary__actions button{min-height:44px;padding:9px 16px;border:1px solid #b7c1d4;border-radius:9px;background:#fff;color:inherit}.error-boundary__actions [data-action=reload]{border-color:#1e88e5;background:#1e88e5;color:#fff}.error-boundary__copy-source{position:fixed;width:1px;height:1px;opacity:0}