:root{color-scheme:dark;--bg: #0d0a06;--bg-2: #17120a;--fg: #ece0c4;--dim: #8a7440;--line: #3a2c11;--gold: #d9b45e;--gold-hi: #fbf0c4;--seal: #c8102e}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,var(--bg-2) 0%,var(--bg) 60%),var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif}main{max-width:32rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.brand{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.brand h1{margin:0;font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:2rem;font-weight:700;letter-spacing:.35em;text-indent:.35em;background:linear-gradient(180deg,var(--gold-hi) 0%,#e8c86a 40%,#c9962f 65%,#8f6414 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .sub{margin:.35rem 0 0;font-size:.7rem;color:var(--dim);letter-spacing:.1em}.form label{display:block;margin-bottom:1rem}.form label span{display:block;margin-bottom:.35rem;font-size:.8rem;color:var(--dim);letter-spacing:.08em}input{width:100%;padding:.7rem .85rem;background:#08060333;color:var(--fg);border:1px solid var(--line);border-radius:.4rem;font:inherit;font-family:Songti SC,STSong,serif;font-size:1.15rem}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d9b45e22}.capital{margin:-.35rem 0 1.25rem;min-height:1.6em;font-family:Songti SC,STSong,serif;font-size:1rem;color:var(--gold);letter-spacing:.04em}.capital.bad{color:#c96a5e;font-family:inherit;font-size:.85rem}button{width:100%;padding:.8rem 1.25rem;background:linear-gradient(180deg,#e8c86a,#b8860b);color:#1a1204;border:0;border-radius:.4rem;font:inherit;font-weight:700;letter-spacing:.3em;text-indent:.3em;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);letter-spacing:.2em;text-indent:.2em}.preview{margin:2rem 0 1.5rem;text-align:center}.preview img{width:100%;max-width:300px;height:auto;border-radius:.3rem;box-shadow:0 12px 40px #000a,0 0 0 1px #6b4c11}.stream{margin-top:1.25rem;padding:.75rem;background:#08060355;border:1px dashed var(--line);border-radius:.4rem;color:var(--dim);font-size:.8rem;white-space:pre-wrap;word-break:break-all}.frame{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.frame-url{margin-top:1rem}.frame-url p{margin:0 0 .5rem;font-size:.85rem;color:var(--dim)}.frame-target+.frame-target{margin-top:1.1rem;padding-top:1.1rem;border-top:1px dashed var(--line)}.frame-target h3{margin:0 0 .4rem;font-size:.82rem;font-weight:600;color:var(--gold)}code.url{display:block;padding:.6rem .75rem;background:#08060388;border:1px solid var(--line);border-radius:.4rem;font-size:.75rem;word-break:break-all;color:var(--fg)}.frame-url .hint{margin:.6rem 0 0;font-size:.78rem;line-height:1.5}.err{margin-top:1rem;color:#c96a5e;font-size:.85rem}.raw{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.raw h2{font-size:.95rem;color:var(--dim);font-weight:500}.raw pre{padding:.75rem;background:#08060355;border:1px solid var(--line);border-radius:.4rem;font-size:.8rem;white-space:pre-wrap;word-break:break-all}