*,*: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{display:flex;flex-direction:column;height:100vh}.editor__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #d7dbe2;background:#fff}.editor__name{font:inherit;font-weight:600;border:1px solid transparent;border-radius:6px;padding:4px 8px;min-width:180px}.editor__name:hover,.editor__name:focus{border-color:#c8ccd4}.editor__spacer{flex:1}.editor__modes{display:flex;gap:4px}.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}.editor__workspace:has(.sprite-mode),.editor__workspace:has(.html-mode){place-items:stretch;overflow:hidden}.html-mode{--html-ink: #173042;--html-paper: #fffef9;--html-line: #cfdde4;--html-blue: #1e88e5;--html-green: #2e8b57;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);width:100%;height:100%;min-height:0;background:#edf4f6;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:1px solid var(--html-line);border-radius:14px;background:#fff;box-shadow:0 10px 28px #1e485a17}#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{min-height:40px;padding:8px 16px;border:1px solid var(--html-green);border-radius:10px;background:var(--html-green);color:#fff;font:inherit;font-weight:700;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:1px solid var(--html-line);border-radius:9px;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__blocks,.html-mode__output{margin:10px}}@media(prefers-reduced-motion:reduce){.html-mode *{scroll-behavior:auto!important}}.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:2px 4px;border-radius:10px}.blocklyToolboxDiv .blocklyTreeRowContentContainer{display:flex;align-items:center;gap:10px;padding:3px 4px}.blocklyToolboxDiv .kodako-cat-icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:15px 15px;mask-size:15px 15px}.blocklyToolboxDiv .kodako-cat-icon--motion{background-color:#4c97ff;-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{background-color:#96f;-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{background-color:#cf63cf;-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{background-color:#ffbf00;-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{background-color:#ffab19;-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{background-color:#5cb1d6;-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{background-color:#59c059;-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{background-color:#ff8c1a;-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{background-color:#1e88e5;-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{background-color:#43a047;-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{background-color:#8e24aa;-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)}.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: #d8deec;--sprite-green: #20a464;display:grid;grid-template-columns:minmax(0,1fr) 360px;width:100%;height:100%;min-height:0;background:#eef1f7;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:1px solid var(--sprite-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #2a385a14}.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:1px solid var(--sprite-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #2a385a14}.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:1px solid var(--sprite-line);border-radius:9px;background:#fff;color:inherit;font:inherit;cursor:pointer}.sprite-stage-toolbar [data-green-flag]{flex:1;border-color:var(--sprite-green);background:var(--sprite-green);color:#fff;font-weight:700}.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}