:root{color-scheme:dark;--bg:#0a0d12;--surface:#11161e;--line:#252c36;--text:#eef2f8;--muted:#8490a2;--accent:#4ae0b1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 max(32px,calc((100vw - 1160px)/2))}.header-label{border-left:1px solid #38414e;padding-left:25px;font-size:13px;color:#a5afbe}.header-tag{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1224px;padding:48px 32px 0;margin:auto}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2px}h1{font-size:38px;letter-spacing:-1px;margin:18px 0 12px;font-weight:600}.intro p{color:var(--muted);margin:0 0 35px;font-size:14px;line-height:1.8}.preview-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.section-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:12px;color:#b5bfcd}.section-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.section-top>span:last-child{font-size:11px;color:var(--muted)}.preview-stage{padding:25px 0 18px;background:radial-gradient(ellipse at 50% 0,#19283455,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff03 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#ffffff03 24px),#0b1017;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stage-label{text-align:center;font-size:9px;letter-spacing:3px;color:#536075;margin-bottom:23px}iframe{display:block;width:100%;border:0}.stage-caption{text-align:center;font-size:10px;color:#657084;margin-top:20px}.preview-footer{padding:16px 23px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.preview-footer b{padding:0 8px;color:#424c5d}.demo-toggle{display:flex;align-items:center;gap:7px;cursor:pointer}.demo-toggle input{accent-color:var(--accent)}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:24px}.settings,.export{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}h2{font-size:17px;font-weight:600;margin:0}.section-heading>span{font-size:9px;letter-spacing:1.5px;color:#647187}.field{margin-bottom:23px}.field>label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px;color:#c6cedb}.field>label span{color:#647187;font-size:10px}.coin-options{display:flex;flex-wrap:wrap;gap:8px}.coin-options label{cursor:pointer}.coin-options input,.segmented input{position:absolute;opacity:0;width:1px;height:1px}.coin-options span{display:block;padding:9px 13px;border:1px solid #2a3342;border-radius:6px;font-size:11px;font-weight:600;color:#8895a9;transition:.15s}.coin-options input:checked+span{border-color:#4ae0b15c;color:var(--accent);background:#4ae0b10b}.coin-options input:focus-visible+span,.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.segmented{display:flex;gap:7px;padding:4px;background:#0b1017;border:1px solid var(--line);border-radius:7px}.segmented label{flex:1;cursor:pointer}.segmented span{display:block;text-align:center;padding:9px;border-radius:4px;color:var(--muted);font-size:12px}.segmented input:checked+span{background:#252e3b;color:var(--text)}.controls-row{display:flex;gap:20px}.controls-row .field{flex:1}select{width:100%;padding:11px 12px;border:1px solid #2a3342;border-radius:6px;color:#dbe2ed;background:#0c1118;font:inherit;font-size:12px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}output{color:var(--accent);font-size:12px}.range-labels{display:flex;justify-content:space-between;color:#647187;font-size:10px;margin-top:7px}.speed-field{margin-bottom:0}.export-description{color:var(--muted);font-size:12px;line-height:1.7;margin:-7px 0 24px}.small-label{display:block;font-size:11px;color:#bbc5d5;margin-bottom:10px}textarea{width:100%;resize:vertical;background:#0a1017;color:#93a4bb;border:1px solid #293344;border-radius:6px;padding:13px;font:11px/1.8 Consolas,monospace;word-break:break-all}button{cursor:pointer;font:inherit;border-radius:6px}.primary{display:flex;justify-content:space-between;width:100%;background:var(--accent);color:#07392c;border:0;padding:13px 15px;font-size:12px;font-weight:600;margin:12px 0 16px}.primary:hover{background:#70eac4}.open-link{display:block;text-align:center;font-size:11px;color:#a7b7cb;text-decoration:none}.open-link:hover{color:var(--accent)}.obs-help{margin-top:24px;display:flex;gap:13px;padding:17px;border:1px solid #263342;background:#15202b66;border-radius:7px}.help-number{height:30px;display:grid;place-items:center;font-size:10px;padding:0 7px;border:1px solid #3c4b60;border-radius:5px;color:#a5b5ca}.obs-help strong{font-size:12px;font-weight:500}.obs-help p{color:var(--muted);font-size:11px;line-height:1.8;margin:6px 0 0}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}summary{cursor:pointer;font-size:11px;color:#a1aec2;margin-bottom:12px}.secondary{background:#243242;color:#d0dbe9;border:0;padding:9px 12px;margin-top:7px;font-size:11px}.footnote{color:#69778b;font-size:10px;line-height:1.9;margin:18px 0 0}footer{display:flex;justify-content:space-between;padding:30px 0;margin-top:20px;color:#5c697d;font-size:10px;border-top:1px solid #1b2430}@media(max-width:740px){header{padding:0 22px;height:74px;gap:16px}.header-label{padding-left:16px}.header-tag{display:none}main{padding:30px 18px 0}h1{font-size:29px}.workspace{grid-template-columns:1fr}.settings,.export{padding:22px}.section-top{padding:0 16px}.section-top>span:last-child{font-size:9px}.preview-footer{padding:12px 16px;flex-wrap:wrap}footer{gap:18px;flex-wrap:wrap}}