:root{color-scheme:dark;font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif;background:#0b0911;color:#e6e0ef}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit;border:1px solid #74608970;border-radius:8px;padding:10px;background:#21192c;min-width:0}button{cursor:pointer}button:hover{background:#362548}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c5a4e9;outline-offset:2px}label{display:grid;gap:6px;margin:14px 0}button,input,select{width:100%}input{background:#110f19}a{color:#c5b1e6}h1{font-size:25px;font-weight:500;margin:7px 0}h2{font-size:16px;font-weight:500}small{letter-spacing:.2em;color:#a897b7;font-size:10px}.login{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#30203f,transparent 65%)}.login form{width:min(400px,100%);padding:28px;border:1px solid #72588c55;border-radius:18px;background:#120e1ae8}.login p,.hint{color:#b6a9c6;font-size:12px}#login-error{color:#f4a8b5}#workspace{display:grid;grid-template-columns:340px 1fr;min-height:100svh}.library{padding:24px;max-height:100svh;overflow:auto;border-right:1px solid #74608940}.row{display:flex;gap:8px;margin:10px 0}.primary{background:#674583;margin-top:12px;border-color:#ae86ca}.library section{border-top:1px solid #74608940;margin-top:24px;padding-top:10px}.library details{margin:20px 0}summary{cursor:pointer}#status{padding:10px;background:#ac90d010;border-left:2px solid #a78bce;overflow-wrap:anywhere;font-size:12px}.preview{position:relative;min-width:0}iframe{border:0;width:100%;height:100svh;display:block}#empty{height:100%;display:grid;align-content:center;text-align:center;color:#bcaecc;padding:24px}[hidden]{display:none!important}@media(max-width:900px){#workspace{display:flex;flex-direction:column}.library{max-height:none}.preview iframe{height:85svh}.library{padding:20px}.preview{min-height:300px}}