*{box-sizing:border-box}html{height:100%;font-size:16px}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#fff;min-height:100%;margin:0;font:16px/1.33 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none;transition:color 50ms}a:hover{color:red}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid}h1,h2,h3,h4,h5,h6{font:inherit}.navigation-progress{z-index:1000;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.navigation-progress>div{opacity:0;background:red;width:0;height:100%}.navigation-progress[data-phase=loading]>div{animation:8s cubic-bezier(.1,.7,.2,1) .15s forwards navigation-progress}.navigation-progress[data-phase=done]>div{width:100%;animation:.4s ease-out forwards navigation-progress-done}@keyframes navigation-progress{0%{opacity:1;width:0}to{opacity:1;width:92%}}@keyframes navigation-progress-done{0%{opacity:1}to{opacity:0}}.channel-index{overflow-wrap:anywhere;background:pink;min-height:100vh;padding:2rem}.channel-index .channel-back{border:0;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:1rem;padding:0;display:flex}.channel-index ul{margin:0;padding:0;list-style:none}.channel-index a{align-items:center;gap:.4em;display:flex}.channel-index svg{flex-shrink:0}.channel-index .image-icon{object-fit:contain;background:gray;flex-shrink:0;height:1em}.text-page{overflow-wrap:anywhere;padding:2rem}.text-page>:first-child{margin-top:0}.text-page p{margin:0 0 1em}.text-page a{text-decoration:underline}.text-page pre{overflow-x:auto}.text-page img{max-width:100%;height:auto}.image-page{padding:2rem}.image-box{width:100%;margin:0;position:relative;overflow:hidden}.image-box canvas,.image-box img{width:100%;height:100%;position:absolute;inset:0}.image-box img{object-fit:contain;transition:opacity .15s}.image-error{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.image-error a{text-decoration:underline}.spinner{border:1px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-frame{background:#fff;border:0;width:100%;height:100dvh;display:block}.embed-page{min-height:100dvh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:1px solid #000;border-radius:0;padding:.3rem .6rem}button:hover:not(:disabled){color:red;border-color:red}button:disabled{opacity:.4;cursor:default}input:not([type=checkbox]),textarea{background:#fff;border:1px solid #aaa;border-radius:0;width:100%;margin-top:.4rem;padding:.5rem;display:block}textarea{resize:vertical}.login-page{padding:2rem}.login-page form{gap:1rem;max-width:24rem;display:grid}.login-page button{justify-self:start}.editor{--panel:#000;--line:#333;--muted:#aaa;color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;flex-direction:column;min-height:100dvh;font-size:13px;display:flex}.editor-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.editor-identity{align-items:center;gap:8px;min-width:0;display:flex}.editor-brand{white-space:nowrap;font-size:13px;font-weight:400}.editor-separator{color:#aaa;font-size:13px;font-weight:400}.editor-identity h1{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:400}.editor-actions{align-items:center;gap:8px;display:flex}.editor button,.editor-button{color:#fff;white-space:nowrap;background:#000;border:1px solid #333;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:6px 12px;font-size:13px;line-height:20px;transition:background .12s;display:inline-flex}.editor button:hover:not(:disabled),.editor-button:hover{color:#fff;background:#111;border-color:#fff}.editor .save-button{color:#000;background:#fff;border-color:#fff;font-weight:400}.editor .save-button:hover:not(:disabled){color:#000;background:#fff;border-color:#fff}.editor button:disabled{opacity:.45}.editor .sign-out{color:var(--muted);background:0 0;border-color:#0000}.editor-controls{align-items:center;gap:16px;margin-left:auto;display:flex}.editor .details-toggle{border-color:#0000}.page-toggle,.auto-run{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;line-height:20px;display:flex}.editor input[type=checkbox]{accent-color:#fff;width:14px;height:14px;margin:0}.editor-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.editor-details{border-bottom:1px solid var(--line)}.details-toggle[aria-expanded=true] .details-chevron{transform:rotate(90deg)}.editor button>svg,.editor-button>svg,.editor-status>svg,.code-pane-header h2>svg,.preview-toolbar h2>svg,.storage-help summary>svg,.editor-error>svg,.login-page button>svg,.login-page [role=alert]>svg{flex:0 0 14px;width:14px;height:14px;display:block}.icon-spinning{animation:.8s linear infinite spin}.editor-fields{gap:18px;max-width:900px;padding:8px 22px 22px;display:grid}.editor-fields label{color:#fff;font-size:13px}.editor-fields input,.editor-fields textarea{color:#fff;background:#000;border-color:#333;border-radius:0;padding:10px 12px;font-size:13px}.editor-fields textarea{line-height:1.5}.field-hint{color:#aaa;margin-left:8px;font-size:13px}.code-workspace{background:var(--line);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;height:40vh;min-height:220px;max-height:75vh;display:grid;overflow:auto}.workspace-divider{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--line);flex:0 0 12px;justify-content:center;align-items:center;display:flex}.workspace-divider:after{content:"";background:#888;width:32px;height:2px}.workspace-divider:hover,.workspace-divider:active,.workspace-divider:focus-visible{background:#555}.workspace-divider:focus-visible{outline-offset:-1px;outline:1px solid #fff}.editor:has(.workspace-divider:active) .preview-frame{pointer-events:none}.code-pane{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.code-pane-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.code-pane-header h2{align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;display:flex}.code-pane-actions>span{color:#aaa;white-space:nowrap;font-size:13px}.code-mirror{flex:1;min-height:0;overflow:hidden}.editor .cm-editor,.editor .cm-gutters{background:#000}.editor .cm-activeLine,.editor .cm-activeLineGutter{background:#111}.code-tabs{display:none}.preview{flex-direction:column;flex:1;min-height:200px;display:flex}.preview-toolbar{border-bottom:1px solid var(--line);background:#000;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.preview-toolbar h2{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.preview-toolbar>div{align-items:center;gap:16px;display:flex}.preview-toolbar button{min-height:28px;padding:3px 10px;font-size:13px}.auto-run{color:#aaa;font-size:13px}.preview-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;flex:1;width:100%;min-height:160px;display:block}.preview-empty{color:#999;background:#fff;flex:1;place-items:center;display:grid}.editor-footer{border-top:1px solid var(--line);color:var(--muted);background:#000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:relative}.storage-help summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.storage-help summary::marker{content:""}.storage-help summary::-webkit-details-marker{display:none}.storage-meter{background:#333;border-radius:0;width:54px;height:4px;display:inline-flex;overflow:hidden}.storage-meter>span{background:#fff}.info-mark{color:#aaa}.storage-explanation{z-index:5;color:#fff;background:#000;border:1px solid #333;border-radius:0;width:min(420px,100vw - 24px);padding:18px;font-size:13px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:12px}.storage-explanation strong{color:#fff;font-weight:400}.storage-explanation p:last-child{margin-bottom:0}.editor-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:180px;padding:48px 24px;display:flex}.editor-empty p{color:#fff;margin:16px 0 8px}.editor-empty>span:last-child{color:#aaa;font-size:13px}.editor-error,.login-page [role=alert]{align-items:center;gap:8px;display:flex}.editor-error{color:#fff;background:#000;padding:12px 18px;font-size:13px}.editor-status.is-error{color:#fff}@media (min-width:801px){.editor:has(.code-workspace){height:100dvh;overflow-y:auto}}@media (max-width:800px){.editor-toolbar{padding:14px 16px}.editor-actions{width:100%}.editor-actions .sign-out{margin-left:auto}.editor-fields{padding:8px 16px 18px}.code-tabs{background:var(--panel);gap:4px;padding:8px 12px 0;display:flex}.code-tabs button{color:#aaa;background:0 0;border-color:#0000}.code-tabs button[aria-pressed=true]{color:#fff;background:#000;border-color:#333}.code-workspace{height:38vh;min-height:260px;display:block}.code-pane{height:100%;display:none}.code-pane.is-active{display:flex}.code-pane-header{border-bottom:0}.preview-frame{min-height:340px}}@media (prefers-reduced-motion:reduce){.icon-spinning{animation:none}.navigation-progress[data-phase=loading]>div{opacity:1;width:100%;transition:opacity 0s .15s;animation:none}.spinner{animation-duration:2s}.image-box img{transition:none}}.editor-toolbar,.editor-details,.editor-footer,.preview-toolbar{flex-shrink:0}.login-page{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;place-items:center;min-height:100dvh;font-size:13px;display:grid}.login-page form{background:#000;border:1px solid #333;border-radius:0;width:100%;padding:32px}.login-page h1{margin:0 0 16px;font-size:13px;font-weight:400}.login-page label{color:#aaa;font-size:13px}.login-page input{background:#000;border-color:#333;border-radius:0;margin:0;padding:10px}.login-page button{color:#000;background:#fff;border-color:#fff;border-radius:0;justify-content:center;justify-self:stretch;align-items:center;gap:8px;padding:10px;display:inline-flex}.login-page p{color:#fff;font-size:13px}.code-pane-actions{align-items:center;gap:12px;display:flex}.prettify-control{position:relative}.prettify-control button{padding:2px 6px;font-size:13px}.prettify-error{z-index:10;color:#fff;white-space:pre-wrap;background:#000;border:1px solid #777;width:min(320px,75vw);max-height:180px;padding:10px;font-size:12px;position:absolute;top:100%;right:0;overflow:auto}