*,*:before,*:after{box-sizing:border-box}:root{--bg-0: #0a0a0a;--bg-1: #0f0f0f;--line: #1a1a1a;--fg-0: #e5e5e5;--fg-1: #a3a3a3;--fg-2: #525252;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", "Fira Code", Menlo, Consolas, "Liberation Mono", monospace}html,body,#root{margin:0;height:100%;background:var(--bg-0);color:var(--fg-0);font-family:var(--mono);font-size:13px;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-rows:1fr;height:100vh}.panes{display:grid;grid-template-columns:1fr 1fr;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-editor{border-right:1px solid var(--line);background:var(--bg-0)}.pane-preview{background:var(--bg-0);position:relative}.editor-host{flex:1;min-height:0}.preview-iframe{flex:1;border:0;width:100%;height:100%;background:var(--bg-0)}.share-btn{position:absolute;top:8px;right:8px;z-index:2;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;padding:4px 10px;border-radius:4px;border:1px solid var(--line);background:var(--bg-1);color:var(--fg-1);cursor:pointer;transition:color .12s ease,border-color .12s ease}.share-btn:hover{color:var(--fg-0);border-color:var(--fg-2)}.share-btn:focus-visible{outline:1px solid var(--fg-1);outline-offset:2px}.share-btn--copied{color:var(--fg-0);border-color:var(--fg-1)}.share-btn--error{color:#ff6b6b;border-color:#ff6b6b}@media(max-width:800px){.panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pane-editor{border-right:0;border-bottom:1px solid var(--line)}}