*,*::after,*::before{box-sizing:border-box}body{background:#000;font-family:"Instrument Sans", sans-serif;margin:0;color:#fff}.toolbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #2b2f3a;background:#1b152a;color:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, .25)}.toolbar .group{display:flex;gap:4px;padding-inline:4px;border-right:1px solid #444}.toolbar .group.right{border-left:1px solid #444}.toolbar .group:last-child{border-right:none}.toolbar .spacer{flex:1}.toolbar .btn{height:32px;min-width:32px;padding:0 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:0.15s background-color, 0.15s border-color, 0.15s color}.toolbar .btn:hover{background:#2a213f;border-color:#3a2f55}.toolbar .btn:active{background:#352a55;border-color:#4a3a70}.tabs{display:flex;gap:6px;padding:8px;background:#191c22;border-bottom:1px solid #2b2f3a}.tab{border:1px solid #2b2f3a;background:#1b2130;color:#e6e8ee;padding:6px 10px;border-radius:8px;cursor:pointer}.tab.active{background:#2a3243}.tab.dirty::after{content:"•";margin-left:6px;color:#6aa8ff}#main_content{position:absolute;inset:0;overflow:hidden}#ui{position:absolute;inset:0;top:97px;display:flex;overflow:hidden;border-top:1px #ddd solid}#left_side,#right_side{flex:1 1 auto;min-width:0;height:100%;position:relative}#right_side{overflow:hidden}#resizer{flex:0 0 6px;background:#444;cursor:col-resize;user-select:none;touch-action:none;position:relative;z-index:10}#resizer:hover{background:#666}#editor_wrapper,#preview_wrapper{position:absolute;inset:0;margin:0;overflow:hidden;background:#333}.padded{padding:10px}#editor_wrapper > .padded,#preview_wrapper > .padded{height:100%}#editor_wrapper > .padded > div,#preview_wrapper > div{height:100%;position:relative;overflow:hidden}.preview{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111;color:#fff;transition:opacity 0.15s linear;z-index:0}.preview.visible{opacity:1}.preview.hidden{opacity:0;pointer-events:none}
