body{color:#d4d4d4;background:#1e1e1e;margin:0;padding:0;font-family:Plus Jakarta Sans,JetBrains Mono,Fira Mono,Consolas,Menlo,Monaco,monospace}@media (prefers-color-scheme:light){body{color:#333;background:#f5f5f5}.editor-app{background:#f5f5f5}.editor-toolbar{background:#fff;border-bottom:1px solid #e0e0e0}.editor-title{color:#007acc}.editor-btn{color:#333;background:#fff;border:1px solid #ddd}.editor-btn.primary{color:#fff;background:#007acc;border:1px solid #007acc}.editor-btn:not(:disabled):hover{background:#f0f0f0;border:1px solid #007acc}.editor-btn.primary:not(:disabled):hover{background:#005fa3}.editor-textarea{color:#333;background:#fff}.editor-textarea:focus{background:#fff}.editor-viewmode{color:#333;background:#fff;border:1px solid #ddd}.editor-viewmode a{color:#007acc}.editor-footer{color:#666;background:#fff;border-top:1px solid #e0e0e0}}.editor-app{background:#1e1e1e;flex-direction:column;height:100vh;min-height:100vh;display:flex}.editor-toolbar{z-index:10;background:#23272e;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0002}.editor-title{color:#61dafb;letter-spacing:1px;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.editor-dot{color:#3fc56b;margin-left:.5em;font-size:1.1em}.editor-actions{gap:.5rem;display:flex}.editor-btn{color:#d4d4d4;cursor:pointer;background:#23272e;border:1px solid #333;border-radius:6px;padding:.45rem 1.4rem;font-family:inherit;font-size:1rem;transition:background .2s,color .2s,border .2s}.editor-btn.primary{color:#fff;background:#007acc;border:1px solid #007acc}.editor-btn:disabled{opacity:.6;cursor:not-allowed}.editor-btn:not(:disabled):hover{color:#fff;background:#2a2a2a;border:1px solid #007acc}.editor-btn.primary:not(:disabled):hover{background:#005fa3}.editor-main{flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;min-height:0;padding:0;display:flex}.editor-textarea{color:#d4d4d4;width:100vw;height:100%;min-height:0;box-shadow:none;resize:none;box-sizing:border-box;letter-spacing:.01em;background:#1e1e1e;border:none;border-radius:0;outline:none;flex:auto;padding:1.2rem 1rem 1.2rem 1.5rem;font-family:JetBrains Mono,Fira Mono,Consolas,Menlo,Monaco,monospace;font-size:12px;line-height:1.5;transition:outline .2s}.editor-textarea:focus{color:#505050;border:none;outline:2px solid #007acc}@media (max-width:600px){.editor-toolbar,.editor-footer{padding-left:.5rem;padding-right:.5rem}.editor-footer{text-align:center;padding:.6rem .5rem}.editor-textarea{padding:.8rem .5rem .8rem .8rem;font-size:1rem}}.editor-viewmode{color:#d4d4d4;white-space:pre-wrap;word-break:break-word;letter-spacing:.01em;box-sizing:border-box;background:#23272e;border:none;border-radius:0;height:100%;min-height:0;padding:1.2rem 1rem 1.2rem 1.5rem;font-family:JetBrains Mono,Fira Mono,Consolas,Menlo,Monaco,monospace;font-size:12px;line-height:2;overflow-y:auto}.editor-viewmode a{color:#4fc3f7;text-decoration:underline}.editor-viewmode a:hover{color:#81d4fa}.editor-loading{color:#61dafb;margin-top:2rem;font-size:1.1rem}.editor-footer{text-align:right;color:#555;letter-spacing:.5px;background:#23272e;border-top:1px solid #333;padding:.6rem 1.5rem .6rem .5rem;font-size:.9rem}