.fe-studio{--fe-line:#e4e4e7;background:#fff;color:#202024;border:1px solid var(--fe-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #18181b0b;margin:20px 0}.fe-studio button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--fe-line);border-radius:7px;padding:7px 11px;font-size:13px}.fe-studio button:hover{background:#f1f1f4}.fe-top{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#18181b;color:#fff}.fe-top>div{display:flex;flex-direction:column;gap:8px}.fe-top strong{font-size:25px;letter-spacing:-1px}.fe-badge{font-size:10px;font-weight:800;letter-spacing:3px;color:#c4b5fd}.fe-top button{background:#303034;color:#fff;border-color:#555}.fe-tabs{display:flex;gap:7px;padding:14px 18px;border-bottom:1px solid var(--fe-line);align-items:center;flex-wrap:wrap}.fe-tabs [aria-pressed=true]{background:#202024;color:#fff;border-color:#202024}.fe-tabs span{margin-left:auto;color:#71717a;font-size:12px}.fe-tools{display:flex;gap:5px;padding:12px 16px;flex-wrap:wrap;background:#fafafa;border-bottom:1px solid var(--fe-line)}.fe-tools select{border:1px solid var(--fe-line);border-radius:7px;width:auto;padding:7px;background:white}.fe-tools input[type=color]{width:32px;height:32px;padding:3px;border:1px solid var(--fe-line)}.fe-body{min-height:420px;padding:28px;outline:none;line-height:1.8;font-size:16px;overflow-wrap:anywhere;box-sizing:border-box}.fe-body:focus{box-shadow:inset 0 0 0 2px #c4b5fd}.fe-body:empty:before{content:attr(data-placeholder);color:#a1a1aa;pointer-events:none}.fe-studio textarea.fe-body{width:100%;resize:vertical;border:0;border-radius:0;background:#fafafa;font-family:Consolas,monospace;font-size:14px}.fe-studio [hidden]{display:none!important}.fe-bottom{border-top:1px solid var(--fe-line);display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 18px;font-size:12px;color:#71717a}.fe-bottom button:first-of-type{margin-left:auto}.fe-help{margin:0;padding:12px 18px 18px!important;font-size:12px;color:#71717a;background:#fafafa}.fe-body img,.fe-rendered img{max-width:100%;height:auto;border-radius:8px}.fe-body video,.fe-rendered video{display:block;max-width:100%;width:100%;max-height:75vh;background:#111;border-radius:10px}.fe-body iframe,.fe-rendered iframe{width:100%;aspect-ratio:16/9;height:auto!important;border:0;border-radius:10px}.fe-body table,.fe-rendered table{border-collapse:collapse;width:100%;margin:18px 0;display:table}.fe-body th,.fe-body td,.fe-rendered th,.fe-rendered td{border:1px solid #d4d4d8;padding:10px;min-width:40px}.fe-body th,.fe-rendered th{background:#f4f4f5}.fe-body blockquote,.fe-rendered blockquote{border-left:4px solid #a78bfa;margin:18px 0;padding:12px 20px;background:#f8f7ff}.fe-body pre,.fe-rendered pre{background:#202024;color:#f4f4f5;padding:20px;border-radius:10px;overflow:auto;white-space:pre-wrap}.fe-body h1,.fe-body h2,.fe-body h3{line-height:1.35;margin:1em 0 .5em}.fe-body ul,.fe-body ol,.fe-rendered ul,.fe-rendered ol{padding-left:28px;list-style:revert}.fe-body li,.fe-rendered li{list-style:inherit}.fe-body a{color:#6d28d9;text-decoration:underline}.fe-split #fe-markdown,.fe-split #fe-preview{display:inline-block;vertical-align:top;width:50%;min-height:450px}.fe-fullscreen{position:fixed;inset:12px;z-index:10000;margin:0;overflow:auto}.fe-drag{box-shadow:inset 0 0 0 3px #8b5cf6}.fe-rendered{overflow-wrap:anywhere;overflow-x:auto}@media(max-width:700px){.fe-top{padding:18px}.fe-top strong{font-size:22px}.fe-body{padding:18px;min-height:340px}.fe-tabs{padding:10px}.fe-tabs span{width:100%;margin-left:0}.fe-tools{padding:10px;gap:4px}.fe-studio button{padding:8px}.fe-split #fe-markdown,.fe-split #fe-preview{width:100%;display:block}.fe-bottom{gap:8px}.fe-fullscreen{inset:0;border-radius:0}}