html,body{margin:0;height:100%;overflow:hidden}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block}#status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:var(--secondary);font-family:var(--sans);font-size:18px;line-height:1.4;text-align:center;pointer-events:none}#status[data-state=error]{color:var(--error);background:var(--error-bg);padding:.5rem .85rem;border-radius:.5rem;max-width:min(90vw,28rem)}.panel{position:absolute;background:var(--ground);color:var(--ink);border:1px solid var(--keyline);border-radius:6px;padding:10px 12px;font-family:var(--sans);font-size:14px;line-height:1.4;max-height:80vh;overflow-y:auto}[hidden]{display:none!important}#inspect h2,#outliner h2{margin:8px 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary)}#outliner{top:calc(var(--chrome-clear) + 12px);left:12px;min-width:240px;max-width:320px}#outliner details{margin-left:10px}#outliner summary{cursor:pointer;white-space:nowrap;list-style-position:outside}#outliner details.folder>summary{color:var(--ink)}#outliner label{display:block;cursor:pointer;white-space:nowrap;margin-left:26px;overflow:hidden;text-overflow:ellipsis}#outliner input[type=checkbox]{accent-color:var(--ink)}#outliner input[type=checkbox]:focus-visible{outline:1px solid var(--ink)}#inspect{top:calc(var(--chrome-clear) + 12px);right:12px;min-width:220px;display:none}#inspect dt{color:var(--secondary);font-size:11px;text-transform:uppercase;margin-top:6px}#inspect dd{margin:0}#clip{bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}#clip input{width:260px;accent-color:var(--ink)}#clip input:focus-visible{outline:1px solid var(--ink)}