:root{--bg-1: #0f172a;--bg-2: #071033;--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .04);--accent: #7c5cff;--accent-2: #00d4ff;--muted: rgba(255, 255, 255, .65);--radius: 14px;--shadow: 0 6px 24px rgba(2, 6, 23, .6)}*{box-sizing:border-box}.logo{height:45px;width:45px;vertical-align:middle}.intro{color:#000;width:320px}.intro>h3{padding:0;margin:5px 0 0 10px}.intro>h3>span{display:inline-block;margin-top:6px}#intro-list{padding:14px}#intro-list li{font-size:large;font-weight:900;padding:10px}#form{background-color:#f5f5f5;width:100%;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.04);box-shadow:0 18px 40px #02061799}#form span{margin-right:5px}.form-element{padding:10px;display:grid;grid-template-columns:100%;gap:10px;align-items:center}label{font-size:larger;font-weight:900;display:inline-block}html,body{height:100%;margin:0;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#7f71b8}body{margin:auto;width:90vw;height:90vh}iframe#editor-frame{margin-top:18px;width:100%;height:85%;border-radius:14px;border:1px solid rgba(255,255,255,.04);box-shadow:0 18px 40px #02061799;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:focus{outline:3px solid rgba(124,92,255,.12);outline-offset:2px}