:root{color:oklch(24% .012 280);font-synthesis:none;-webkit-font-smoothing:antialiased;--accent:oklch(53% .2 12);--muted:oklch(48% .012 280);--line:oklch(89% .008 280);background:oklch(97.5% .003 280);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,input,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.sdk-header{border-bottom:1px solid var(--line);max-width:1120px;color:var(--muted);justify-content:space-between;gap:16px;margin:auto;padding:24px 32px;font-size:.875rem;display:flex}.sdk-header a{text-decoration:none}.sdk-layout{grid-template-columns:minmax(280px,1fr) minmax(270px,380px);gap:80px;max-width:1060px;margin:44px auto;padding:0 32px;display:grid}.sdk-controls h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px;font-size:2.5rem;font-weight:650;line-height:1.2}.sdk-intro{color:var(--muted);max-width:48ch;margin:0 0 28px;line-height:1.8}.sdk-controls form{flex-direction:column;gap:18px;display:flex}.sdk-controls label{flex-direction:column;gap:8px;font-size:.875rem;font-weight:600;display:flex}.sdk-controls input:not([type=checkbox]):not([type=range]),.sdk-controls select{border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:8px;min-height:44px;padding:11px 12px}.sdk-controls small{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.7}.sdk-controls .sdk-check{flex-direction:row;align-items:center;gap:10px}.sdk-check input{width:18px;height:18px;accent-color:var(--accent)}.sdk-actions{flex-wrap:wrap;gap:8px;display:flex}.sdk-actions button{border:1px solid var(--line);min-height:44px;color:inherit;background:#fff;border-radius:8px;padding:10px 16px;transition:background-color .18s}.sdk-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.sdk-actions button:hover:enabled{background:oklch(93% .006 280)}.sdk-actions button:first-child:hover:enabled{background:oklch(47% .2 12)}.sdk-scrub{margin-top:24px}input[type=range]{width:100%;accent-color:var(--accent)}progress{width:100%;height:6px;accent-color:var(--accent);margin-top:22px;display:block}#sdk-status{min-height:3em;color:var(--muted);font-size:.875rem;line-height:1.7}.sdk-download{background:var(--accent);color:#fff;border-radius:8px;padding:12px 20px;text-decoration:none;display:inline-block}.sdk-footnote{color:var(--muted);margin-top:24px;font-size:.75rem;line-height:1.8}.sdk-preview{align-self:start;position:sticky;top:24px}.sdk-preview iframe{aspect-ratio:720/1390;background:oklch(91% .004 280);border:0;border-radius:12px;width:100%;display:block}.sdk-preview>p{text-align:center;color:var(--muted);margin:14px 0;font-size:.75rem}.embed-page{background:oklch(96% .004 280)}.embed-preview{max-width:540px;margin:auto;padding:12px}.embed-preview canvas{aspect-ratio:9/16;background:oklch(91% .004 280);border-radius:6px;width:100%;height:auto;display:block}#embed-status{text-align:center;color:var(--muted);min-height:18px;margin:12px 0;font-size:.75rem;line-height:1.5}@media (width<=760px){.sdk-header{padding:20px}.sdk-layout{grid-template-columns:minmax(0,1fr);gap:32px;margin:28px auto;padding:0 20px}.sdk-controls h1{font-size:2rem}.sdk-preview{width:100%;max-width:380px;margin:auto;position:static}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}