:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0c0d13;color:#eeeef7}*{box-sizing:border-box}body{margin:0}button,.button,input,textarea{font:inherit}button,.button{background:#7c5cfc;color:white;border:1px solid #927aff;border-radius:10px;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.danger{background:#38202c;border-color:#623044}header{display:flex;align-items:center;gap:12px;padding:18px 4%;border-bottom:1px solid #262735}.brand{font-weight:800;font-size:21px;text-decoration:none;color:inherit;margin-right:auto}#account{font-size:14px;color:#b6b5c9}main{padding:22px 4%;min-height:80vh}.hero{text-align:center;padding:65px 10px}.hero h1{font-size:clamp(30px,5vw,52px);letter-spacing:-2px;margin:18px 0}.hero p,.muted{color:#aaaabd;line-height:1.5}.tag{color:#b7a6ff;font-size:12px;letter-spacing:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{text-align:left;background:#171823;border:1px solid #303142;padding:24px;min-height:130px}.card h3{margin:0 0 14px;overflow-wrap:anywhere}.card p{color:#aaaabd;font-size:13px}#notice:not(:empty){background:#29223e;border:1px solid #66538c;border-radius:12px;padding:14px;margin-bottom:18px;white-space:pre-wrap}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}input,textarea{background:#151620;border:1px solid #38394b;border-radius:9px;color:#eee;padding:12px}#title{flex:1;min-width:150px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);height:72vh;min-height:560px;border:1px solid #303142;border-radius:15px;overflow:hidden}aside{padding:20px;background:#13141e;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #303142}aside h2{margin:0}aside .muted{font-size:12px}#messages{overflow:auto;flex:1;min-height:40px}.message{background:#222332;border-radius:10px;padding:12px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.message.assistant{background:#28213e}form{display:grid;gap:10px;margin-top:12px}label{font-size:13px}#prompt{width:100%;height:100px;resize:vertical}.output,#preview,#editor{height:100%;min-width:0}iframe{width:100%;height:100%;border:0;background:white}#editor{display:flex;flex-direction:column;background:#101119}.editorbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;font-size:12px;color:#bbb}#code{flex:1;width:100%;resize:none;border:0;border-radius:0;font:13px/1.6 ui-monospace,monospace;tab-size:2;white-space:pre}footer{padding:20px 4%;color:#737487;font-size:12px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #c0afff;outline-offset:3px}@media(max-width:800px){.workspace{grid-template-columns:1fr;height:auto;min-height:0}aside{min-height:360px;max-height:500px;border-right:0;border-bottom:1px solid #303142}.output{height:65vh}header{flex-wrap:wrap}.hero{padding:35px 5px}#account{font-size:12px}nav button{font-size:12px;padding:8px}.editorbar{flex-wrap:wrap}}