.editor-container[data-v-d9ed2e52]{height:100%;overflow:hidden}.preview-container[data-v-5a95b938]{background:#fff;height:100%}iframe[data-v-5a95b938]{border:none;width:100%;height:100%}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.app{background:#1a1a2e;flex-direction:column;height:100%;display:flex}.toolbar{color:#e2e8f0;background:#16213e;border-bottom:1px solid #0f3460;flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.toolbar-title{color:#63b3ed;font-size:1rem;font-weight:700}.toolbar-hint{color:#718096;font-size:.8rem}.theme-toggle{border:1px solid #0f3460;border-radius:999px;margin-left:auto;display:flex;overflow:hidden}.theme-btn{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.theme-btn:hover{color:#e2e8f0}.theme-btn.active{color:#16213e;background:#63b3ed}.copy-link-btn{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0f3460;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.copy-link-btn:hover{color:#e2e8f0;border-color:#63b3ed}.workspace{flex:1;display:flex;overflow:hidden}.pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.pane-preview{flex:none}.pane-label{text-transform:uppercase;letter-spacing:.08em;color:#718096;background:#16213e;border-bottom:1px solid #0f3460;flex-shrink:0;padding:.3rem .75rem;font-size:.7rem;font-weight:600}.divider{cursor:col-resize;background:#0f3460;flex-shrink:0;width:4px;transition:background .15s}.divider:hover{background:#63b3ed}.footer{text-align:center;background:#16213e;border-top:1px solid #0f3460;flex-shrink:0;padding:.3rem 1rem;font-size:.75rem}.footer a{color:#718096;text-decoration:none}.footer a:hover{color:#63b3ed}