body{display:flex;flex-direction:column;height:100dvh;box-sizing:border-box;margin:0;overflow:hidden}body>.site-header{flex:none}body>.site-footer{display:none}.dp-page{flex:1;min-height:0;display:flex;width:100%;margin:0;padding:0}#dawn-playground{flex:1;display:flex;min-width:0;min-height:0}.dp-ide{flex:1;display:flex;min-width:0;min-height:0;background:#fff}.dp-side{flex:none;width:13rem;display:flex;flex-direction:column;border-right:1px solid var(--border-soft, #e9ecf1);background:var(--code-bg-soft, #fafbfc);overflow-y:auto;padding:.6rem 0 1rem}.dp-sidetitle{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint, #8b949e);padding:.3rem 1rem .5rem}.dp-file{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.8rem;text-align:left;padding:.34rem 1rem;border:0;background:none;color:var(--muted, #57606a);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-file:hover{background:#1f23280a;color:var(--text, #1f2328)}.dp-file.active{background:#7c3aed14;color:var(--accent, #7c3aed);box-shadow:inset 2px 0 0 var(--accent, #7c3aed)}.dp-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.dp-bar{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;border-bottom:1px solid var(--border-soft, #e9ecf1);background:var(--code-bg, #f6f8fa);flex:none}.dp-fname{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.78rem;color:var(--muted, #57606a)}.dp-spacer{flex:1}.dp-share{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.78rem;padding:.26rem .7rem;border:1px solid var(--border, #d0d7de);border-radius:6px;background:#fff;color:var(--muted, #57606a);cursor:pointer;transition:color .15s,border-color .15s}.dp-share:hover{color:var(--text, #1f2328);border-color:var(--muted, #57606a)}.dp-run{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.78rem;padding:.28rem .75rem;border:0;border-radius:6px;background:var(--accent, #7c3aed);color:#fff;cursor:pointer;transition:background .15s}.dp-run:hover{background:var(--accent-hover, #6d28d9)}.dp-run:disabled{opacity:.6;cursor:default}.dp-run kbd{font:inherit;opacity:.85;margin-left:.15rem}.dp-editor{flex:1;min-height:0;display:flex;background:#fff}.dp-editor .cm-editor{flex:1;min-width:0;font-size:.9rem}.dp-editor .cm-editor.cm-focused{outline:none}.dp-editor .cm-scroller{font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.dp-editor .cm-content{padding:.75rem 0}.dp-editor .cm-gutters{background:var(--code-bg-soft, #fafbfc);border-right:1px solid var(--border-soft, #e9ecf1);color:var(--faint, #8b949e)}.dp-editor .cm-lineNumbers .cm-gutterElement{min-width:2.6em;padding:0 .6em 0 .9em}.dp-editor .cm-activeLine{background:#7c3aed0b}.dp-editor .cm-activeLineGutter{background:#7c3aed12;color:var(--muted, #57606a)}.dp-lens{margin-left:1.6em;padding:0 .5em;border-radius:4px;font-size:.82em;font-style:italic;white-space:pre;pointer-events:none}.dp-lens-error{color:#b42318;background:#b4231812}.dp-lens-warning{color:#9a6700;background:#9a670014}.dp-hover{max-width:min(34rem,80vw);padding:.45rem .6rem;border:1px solid var(--border, #d0d7de);border-radius:5px;color:var(--text, #24292f);background:var(--code-bg, #fff);box-shadow:0 4px 14px #1f23281f;font:.82rem/1.45 var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre-wrap}.dp-outpanel[hidden]{display:none}.dp-outpanel{flex:none;display:flex;flex-direction:column;max-height:38%;border-top:1px solid var(--border, #d0d7de);background:var(--output-bg, #fbfcfd)}.dp-outhead{display:flex;align-items:center;gap:.7rem;padding:.35rem 1rem;border-bottom:1px solid var(--border-soft, #e9ecf1);flex:none}.dp-outtitle{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #57606a)}.dp-outmeta{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.72rem;color:var(--faint, #8b949e);flex:1}.dp-outclose{border:0;background:none;font-size:1rem;line-height:1;color:var(--faint, #8b949e);cursor:pointer;padding:0 .15rem}.dp-outclose:hover{color:var(--text, #1f2328)}.dp-console{margin:0;padding:.6rem 1rem .75rem;overflow:auto;font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.dp-outpanel[data-phase=pending] .dp-console{opacity:.7}.dp-outpanel[data-phase=compile] .dp-console,.dp-outpanel[data-phase=timeout] .dp-console,.dp-outpanel[data-phase=error] .dp-console,.dp-outpanel[data-phase=compile] .dp-outmeta,.dp-outpanel[data-phase=timeout] .dp-outmeta,.dp-outpanel[data-phase=error] .dp-outmeta{color:#b42318}@media(max-width:44rem){.dp-ide{flex-direction:column}.dp-side{width:100%;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;padding:.25rem .5rem;border-right:0;border-bottom:1px solid var(--border-soft, #e9ecf1)}.dp-sidetitle{display:none}.dp-file{flex:none;padding:.3rem .6rem;border-radius:6px}.dp-file.active{box-shadow:none}.dp-fname{display:none}}