:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-soft:#10161e;--panel:#111821db;--panel-solid:#121a24;--line:#94a8be2e;--line-strong:#94a8be57;--fg:#e8eef6;--muted:#93a1b3;--muted-2:#6d7c8e;--accent:#4ea1ff;--accent-strong:#2f8cf5;--accent-ink:#06111f;--good:#45d6a4;--warn:#f5b84d;--danger:#ff6b6b;--radius:16px;--radius-sm:10px;--shadow:0 24px 80px #00000073;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 620px at 12% -8%, #4ea1ff21, transparent 62%), radial-gradient(900px 520px at 88% 2%, #45d6a412, transparent 60%), var(--bg);min-width:320px;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}code{font-family:var(--mono);color:#c7d6e6;background:#94a8be1f;border:1px solid #94a8be1f;border-radius:5px;padding:.05em .34em;font-size:.92em}strong{color:#f4f8fd}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-head{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f14c7;justify-content:space-between;align-items:center;gap:16px;height:62px;padding:0 clamp(16px,3vw,34px);display:flex;position:sticky;top:0}.brand{color:var(--fg);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;font-weight:650;display:inline-flex}.brand:hover{text-decoration:none}.brand b{color:var(--accent);font-weight:750}.brand-mark{background:radial-gradient(circle at 30% 32%,#eaf4ff 0 14%,#0000 15%),radial-gradient(circle at 68% 38%,#9ed0ff 0 13%,#0000 14%),radial-gradient(circle at 44% 72%,#45d6a4 0 15%,#0000 16%),linear-gradient(140deg,#4ea1ff59,#4ea1ff0d);border:1px solid #4ea1ff73;border-radius:6px;width:18px;height:18px;box-shadow:0 0 18px #4ea1ff40}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:8px;padding:7px 12px;font-size:14px}.site-nav a:hover{color:var(--fg);background:#94a8be1a;text-decoration:none}.site-nav a.active{color:var(--fg);background:#4ea1ff24}main{display:block}.stage{border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);height:clamp(540px,74vh,860px);box-shadow:var(--shadow);isolation:isolate;background:radial-gradient(700px 420px at 50% 8%,#4ea1ff1a,#0000 65%),linear-gradient(#0e141c 0%,#0a0e13 100%);margin:clamp(12px,2vw,22px) clamp(12px,2.2vw,30px) 0;position:relative;overflow:hidden}.canvas-host{z-index:1;position:absolute;inset:0}.canvas-host canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.stage-overlay{z-index:2;pointer-events:none;background:radial-gradient(620px 380px at 50% 46%,#0b0f1440,#0000 75%),linear-gradient(#0b0f1433,#0b0f14b8);place-items:center;padding:clamp(16px,3vw,40px);transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.stage.has-model .stage-overlay{opacity:0;visibility:hidden}.drop-hint{text-align:center;pointer-events:auto;width:min(760px,100%)}.eyebrow{color:var(--good);letter-spacing:.18em;text-transform:uppercase;background:#45d6a414;border:1px solid #45d6a447;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:650;display:inline-flex}.drop-hint h1{letter-spacing:-.02em;margin:18px 0 10px;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:720;line-height:1.16}.drop-hint .lead{max-width:680px;color:var(--muted);margin:0 auto 26px;font-size:clamp(15px,1.4vw,17px)}.drop-target{width:min(560px,100%);color:var(--fg);font:inherit;text-align:center;cursor:pointer;border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1118219e;border:1.5px dashed #4ea1ff80;flex-direction:column;align-items:center;gap:6px;margin:0 auto;padding:clamp(18px,3vw,28px);transition:border-color .16s,background .16s,transform .16s;display:flex}.drop-target:hover,.drop-target:focus-visible,.stage.is-dragging .drop-target{border-color:var(--accent);background:#4ea1ff1a;outline:none;transform:translateY(-1px)}.drop-icon{color:var(--accent);font-size:26px;line-height:1}.drop-target strong{font-size:clamp(16px,1.5vw,18px);font-weight:650}.drop-sub{color:var(--muted);font-size:13px}.examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.examples-label{color:var(--muted-2);margin-right:4px;font-size:13px}.sample-btn{color:var(--fg);font:inherit;cursor:pointer;border:1px solid var(--line);background:#94a8be14;border-radius:999px;align-items:baseline;gap:7px;padding:8px 12px;font-size:13px;transition:border-color .14s,background .14s;display:inline-flex}.sample-btn span{color:var(--muted-2);font-size:11px}.sample-btn:hover,.sample-btn:focus-visible{background:#4ea1ff1f;border-color:#4ea1ff80;outline:none}.stage-note{color:var(--muted-2);margin:16px 0 0;font-size:12.5px}.stage-note code{font-size:.9em}.info-bar{z-index:6;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 12px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 12px 30px #00000047}.file-chip{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;max-width:34ch;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.file-dot{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 10px #45d6a499}.info-stats{flex-wrap:wrap;flex:520px;gap:6px 18px;margin:0;display:flex}.info-stats>div{align-items:baseline;gap:6px;display:flex}.info-stats dt{color:var(--muted-2);letter-spacing:.04em;font-size:11px}.info-stats dd{color:var(--fg);font-size:12.5px;font-family:var(--mono);white-space:nowrap;margin:0}.info-note{color:var(--warn);flex:100%;margin:0;font-size:12px}.toolbar{z-index:6;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px #00000047}.toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar.no-render .viewer-only{display:none}.toolbar-hint{color:var(--muted-2);margin-right:4px;font-size:11.5px}.btn{min-height:36px;color:var(--fg);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:600;line-height:1.2;transition:background .14s,border-color .14s,color .14s,opacity .14s;display:inline-flex}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--accent-ink);background:linear-gradient(180deg, #6db4ff, var(--accent));border-color:#ffffff24}.btn-primary:hover{background:linear-gradient(180deg, #82c1ff, var(--accent-strong))}.btn-ghost{color:var(--muted);border-color:var(--line);background:#94a8be14}.btn-ghost:hover{color:var(--fg);border-color:var(--line-strong);background:#94a8be24}.btn-ghost[aria-pressed=true]{color:var(--accent);background:#4ea1ff1f;border-color:#4ea1ff6b}.btn-sm{min-height:30px;padding:5px 10px;font-size:12px}.icon-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;font-size:20px;line-height:1;display:inline-grid}.icon-btn:hover{color:var(--fg);background:#94a8be1f}.stage-status{z-index:7;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:min(92%,680px);color:var(--muted);border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.stage-progress{background:#94a8be33;border-radius:999px;width:160px;height:4px;overflow:hidden}.stage-progress span{background:var(--accent);width:0%;height:100%;transition:width .12s linear;display:block}.stage-alert{z-index:8;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffd9d9;background:#301216eb;border:1px solid #ff6b6b66;align-items:center;gap:12px;max-width:min(92%,760px);padding:10px 14px;font-size:13px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000059}.stage-alert[data-tone=warn]{color:#ffe9c2;background:#2d2210f0;border-color:#f5b84d6b}.noscript{z-index:9;border:1px solid var(--line);background:var(--panel-solid);color:var(--muted);border-radius:10px;padding:12px 16px;font-size:13px;position:absolute;inset:auto 16px 16px}.spinner{border:2px solid #94a8be47;border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.76s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.copy{padding:clamp(38px,6vw,76px) clamp(16px,3vw,30px) 24px}.copy-inner{max-width:980px;margin:0 auto}.copy-block{border-top:1px solid var(--line);padding:22px 0}.copy-block:first-child{border-top:0;padding-top:0}.copy h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.35}.copy p{color:#c3cfdd;margin:0 0 12px}.copy ul{color:#c3cfdd;margin:0 0 12px;padding-left:1.25em}.copy li{margin:6px 0}.table-wrap{border:1px solid var(--line);background:#1118218c;border-radius:12px;margin:16px 0 6px;overflow-x:auto}.format-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13.5px}.format-table th,.format-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 14px}.format-table thead th{color:var(--muted);letter-spacing:.04em;background:#94a8be0f;font-size:12px;font-weight:600}.format-table tbody tr:last-child th,.format-table tbody tr:last-child td{border-bottom:0}.format-table tbody th{color:var(--fg);font-family:var(--mono);white-space:nowrap;font-size:12.5px;font-weight:600}.format-table td{color:#b9c6d5}.resource-list{list-style:none;margin:14px 0 0!important;padding:0!important}.resource-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 0;display:flex}.resource-list li:last-child{border-bottom:0}.resource-list a{font-weight:600}.resource-list span{color:var(--muted);font-size:13px}.faq-item{border:1px solid var(--line);background:#11182180;border-radius:10px;margin:8px 0;padding:12px 14px}.faq-item h3{color:var(--fg);margin:0 0 5px;font-size:14.5px;font-weight:600;line-height:1.5}.faq-item p{color:var(--muted);margin:0;font-size:14px}.copy-figure{border:1px solid var(--line);background:#1118218c;border-radius:12px;margin:16px 0 18px;overflow:hidden}.copy-figure img{width:100%;height:auto;display:block}.copy-figure figcaption{color:var(--muted-2);border-top:1px solid var(--line);padding:9px 12px;font-size:12px}.copy-block h3{color:var(--fg);margin:18px 0 6px;font-size:15px;line-height:1.5}.related{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:26px;display:flex}.related a{border:1px solid var(--line);color:var(--muted);background:#94a8be0f;border-radius:999px;padding:6px 11px;font-size:12.5px}.related a:hover{color:var(--fg);border-color:#4ea1ff6b;text-decoration:none}.site-foot{border-top:1px solid var(--line);background:#080c11b3}.foot-inner{max-width:980px;color:var(--muted-2);margin:0 auto;padding:28px clamp(16px,3vw,30px) 40px;font-size:12.5px}.foot-inner p{margin:6px 0}.foot-links{flex-wrap:wrap;gap:6px 18px;display:flex}.foot-credits{color:var(--muted-2)}.convert-dialog{border:1px solid var(--line-strong);width:min(620px,100vw - 28px);max-height:min(86vh,760px);color:var(--fg);box-shadow:var(--shadow);background:linear-gradient(#131c27,#0d131b);border-radius:18px;padding:0;overflow:hidden}.convert-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070aad}.convert-dialog[open]{flex-direction:column;display:flex}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.dialog-head h2{margin:0;font-size:17px}.dialog-body{padding:16px 18px;overflow-y:auto}.dialog-lead{color:var(--muted);margin:0 0 14px;font-size:13px}.target-list{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.target-option{cursor:pointer;display:block;position:relative}.target-option input{opacity:0;pointer-events:none;position:absolute}.target-card{border:1px solid var(--line);background:#94a8be0d;border-radius:10px;flex-direction:column;gap:3px;height:100%;padding:11px 12px;transition:border-color .14s,background .14s;display:flex}.target-card strong{align-items:baseline;gap:7px;font-size:13.5px;display:flex}.target-card strong em{color:var(--muted-2);font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:500}.target-card span{color:var(--muted-2);font-size:11.5px;line-height:1.45}.target-option input:checked+.target-card{background:#4ea1ff21;border-color:#4ea1ff9e}.target-option input:focus-visible+.target-card{outline:2px solid var(--accent);outline-offset:2px}.spz-version{border:1px solid var(--line);background:#94a8be0d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.field-label{color:var(--muted);font-size:12px}.spz-version label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.spz-version label span{color:var(--muted-2);font-size:11.5px}.estimate{border:1px solid var(--line);color:var(--muted);background:#94a8be0d;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:12.5px}.estimate b{color:var(--fg);font-family:var(--mono);font-weight:600}.sog-warning{color:#ffe3b0;background:#f5b84d17;border:1px solid #f5b84d5c;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px}.sog-warning strong{color:#ffd68a}.convert-progress{border:1px solid var(--line);background:#94a8be0d;border-radius:10px;margin-top:14px;padding:12px}.convert-progress-line{align-items:center;gap:9px;font-size:13px;display:flex}.convert-progress-line #convert-elapsed{color:var(--muted-2);font-family:var(--mono);margin-left:auto;font-size:11.5px}.convert-hint{color:var(--muted-2);margin:7px 0 0;font-size:12px}.convert-result{background:#45d6a412;border:1px solid #45d6a452;border-radius:10px;margin-top:14px;padding:12px;font-size:13px}.convert-result b{font-family:var(--mono);color:var(--good)}.convert-result .result-warn{color:var(--warn);margin-top:6px;font-size:12px}.dialog-actions{border-top:1px solid var(--line);background:#080c1159;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.toast-region{z-index:90;pointer-events:none;flex-direction:column;gap:8px;width:min(560px,100vw - 24px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);color:var(--fg);background:#121a24f5;border-radius:10px;padding:10px 14px;font-size:13px;animation:.18s ease-out toast-in;box-shadow:0 16px 40px #0006}.toast[data-tone=error]{border-color:#ff6b6b80}.toast[data-tone=warn]{border-color:#f5b84d80}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.site-head{height:56px}.site-nav a{padding:6px 7px;font-size:12px}.site-nav a:nth-child(2){display:none}.stage{border-radius:16px;height:clamp(460px,68vh,620px);margin:10px 10px 0}.drop-hint h1{font-size:clamp(1.6rem,7vw,2.2rem)}.drop-hint .lead{margin-bottom:18px;font-size:14px}.drop-target{padding:16px}.examples{gap:6px;margin-top:14px}.sample-btn{padding:7px 10px;font-size:12px}.stage-note{font-size:11.5px}.info-bar{gap:8px;padding:8px 10px;top:8px;left:8px;right:8px}.file-chip{max-width:24ch;font-size:12px}.info-stats{flex:100%;gap:4px 12px}.info-stats dt{font-size:10px}.info-stats dd{font-size:11.5px}.toolbar{padding:8px;bottom:8px;left:8px;right:8px}.toolbar-hint{display:none}.btn{min-height:34px;padding:6px 10px;font-size:12px}.stage-status{border-radius:12px;justify-content:center;width:calc(100% - 20px);bottom:72px}.stage-progress{width:100%}.stage-alert{font-size:12px;top:106px}.target-list{grid-template-columns:1fr}.convert-dialog{max-height:90vh}.copy{padding-top:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}