*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#e0e0e0;--text-primary:#333333;--text-secondary:#666666;--border-color:#dddddd;--button-bg:#ffffff;--button-border:#cccccc;--button-hover:#f0f0f0;--button-text:#333333;--link-color:var(--text-secondary);--link-hover:var(--text-primary)}@media (prefers-color-scheme:dark){:root{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#3c3c3c;--text-primary:#d4d4d4;--text-secondary:#a0a0a0;--border-color:#333333;--button-bg:#3c3c3c;--button-border:#555555;--button-hover:#4c4c4c;--button-text:#ffffff;--link-color:var(--text-secondary);--link-hover:var(--text-primary)}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background-color:var(--bg-primary);min-height:100vh;overflow:hidden;color:var(--text-primary);display:flex;flex-direction:column}#nojs-message{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:1000;padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center}#nojs-message p{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:2rem;border-radius:4px;max-width:90%;margin:0 auto}.js-enabled #nojs-message{display:none}.editor-container{filter:blur(3px);pointer-events:none}.js-enabled .editor-container{filter:none;pointer-events:auto}.editor-container{max-width:100%;flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary)}.toolbar{padding:0.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:1rem}.toolbar-left{display:flex;gap:0.5rem}.filename-display{font-size:0.9rem;color:var(--text-secondary);padding:0.3rem 0.6rem;background-color:var(--bg-tertiary);border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}button{padding:0.4rem 0.8rem;background-color:var(--button-bg);border:1px solid var(--button-border);border-radius:3px;cursor:pointer;font-size:0.9rem;transition:background-color 0.2s;color:var(--button-text)}button:hover{background-color:var(--button-hover)}.editor-wrapper{flex:1;padding:0;overflow:hidden}#editor{width:100%;height:100%;padding:1.5rem;border:none;resize:none;font-family:'Consolas','Monaco',monospace;font-size:1rem;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);tab-size:4}#editor:focus{outline:none}.hidden{display:none}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:0.75rem;text-align:center}.footer-content{font-size:0.9rem;color:var(--text-secondary)}.site-link{color:var(--link-color);text-decoration:none;transition:color 0.2s}.site-link:hover{color:var(--link-hover)}.footer-separator{margin:0 0.5rem;color:var(--text-secondary)}@media (max-width:768px){.toolbar{padding:0.3rem}.filename-display{max-width:150px;font-size:0.8rem;padding:0.2rem 0.4rem}button{padding:0.3rem 0.6rem;font-size:0.8rem}#editor{padding:1rem;font-size:16px}.site-footer{padding:0.5rem}.footer-content{font-size:0.8rem}}