[hidden]{display:none!important}.live-main{max-width:860px;margin:auto;padding-bottom:36px}.live-intro{max-width:640px;color:var(--muted);line-height:1.8;margin:24px 0 40px}.onboard-step{padding:28px 0 36px;border-top:1px solid var(--line)}.onboard-step h2{margin:12px 0 28px}.onboard-step>p,.onboard-step details{line-height:1.8}.onboard-step label:not(.consent){display:block;margin:22px 0 10px;font:14px/1.6 var(--mono)}.onboard-step textarea,.onboard-step input:not([type=checkbox]),.onboard-step select{box-sizing:border-box;width:100%;border:1px solid #69604e;background:#242421;color:var(--ink);border-radius:0;padding:14px;font:15px/1.7 var(--mono)}textarea{resize:vertical}.field-note{font:12px/1.8 var(--mono);color:var(--muted);margin:12px 0 24px}.step-actions,.session-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0}.onboard-step details{margin:24px 0;color:var(--muted);font-size:15px}.onboard-step summary{cursor:pointer;color:var(--ink);padding:12px 0}.consent{display:flex;align-items:flex-start;gap:12px;font:13px/1.8 var(--mono);margin:24px 0}.consent input{margin-top:6px;flex:none;width:18px;height:18px;accent-color:var(--accent)}.session-bar{font:12px/1.7 var(--mono);overflow-wrap:anywhere}.live-document{padding:28px 30px 40px 52px;background-color:var(--editor);min-height:180px}.live-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.live-entry{border-bottom:1px solid var(--line);padding:8px 0 24px}.live-entry h3{font-size:12px;color:var(--accent);letter-spacing:1px}.live-document+.answer-box{margin-top:24px}#notice{font:14px/1.8 var(--mono);color:var(--accent);min-height:26px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:680px){.live-main .demo-title{font-size:30px}.live-document{padding:20px 18px 28px 36px}.step-actions{flex-wrap:wrap}.consent{font-size:12px}.live-main{padding-bottom:20px}}

#welcome{box-sizing:border-box;position:fixed;max-width:calc(100vw - 2rem);width:600px;max-height:calc(100dvh - 2rem);overflow:auto;border:0;padding:48px 28px 28px;background:var(--bg,#242421);color:var(--ink);box-shadow:0 24px 80px #0009}#welcome::backdrop{background:#000a}#welcome h2{margin:0 0 28px;font-size:26px;line-height:1.4}#welcome-close{position:absolute;right:12px;top:10px;background:none;border:0;color:inherit;font:20px var(--mono);padding:8px 12px}#welcome .button{box-sizing:border-box;display:block;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;margin-top:18px;line-height:1.6}fieldset{min-width:0;border:1px solid var(--line);padding:16px}.onboard-step fieldset label:has(input[type=radio]){display:flex;align-items:flex-start;gap:12px}.onboard-step input[type=radio]{width:18px;min-width:18px;height:18px;padding:0;margin:3px 0 0;accent-color:var(--accent)}#image-form{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}#image-form>label:first-child{display:block;margin-bottom:12px}#image-prompt{box-sizing:border-box;width:100%;padding:12px;background:var(--editor);color:var(--ink);border:1px solid var(--line);font:14px/1.7 var(--mono)}.live-document img{display:block;max-width:100%;max-height:640px;object-fit:contain;margin:24px auto}#endpoint-preview,#image-endpoint{overflow-wrap:anywhere}@media(max-width:480px){#welcome{padding:48px 20px 24px}#welcome h2{font-size:22px}}