:root{--page:#f2f7f4;--card:#fbfdfc;--edge:#d5e3dc;--ink:#16302a;--muted:#5c7a6e;--teal:#0e7c86;--teal-deep:#0a5f67;--amber:#f0a500;--amber-deep:#c98600;--amber-ink:#3d2a00;--case:#fbfdfc;--case-edge:#d5e3dc;--pill:#dce7e2;--pill-edge:#c3d4cc;--pill-ink:#3f5a50;--pill-down:#c3d4cc;--pill-down-edge:#a9beb5;--silk:#8aa79a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;font:14px/1.45 ui-sans-serif,system-ui,Segoe UI,sans-serif}#app{grid-template-columns:minmax(300px,680px) minmax(340px,1fr);align-content:start;gap:16px;max-width:1400px;min-height:100%;margin:0 auto;padding:16px;display:grid}.column{flex-direction:column;gap:10px;min-width:0;display:flex}@media (max-width:880px){#app{grid-template-columns:1fr;padding:10px}.column{display:contents}.device{order:1}.hud{order:2}.editor{order:3}.files{order:4}}.device{background:var(--case);border:1px solid var(--case-edge);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:16px 18px 14px;display:flex}.device__screen{place-items:center;display:grid}.lilka-screen{image-rendering:pixelated;background:#000;border-radius:3px;display:block}.device__controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.pad{grid-template-rows:repeat(3,35px);grid-template-columns:repeat(3,35px);place-items:center;display:grid}.key{appearance:none;font:inherit;color:#fff;cursor:pointer;border:none;padding:0;font-size:11px;font-weight:700}.key--round{background:var(--teal);border-radius:50%;width:38px;height:38px;font-size:13px}.key--action{background:var(--amber);color:var(--amber-ink);font-size:14px}.key--round.key--pressed{background:var(--teal-deep)}.key--action.key--pressed{background:var(--amber-deep)}.key--up{grid-area:1/2}.key--left{grid-area:2/1}.key--right{grid-area:2/3}.key--down{grid-area:3/2}.key--c{grid-area:1/2}.key--d{grid-area:2/1}.key--a{grid-area:2/3}.key--b{grid-area:3/2}.device__system{justify-content:center;align-items:center;gap:10px;display:flex}.key--pill{background:var(--pill);border:.5px solid var(--pill-edge);min-width:74px;height:28px;color:var(--pill-ink);letter-spacing:.07em;text-transform:uppercase;border-radius:14px;font-size:10px;font-weight:500}.key--pill.key--pressed{background:var(--pill-down);border-color:var(--pill-down-edge);color:#2c4a40}.device__silk{width:100%;color:var(--silk);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex}.device__motto{text-align:center;text-transform:none;letter-spacing:0;color:#9cb3a8;flex:1}.device__logo{background:var(--page);border:.5px solid var(--edge);color:#2c4a40;letter-spacing:.08em;border-radius:4px;padding:2px 9px;font-weight:500}.hud{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-height:1.4em;font-size:12px}.editor{flex-direction:column;gap:10px;min-width:0;display:flex}.editor__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{appearance:none;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:8px;min-height:40px;padding:8px 14px;font-weight:600}.button:disabled{opacity:.45;cursor:default}.button--primary:not(:disabled){background:var(--teal);border-color:var(--teal-deep);color:#fff}.editor__picker{appearance:none;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:8px;min-height:40px;padding:8px 10px;font-size:13px}.editor__status{color:var(--muted);margin-left:auto;font-size:12px}.editor__code{resize:vertical;min-height:180px;max-height:60vh;overflow:auto}.editor__code .cm-scroller{overflow:auto}.editor__console{border:1px solid var(--edge);white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#fbfcfb;border-radius:10px;min-height:80px;max-height:200px;margin:0;padding:8px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.editor__console .line--error{color:#c0392b}.editor__console .line--clickable{cursor:pointer;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.editor__console .line--clickable:hover{background:#fdecea}.editor__code-wrap{background:var(--card);border:1px solid var(--edge);border-radius:10px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.editor__gutter{text-align:right;color:#a9b4af;border-right:1px solid var(--edge);white-space:pre;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#f7f9f8;flex:none;padding:10px 8px 10px 12px;overflow:hidden}.editor__code{resize:vertical;min-width:0;min-height:320px;color:var(--ink);font:inherit;tab-size:4;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;padding:10px 12px}.files{background:var(--card);border:1px solid var(--edge);border-radius:10px;flex-direction:column;gap:0;transition:border-color 80ms linear,background 80ms linear;display:flex;overflow:hidden}.files--over{border-color:var(--teal);background:#f2fbfa}.files__bar{border-bottom:1px solid var(--edge);align-items:center;gap:8px;padding:10px 12px;display:flex}.files__add,.files__bar .button{min-height:34px;padding:6px 12px;font-size:13px}.files__view{border:1px solid var(--edge);border-radius:8px;margin-left:auto;display:inline-flex;overflow:hidden}.files__view button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:7px 9px;font-size:14px;display:inline-flex}.files__view button.files__view--on{background:var(--teal);color:#fff}.files__dots{min-height:34px;padding:6px 10px}.files__crumbs{border-bottom:1px solid var(--edge);align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.files__crumbs--selection{background:#e9f4f2}.files__selection-actions{gap:6px;margin-left:auto;display:inline-flex}.files__selection-actions button{appearance:none;font:inherit;background:var(--card);border:1px solid var(--pill-edge);cursor:pointer;border-radius:7px;padding:5px 11px;font-size:12px}.files__selection-actions .files__danger{color:#b03a2e;border-color:#e3b5ae}.files__selection-actions .files__plain{color:var(--muted);background:0 0;border-color:#0000}.files__back,.files__crumb{appearance:none;font:inherit;color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.files__back:disabled,.files__crumb:disabled{color:var(--ink);cursor:default}.files__back{margin-right:2px;font-size:16px}.files__back:disabled{color:#c3d4cc}.files__sep{color:#9cb3a8}.files__summary{color:var(--muted);margin-left:auto;font-size:12px}.files__content{max-height:320px;padding:12px;overflow:auto}.files__content--grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.files__content--list{flex-direction:column;display:flex}.files__empty{text-align:center;color:var(--muted);border:1.5px dashed var(--edge);border-radius:8px;grid-column:1/-1;padding:26px 12px;font-size:13px}.tile__box{border:1px solid var(--edge);cursor:pointer;background:#fff;border-radius:8px;place-items:center;height:76px;font-size:26px;display:grid;position:relative;overflow:hidden}.tile__box--folder{background:#f7faf9}.tile__box--file{color:var(--muted);background:#eef4f1;font-size:18px}.tile__box--alpha{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/10px 10px}.tile__box img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.tile__name{text-align:center;word-break:break-all;margin-top:5px;font-size:12px}.tile__warn,.row__warn{background:var(--amber);width:17px;height:17px;color:var(--amber-ink);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.tile__warn{position:absolute;bottom:4px;right:4px}.row__warn{vertical-align:-3px;margin-left:5px}.pick,.dots{appearance:none;cursor:pointer;font:inherit;place-items:center;display:grid;position:absolute;top:4px}.pick{border:1.5px solid var(--pill-edge);color:#0000;background:#fff;border-radius:4px;width:16px;height:16px;padding:0;font-size:11px;left:4px}.pick--on{background:var(--teal);border-color:var(--teal);color:#fff}.dots{width:19px;height:19px;color:var(--muted);background:#ffffffe6;border:none;border-radius:5px;padding:0;font-size:14px;line-height:1;right:4px}.row{border-bottom:1px solid #f2f7f4;grid-template-columns:22px 1fr 84px 76px 26px;align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:grid}.row--picked{background:#f1f8f6}.row .pick,.row .dots{position:static}.row__name{appearance:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:7px;min-width:0;padding:0;display:flex;overflow:hidden}.row__name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon{flex:none;display:block}.row__size,.row__kind{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.files__notice{border-radius:8px;align-items:center;gap:9px;margin:0 12px 12px;padding:9px 11px;font-size:12px;line-height:1.5;display:flex}.files__notice--warn{color:#633806;background:#faeeda}.files__notice--error{color:#922b21;background:#fdecea}.files__notice span{flex:1}.files__notice-action{appearance:none;font:inherit;color:#854f0b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e8c89a;border-radius:6px;padding:4px 10px;font-size:12px}.menu{z-index:40;border:1px solid var(--pill-edge);background:#fff;border-radius:9px;min-width:208px;padding:0;position:absolute;overflow:hidden;box-shadow:0 6px 20px #16302a24}.menu__item{appearance:none;text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:9px 12px;font-size:13px;display:block}.menu__item:hover{background:#f2f7f4}.menu__item--accent{color:var(--teal)}.menu__item--fix{color:#854f0b;background:#fdf6e9}.menu__item--danger{color:#b03a2e;border-top:1px solid #e4ede8}.overlay{z-index:50;background:#16302a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:11px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 12px 34px #16302a33}.dialog__title{padding:14px 16px 0;font-size:15px}.dialog__hint{color:var(--muted);border-bottom:1px solid var(--edge);padding:4px 16px 12px;font-size:12px}.dialog__list{max-height:220px;padding:6px 0;overflow:auto}.dialog__row{appearance:none;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.dialog__row:disabled{color:var(--muted);cursor:default}.dialog__row em{color:var(--muted);margin-left:auto;font-size:11px;font-style:normal}.dialog__row--picked{background:#e9f4f2}.dialog__footer{border-top:1px solid var(--edge);justify-content:flex-end;gap:8px;padding:11px 14px;display:flex}.dialog--narrow{max-width:320px}.dialog__input{width:calc(100% - 32px);font:inherit;color:var(--ink);border:1px solid var(--pill-edge);-webkit-user-select:text;user-select:text;background:#fff;border-radius:8px;margin:12px 16px 4px;padding:8px 10px;font-size:14px;display:block}.dialog__input:focus{border-color:var(--teal);outline:none}.files__bar .button{align-items:center;gap:6px;display:inline-flex}.editor__file{align-items:baseline;gap:10px;padding:2px 2px 0;font-size:12px;display:flex}.editor__file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}.editor__save{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.editor__save--pending{color:var(--teal)}.editor__code--stub{width:100%;color:var(--ink);background:var(--card);border:1px solid var(--edge);tab-size:4;resize:vertical;-webkit-user-select:text;user-select:text;border-radius:10px;padding:10px 12px 10px 44px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.editor__code--stub:focus{border-color:var(--teal);outline:none}.editor__lang{border:1px solid var(--edge);border-radius:8px;display:inline-flex;overflow:hidden}.editor__lang-btn{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:600}.editor__lang-btn--on{background:var(--teal);color:#fff}.editor__device{align-items:center;display:inline-flex}.editor__device-note{color:var(--muted);font-size:11px}.device-chip{appearance:none;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.device-chip--on{color:#0b5f53;background:#eaf7f3;border-color:#b9ded4}.device-chip__dot{background:#12a150;border-radius:50%;width:7px;height:7px}.button--device{color:var(--teal);border-color:var(--teal);background:var(--card)}.repl{background:var(--card);border:1px solid var(--edge);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.repl__head{border-bottom:1px solid var(--edge);align-items:center;gap:9px;padding:9px 12px;font-size:13px;display:flex}.repl__badge{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.repl__badge--ready{color:#0b5f53;background:#eaf7f3;border:1px solid #b9ded4}.repl__badge--ready:before{content:"";background:#12a150;border-radius:50%;width:6px;height:6px}.repl__badge--silent{color:#854f0b;background:#faeeda;border:1px solid #e8c89a}.repl__badge--silent:before{content:"";background:#d98a00;border-radius:50%;width:6px;height:6px}.repl__icon{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1}.repl__icon:first-of-type{margin-left:auto}.repl__log{-webkit-user-select:text;user-select:text;min-height:90px;max-height:200px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.75;overflow:auto}.repl__note{color:var(--muted)}.repl__note--dim{color:#9cb3a8;margin-top:8px}.repl__hints{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.repl__hint{appearance:none;font:inherit;color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:#eef4f1;border-radius:6px;padding:3px 9px;font-size:12.5px}.repl__command{color:var(--ink);margin-top:6px}.repl__output{color:#3f5a50;padding-left:14px}.repl__silent{color:#9cb3a8;padding-left:14px;font-style:italic}.repl__error{color:#b03a2e;padding-left:14px}.repl__warning{color:#633806;border-top:1px solid var(--edge);background:#fdf6e9;padding:14px;font-size:12.5px;line-height:1.7}.repl__warning-note{color:#8a6a2b;margin-top:8px}.repl__input-row{border-top:1px solid var(--edge);background:#f7faf9;align-items:center;gap:8px;padding:9px 12px;display:flex}.repl__input-row--off{opacity:.5}.repl__caret{color:var(--teal);font-family:ui-monospace,monospace;font-size:13px}.repl__input{color:var(--ink);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.repl__tip{color:#9cb3a8;white-space:nowrap;font-size:11px}