:root{color-scheme:light;--ink:#29483e;--muted:#7c8b80;--paper:#fffdf6;--line:#d8ded2;--accent:#376e56;--code-width:40%}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{min-height:34px;padding:6px 12px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;white-space:nowrap}button:hover{background:#e9eee2;border-color:#afc0ae}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #bb8e3e;outline-offset:2px}button:disabled{opacity:.45;cursor:default}input,textarea,select{font-size:16px;color:var(--ink);border:1px solid #bdcbbb;border-radius:5px;padding:8px;background:#fffef9;min-width:0}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;padding:0}label{display:flex;gap:7px;align-items:center}.primary{background:var(--accent);border-color:var(--accent);color:#fffdf6}.primary:hover{background:#285840;color:white}.app-header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:650;letter-spacing:-.8px}.brand:hover{text-decoration:none}.brand-note{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.15px;margin-top:1px}.header-links{display:flex;gap:25px;font-size:12px}.github{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:8px;padding:12px 22px;border-bottom:1px solid var(--line);flex-shrink:0;font-size:12px}.toolbar-space{flex:1}.autorun{font-size:12px;margin-left:7px;white-space:nowrap}.layout{flex:1;display:flex;min-height:0}.editor-pane{width:var(--code-width);flex-shrink:0;display:flex;flex-direction:column;min-width:180px;background:#fffef9}.pane-heading{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);font-size:10px;font-weight:650;letter-spacing:1.3px;background:#f5f5ed}.pane-heading>span{display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.ochre{background:#c7a05c}.green{background:#669879}.file-label{font-size:10px;font-weight:400;letter-spacing:0;color:#8c978b;padding-left:7px}.muted{color:var(--muted);font-weight:400;letter-spacing:0}.pane-heading button{min-height:28px;padding:3px 7px;border:0;font-size:11px;letter-spacing:0;font-weight:400}.pane-heading>div{display:flex;align-items:center;gap:10px}#editor{flex:1;min-height:110px;font-size:14px;line-height:1.75}.ace-chrome{background:#fffef9!important;color:#2c483e!important}.ace-chrome .ace_gutter{background:#f9f8f1!important;color:#a3ac9e!important}.ace-chrome .ace_marker-layer .ace_active-line{background:#f0f2e8!important}.ace-chrome .ace_gutter-active-line{background:#f0f2e8!important}.console-pane{height:24%;min-height:92px;border-top:1px solid var(--line);display:flex;flex-direction:column}.console-pane.collapsed{height:36px;min-height:36px}.console-pane .pane-heading{height:35px;background:#f9f8f1;padding-left:10px}.console-pane .pane-heading button{font-size:11px}.console-pane.collapsed #console{display:none}#console{flex:1;overflow:auto;padding:10px 16px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.console-entry.error{color:#a24e3a}.console-entry.warn{color:#8e6d24}.console-entry[role=button]{cursor:pointer}#splitter{width:5px;cursor:col-resize;background:#e4e7db;border-left:1px solid #d7ddcf;border-right:1px solid #d7ddcf;flex-shrink:0}.world-pane{flex:1;min-width:0;display:flex;flex-direction:column}.world-pane .pane-heading{background:#eef1e7}.halo-toggle{font-size:11px;letter-spacing:0;font-weight:400}.halo-toggle input{width:12px;height:12px}#world-frame{flex:1;min-height:0;position:relative;background:#f7f8f0}#world-frame iframe{width:100%;height:100%;display:block;border:0}.world-footer{height:42px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 13px;border-top:1px solid var(--line);background:#f6f6ee;font-size:10px;color:var(--muted)}.world-footer>span{flex:1}.world-footer button{font-size:10px;min-height:27px;padding:4px 7px;background:#fffef5}.statusbar{height:30px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 20px;border-top:1px solid var(--line);font-size:10px;background:#f0f1e8;color:#778675}#status{color:var(--ink)}#status::before{content:'●';font-size:7px;color:#548265;margin-right:7px}.version{margin-left:auto;font-size:9px;letter-spacing:1.1px;color:#97a08f}.mobile-tabs{display:none}body.hide-editor .editor-pane,body.hide-editor #splitter{display:none}#more-panel{position:fixed;z-index:20;right:16px;top:137px;bottom:42px;width:355px;max-width:calc(100% - 24px);overflow:auto;background:#fffdf5;border:1px solid #c3cebd;border-radius:10px;padding:18px;box-shadow:0 12px 50px #233e3626;font-size:13px}#more-panel[hidden]{display:none}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drawer-heading button{border:0;font-size:22px}#more-panel>label{margin:18px 0 8px}.input-row{display:flex;gap:6px}.input-row input{width:100%;min-width:0;font-size:14px}.more-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 0 18px;border-bottom:1px solid var(--line)}.docs-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:20px;font-size:12px}dialog{background:var(--paper);color:var(--ink);border:1px solid #c5cfbd;border-radius:14px;padding:30px;max-width:min(560px,calc(100% - 24px));box-shadow:0 20px 100px #1630253b}dialog::backdrop{background:#213d3444;backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.7px;margin:8px 0 14px}dialog p{font-size:14px;line-height:1.6}dialog .eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#8b986f}dialog .dialog-close{position:absolute;right:10px;top:8px;border:0;font-size:22px}dialog textarea{width:100%;height:100px;margin:18px 0 10px;font:12px/1.4 ui-monospace,monospace;word-break:break-all}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.dialog-actions button{font-size:12px}#qr-image{text-align:center}#qr-image img{max-width:100%;width:270px}#qr-notes{max-width:360px}.download-options{display:grid;gap:8px}.download-options button{display:flex;justify-content:space-between;gap:35px;padding:12px;text-align:left}.download-options span{color:var(--muted);font-size:12px}.error-line{position:absolute;background:#b95c3b1f}.app-header,.toolbar,.pane-heading,.world-footer,.statusbar{user-select:none}
@media(max-width:1000px){.file-label,.world-footer>span{display:none}.toolbar{gap:5px;padding:10px}.toolbar button{padding:6px 9px}.pane-heading{padding:0 11px}.header-links{gap:15px}.version{display:none}}
@media(max-width:760px),(max-height:500px){button{min-height:40px}.app-header{height:59px;padding:0 14px}.brand{font-size:21px}.brand-note{font-size:10px}.header-links{gap:12px;font-size:11px}.header-links .github,.header-links>a:first-child{display:none}.mobile-tabs{display:flex;height:45px;flex-shrink:0;padding:0 12px;border-bottom:1px solid var(--line);background:#f4f5eb;gap:6px}.mobile-tabs button{border:0;border-radius:0;flex:1;font-size:12px}.mobile-tabs button[aria-selected=true]{border-bottom:2px solid var(--accent);font-weight:700}.toolbar{height:61px;padding:9px 12px;gap:7px}.toolbar button{font-size:12px}#download-open,#qr-open,#hide-editor,.toolbar .toolbar-space{display:none}.autorun{font-size:11px;gap:4px;margin-left:0;flex:1}.layout{display:block;position:relative}#splitter{display:none}.editor-pane,.world-pane{width:100%;height:100%;min-width:0}.editor-pane{display:none}.editor-pane .pane-heading .muted{display:none}body[data-tab=code] .editor-pane,body[data-tab=console] .editor-pane{display:flex}body[data-tab=code] .console-pane{display:none}body[data-tab=console] #editor,body[data-tab=console] .editor-pane>.pane-heading{display:none}body[data-tab=console] .console-pane{height:100%;border-top:0}body[data-tab=code] .world-pane,body[data-tab=console] .world-pane{display:none}.world-footer{height:49px;justify-content:space-around;padding:4px}.world-footer button{min-height:40px;font-size:11px}.pane-heading{height:42px}.pane-heading button{min-height:40px}.halo-toggle{font-size:11px}.halo-toggle input{width:16px;height:16px}.statusbar{height:28px;padding:0 12px;gap:12px;font-size:9px}.version{display:none}#draft-status{margin-left:auto;font-size:9px}#more-panel{top:164px;right:8px;bottom:34px;width:360px}#more-panel button{font-size:13px}.input-row input{font-size:16px}dialog{padding:25px}dialog h2{font-size:27px}dialog textarea{font-size:16px}.dialog-actions button{min-height:40px}body.hide-editor .editor-pane{display:none}body.hide-editor .world-pane{display:flex}#console-toggle,#console-clear{min-height:40px}.console-pane .pane-heading{height:42px}}

.mobile-extra{display:none}@media(max-width:760px),(max-height:500px){.mobile-extra{display:block}}

@media(max-width:760px),(max-height:500px){#share-open{display:none}}

.draft-recovery{width:min(580px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #aabbbd;border-radius:12px;background:#fff;color:#263e49}.draft-recovery select{width:100%;min-height:40px;font-size:16px}.draft-recovery pre{max-height:35vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.draft-recovery button,#resume-work{min-height:40px}.draft-recovery p{font-size:14px;line-height:1.5}#draft-recovery-status{font-size:12px}
:root{--fk-accent:#326653;--fk-surface:#f3f4e9;--fk-panel:#fffef5;--fk-text:#243d33;--fk-muted:#5d7165;--fk-border:#cbd4c4;--fk-radius:9px}body{height:var(--fk-viewport-height,100dvh)}.fk-header{flex-shrink:0;padding:6px 20px}.fk-brand{display:flex;gap:10px;align-items:center}.fk-brand img{width:32px;height:32px}.fk-brand>span{font-size:24px}.fk-more{margin-left:auto}.fk-nav a{font-size:13px}#fk-more-drawer #more-panel{display:flex;position:static;flex-direction:column;gap:12px;width:auto;max-width:none;height:auto;max-height:none;border:0;padding:0;box-shadow:none;background:none;overflow:visible}.fk-dialog textarea{width:100%;min-height:80px}button,input,select,summary,.pane-heading button,.world-footer button,.draft-recovery button,#resume-work{min-height:44px}input[type=checkbox]{min-height:0}.autorun{min-height:44px}.toolbar .fk-tabs{display:none}#qr-code svg{max-width:100%;height:auto}#error-count{color:#b6363d}.fk-dialog input:not([type=checkbox]){width:100%}.fk-dialog .fk-close{width:auto}
@media(max-width:767px){.fk-header{padding:5px 10px}.fk-brand>span{font-size:21px}.brand-note{display:block;font-size:10px}.toolbar{height:auto;flex-wrap:wrap;padding:7px;gap:6px}.toolbar .fk-tabs{display:flex;flex-basis:100%;order:-1;padding:0}.toolbar #share-open,.toolbar #qr-open{display:block}.toolbar #download-open,.toolbar #hide-editor{display:none}.toolbar button{min-height:44px}.layout{display:flex;min-height:0}.layout>.editor-pane,.layout>.world-pane,.layout>.console-pane{width:100%;height:100%;min-width:0;flex:1}.layout>.console-pane{display:flex;flex-direction:column;border:0}.layout>.console-pane #console{flex:1;overflow:auto}.world-footer{height:auto;min-height:49px;flex-wrap:wrap;gap:3px}.world-footer button{padding:4px 8px}.statusbar{padding:4px 8px;height:auto;min-height:30px}.autorun{flex:initial}.halo-toggle{min-height:44px;display:flex;align-items:center}}
@media(min-width:761px) and (max-width:767px){.layout>.editor-pane,.layout>.world-pane{display:flex}}
@media(max-width:599px){.fk-dialog,.draft-recovery,dialog#download-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:16px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(prefers-color-scheme:dark){:root{--fk-accent:#9bd6b7;--fk-surface:#1d2c23;--fk-panel:#263a2d;--fk-text:#e2eddf;--fk-border:#526f58;--fk-muted:#b5c9b4}body,.toolbar,.pane-heading,.editor-pane,.world-pane,.console-pane,.statusbar,button,input,select,textarea,dialog{background:var(--fk-panel);color:var(--fk-text)}}

.hashbin-controls{display:flex;flex-direction:column;gap:8px}.hashbin-controls input{width:100%;min-width:0}.hashbin-controls>label{margin-top:8px}.draft-recovery button{min-height:44px}