:root{--ran-background-100:#fff;--ran-background-200:#fafafa;--ran-gray-100:#f2f2f2;--ran-gray-200:#ebebeb;--ran-gray-300:#e6e6e6;--ran-gray-400:#eaeaea;--ran-gray-500:#c9c9c9;--ran-gray-600:#a8a8a8;--ran-gray-700:#8f8f8f;--ran-gray-800:#7d7d7d;--ran-gray-900:#4d4d4d;--ran-gray-1000:#171717;--ran-gray-alpha-100:#0000000d;--ran-gray-alpha-200:#00000015;--ran-gray-alpha-300:#0000001a;--ran-gray-alpha-400:#00000014;--ran-gray-alpha-500:#00000036;--ran-gray-alpha-600:#0000003d;--ran-gray-alpha-700:#00000070;--ran-gray-alpha-800:#00000082;--ran-gray-alpha-900:#000000b3;--ran-gray-alpha-1000:#000000e8;--ran-blue-100:#f0f7ff;--ran-blue-200:#e9f4ff;--ran-blue-300:#dfefff;--ran-blue-400:#cae7ff;--ran-blue-500:#94ccff;--ran-blue-600:#48aeff;--ran-blue-700:#006bff;--ran-blue-800:#0059ec;--ran-blue-900:#005ff2;--ran-blue-1000:#002359;--ran-red-100:#ffeeef;--ran-red-200:#ffe8ea;--ran-red-300:#ffe3e4;--ran-red-400:#ffd7d6;--ran-red-500:#ffb1b3;--ran-red-600:#ff676d;--ran-red-700:#fc0035;--ran-red-800:#ea001d;--ran-red-900:#d8001b;--ran-red-1000:#47000c;--ran-amber-100:#fff6de;--ran-amber-200:#fff4cf;--ran-amber-300:#fff1c1;--ran-amber-400:#ffdc73;--ran-amber-500:#ffc543;--ran-amber-600:#ffa600;--ran-amber-700:#ffae00;--ran-amber-800:#ff9300;--ran-amber-900:#aa4d00;--ran-amber-1000:#561900;--ran-green-100:#ecfdec;--ran-green-200:#e5fce7;--ran-green-300:#d3fad1;--ran-green-400:#b9f5bc;--ran-green-500:#82eb8d;--ran-green-600:#4ce15e;--ran-green-700:#28a948;--ran-green-800:#279141;--ran-green-900:#107d32;--ran-green-1000:#003a00;--ran-color-primary:var(--ran-gray-1000);--ran-color-primary-hover:#383838;--ran-color-primary-active:#4d4d4d;--ran-color-primary-text:var(--ran-background-100);--ran-color-success:var(--ran-green-700);--ran-color-warning:var(--ran-amber-700);--ran-color-danger:var(--ran-red-700);--ran-color-bg:var(--ran-background-100);--ran-color-bg-subtle:var(--ran-background-200);--ran-color-bg-elevated:var(--ran-background-100);--ran-color-bg-muted:var(--ran-gray-100);--ran-color-bg-hover:var(--ran-gray-200);--ran-color-bg-active:var(--ran-gray-300);--ran-color-text:var(--ran-gray-1000);--ran-color-text-secondary:var(--ran-gray-900);--ran-color-text-disabled:var(--ran-gray-700);--ran-color-border:var(--ran-gray-400);--ran-color-border-secondary:var(--ran-gray-300);--ran-color-border-hover:var(--ran-gray-500);--ran-color-border-active:var(--ran-gray-600);--ran-color-link:var(--ran-blue-700);--ran-font-family:"Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ran-font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ran-font-size:14px;--ran-line-height:1.5715;--ran-text-heading-weight:600;--ran-text-heading-tracking:-.03em;--ran-text-heading-1:32px;--ran-text-heading-2:24px;--ran-text-heading-3:20px;--ran-text-heading-4:16px;--ran-text-label-weight:500;--ran-text-label-1:14px;--ran-text-label-2:13px;--ran-text-label-3:12px;--ran-text-copy-weight:400;--ran-text-copy-1:16px;--ran-text-copy-2:14px;--ran-text-button-size:14px;--ran-text-button-weight:500;--ran-text-button-line-height:1;--ran-text-mono-weight-regular:400;--ran-text-mono-weight-medium:500;--ran-radius-sm:6px;--ran-radius-md:12px;--ran-radius-lg:16px;--ran-radius-full:9999px;--ran-space-1:4px;--ran-space-2:8px;--ran-space-3:12px;--ran-space-4:16px;--ran-space-6:24px;--ran-space-8:32px;--ran-space-10:40px;--ran-space-16:64px;--ran-space-24:96px;--ran-size-1:16px;--ran-size-2:18px;--ran-size-3:20px;--ran-size-4:24px;--ran-size-5:28px;--ran-size-6:30px;--ran-size-7:32px;--ran-shadow-elevated:0 1px 2px #0000000a, 0 2px 4px -2px #0000000d;--ran-shadow-menu:0 2px 4px #0000000d, 0 8px 24px -6px #00000024;--ran-shadow-modal:0 4px 12px #00000014, 0 20px 48px -12px #00000038;--ran-z-modal:1000;--ran-z-dropdown:1100;--ran-z-message:1200;--ran-focus-ring:0 0 0 2px var(--ran-background-100), 0 0 0 4px var(--ran-blue-700);--ran-focus-ring-inverse-color:#fff;--ran-motion-duration-fast:.15s;--ran-motion-duration-base:.2s;--ran-motion-duration-slow:.35s;--ran-motion-ease-standard:cubic-bezier(.645, .045, .355, 1);--ran-motion-ease-snappy:cubic-bezier(.33, 0, .15, 1);--ran-motion-ease-spring:cubic-bezier(.34, 1.26, .5, 1);--ran-motion-ease-bouncy:cubic-bezier(.34, 1.56, .64, 1);--ran-motion-ease-smooth:cubic-bezier(.4, 0, .2, 1);--ran-skin-border-width:1px;--ran-skin-border-style:solid;--ran-skin-raised-shadow:var(--ran-shadow-elevated);--ran-skin-font-family:var(--ran-font-family);--ran-skin-border-image-width:4px}@media (prefers-color-scheme:dark){:root:not([data-ran-theme=light]):not([theme=light]):not(.light){--ran-background-100:#000;--ran-background-200:#000;--ran-gray-100:#1a1a1a;--ran-gray-200:#1f1f1f;--ran-gray-300:#292929;--ran-gray-400:#2e2e2e;--ran-gray-500:#454545;--ran-gray-600:#878787;--ran-gray-700:#8f8f8f;--ran-gray-800:#7d7d7d;--ran-gray-900:#a0a0a0;--ran-gray-1000:#ededed;--ran-gray-alpha-100:#ffffff12;--ran-gray-alpha-200:#ffffff17;--ran-gray-alpha-300:#ffffff21;--ran-gray-alpha-400:#ffffff24;--ran-gray-alpha-500:#ffffff3d;--ran-gray-alpha-600:#ffffff82;--ran-gray-alpha-700:#ffffff8a;--ran-gray-alpha-800:#ffffff78;--ran-gray-alpha-900:#ffffff9c;--ran-gray-alpha-1000:#ffffffeb;--ran-blue-100:#06193a;--ran-blue-200:#022248;--ran-blue-300:#002f62;--ran-blue-400:#003674;--ran-blue-500:#00418b;--ran-blue-600:#0090ff;--ran-blue-700:#006efe;--ran-blue-800:#005be7;--ran-blue-900:#47a8ff;--ran-blue-1000:#eaf6ff;--ran-red-100:#330a11;--ran-red-200:#440d13;--ran-red-300:#5d0e17;--ran-red-400:#6f101b;--ran-red-500:#88151f;--ran-red-600:#f32e40;--ran-red-700:#f13242;--ran-red-800:#e2162a;--ran-red-900:#ff565f;--ran-red-1000:#ffe9ed;--ran-amber-100:#2a1700;--ran-amber-200:#361900;--ran-amber-300:#502800;--ran-amber-400:#5b3000;--ran-amber-500:#703e00;--ran-amber-600:#ed9a00;--ran-amber-700:#ffae00;--ran-amber-800:#ff9300;--ran-amber-900:#ff9300;--ran-amber-1000:#fff3d5;--ran-green-100:#002608;--ran-green-200:#00320b;--ran-green-300:#003a0e;--ran-green-400:#004615;--ran-green-500:#006717;--ran-green-600:#00952d;--ran-green-700:#00ac3a;--ran-green-800:#009432;--ran-green-900:#00ca50;--ran-green-1000:#d8ffe4;--ran-color-bg-elevated:var(--ran-gray-100);--ran-color-primary-hover:#ccc;--ran-color-primary-active:#b3b3b3;--ran-shadow-elevated:0 1px 2px #00000029;--ran-shadow-menu:0 1px 1px #0003, 0 4px 8px -4px #0006, 0 16px 24px -8px #00000080;--ran-shadow-modal:0 1px 1px #0003, 0 8px 16px -4px #0006, 0 24px 32px -8px #00000080}}:root[data-ran-theme=dark],:root[theme=dark],:root.dark{--ran-background-100:#000;--ran-background-200:#000;--ran-gray-100:#1a1a1a;--ran-gray-200:#1f1f1f;--ran-gray-300:#292929;--ran-gray-400:#2e2e2e;--ran-gray-500:#454545;--ran-gray-600:#878787;--ran-gray-700:#8f8f8f;--ran-gray-800:#7d7d7d;--ran-gray-900:#a0a0a0;--ran-gray-1000:#ededed;--ran-gray-alpha-100:#ffffff12;--ran-gray-alpha-200:#ffffff17;--ran-gray-alpha-300:#ffffff21;--ran-gray-alpha-400:#ffffff24;--ran-gray-alpha-500:#ffffff3d;--ran-gray-alpha-600:#ffffff82;--ran-gray-alpha-700:#ffffff8a;--ran-gray-alpha-800:#ffffff78;--ran-gray-alpha-900:#ffffff9c;--ran-gray-alpha-1000:#ffffffeb;--ran-blue-100:#06193a;--ran-blue-200:#022248;--ran-blue-300:#002f62;--ran-blue-400:#003674;--ran-blue-500:#00418b;--ran-blue-600:#0090ff;--ran-blue-700:#006efe;--ran-blue-800:#005be7;--ran-blue-900:#47a8ff;--ran-blue-1000:#eaf6ff;--ran-red-100:#330a11;--ran-red-200:#440d13;--ran-red-300:#5d0e17;--ran-red-400:#6f101b;--ran-red-500:#88151f;--ran-red-600:#f32e40;--ran-red-700:#f13242;--ran-red-800:#e2162a;--ran-red-900:#ff565f;--ran-red-1000:#ffe9ed;--ran-amber-100:#2a1700;--ran-amber-200:#361900;--ran-amber-300:#502800;--ran-amber-400:#5b3000;--ran-amber-500:#703e00;--ran-amber-600:#ed9a00;--ran-amber-700:#ffae00;--ran-amber-800:#ff9300;--ran-amber-900:#ff9300;--ran-amber-1000:#fff3d5;--ran-green-100:#002608;--ran-green-200:#00320b;--ran-green-300:#003a0e;--ran-green-400:#004615;--ran-green-500:#006717;--ran-green-600:#00952d;--ran-green-700:#00ac3a;--ran-green-800:#009432;--ran-green-900:#00ca50;--ran-green-1000:#d8ffe4;--ran-color-bg-elevated:var(--ran-gray-100);--ran-color-primary-hover:#ccc;--ran-color-primary-active:#b3b3b3;--ran-shadow-elevated:0 1px 2px #00000029;--ran-shadow-menu:0 1px 1px #0003, 0 4px 8px -4px #0006, 0 16px 24px -8px #00000080;--ran-shadow-modal:0 1px 1px #0003, 0 8px 16px -4px #0006, 0 24px 32px -8px #00000080}:root{--bg:var(--ran-color-bg);--bg-sunken:var(--ran-color-bg-subtle);--bg-raised:var(--ran-color-bg-elevated);--fg:var(--ran-color-text);--fg-muted:var(--ran-color-text-secondary);--fg-faint:var(--ran-color-text-disabled);--line:var(--ran-color-border-secondary);--line-strong:var(--ran-color-border);--primary:var(--ran-color-primary);--primary-text:var(--ran-color-primary-text);--focus:var(--ran-color-link);--danger:var(--ran-color-danger);--radius:var(--ran-radius-md);--maxw:1180px}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,sans-serif}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}a{color:inherit;text-decoration:none}.prose a{color:var(--focus);text-underline-offset:2px;text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--line);z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(10px);backdrop-filter:saturate(1.6)blur(10px);position:sticky;top:0}.hdr{align-items:center;gap:16px;height:56px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:16px;font-weight:620;display:flex}.brand svg{display:block}.hdr .sp{flex:1}.ghost{border:1px solid var(--ran-color-border);color:var(--ran-color-text);border-radius:var(--ran-radius-md);height:32px;padding:0 var(--ran-space-3);font:inherit;font-size:var(--ran-text-button-size,14px);font-weight:var(--ran-text-button-weight,500);cursor:pointer;align-items:center;gap:var(--ran-space-2);background:0 0;text-decoration:none;display:inline-flex}.ghost:hover{background:var(--ran-color-bg-hover);border-color:var(--ran-color-border-hover)}.hero{text-align:center;padding:72px 0 40px;transition:padding .2s}body.has-docs .hero{padding:26px 0 6px}body.has-docs .hero .badge,body.has-docs .hero p.sub,body.has-docs .hero .drop{display:none}body.has-docs .hero h1{margin:0;font-size:clamp(19px,2.4vw,23px)}.hero h1{letter-spacing:-.032em;margin:0 0 16px;font-size:clamp(30px,5vw,46px);font-weight:660;line-height:1.12}.hero p.sub{max-width:620px;color:var(--fg-muted);margin:0 auto;font-size:17px}.badge{border:1px solid var(--line-strong);color:var(--fg-muted);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:5px 13px 5px 10px;font-size:12.5px;display:inline-flex}.badge .dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.drop{border:1.5px dashed var(--line-strong);background:var(--bg-sunken);border-radius:12px;max-width:620px;margin:34px auto 0;padding:40px 24px;transition:border-color .15s,background .15s}.drop.over{border-color:var(--fg);background:var(--bg-raised)}.drop-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.drop .hint{color:var(--fg-faint);margin-top:12px;font-size:13.5px}.drop:focus-within{border-color:var(--fg)}#work[hidden]{display:none!important}.work{padding:24px 0 60px}.panes{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.panes{grid-template-columns:1fr}}@media (width<=640px){.wrap{padding:0 14px}.ghost{height:38px;padding:0 12px;font-size:14px}.btn.sm{height:40px;padding:0 16px;font-size:14.5px}.pane h2{flex-wrap:wrap;row-gap:8px;padding:10px 12px}.pane .body{padding:12px}.stage canvas{max-height:46vh}.sheet{height:52vh;max-height:52vh}.c-handle{width:26px;height:26px;bottom:-11px;right:-11px}.preview-wrap canvas{max-height:46vh}.opts{gap:14px;padding:12px}.sheet-wrap{display:block}.sheet{aspect-ratio:210/297;border:1px solid var(--line-strong);touch-action:none;background:#fff;width:auto;max-width:100%;height:58vh;max-height:58vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px 8px #0000001a}.c-item{cursor:grab;touch-action:none;position:absolute}.c-item canvas{width:100%;max-width:none;height:100%;max-height:none;display:block}.c-item:after{content:"";outline:1px dashed color-mix(in srgb, var(--fg) 35%, transparent);outline-offset:-1px;pointer-events:none;position:absolute;inset:0}.c-item.on{z-index:5}.c-item.on:after{outline:2px solid var(--focus)}.c-handle{background:var(--bg);border:2px solid var(--fg);cursor:nwse-resize;touch-action:none;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-9px;right:-9px}.c-item:not(.on) .c-handle{display:none}.sheet-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.sheet-tools .meta{text-align:left;flex:14ch}.layout-row{padding:12px}.layout-opt{padding:8px 11px}.opt .h{max-width:none}.actions{z-index:8;background:color-mix(in srgb, var(--bg-raised) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-strong);padding:10px 12px calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:0}.actions .btn.sm{flex:auto}.thumb{width:76px}.thumb img,.thumb canvas{height:56px}}.pane{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);overflow:hidden}.pane h2{letter-spacing:.01em;border-bottom:1px solid var(--line);color:var(--fg-muted);align-items:center;gap:10px;margin:0;padding:11px 14px;font-size:13px;font-weight:560;display:flex}.pane h2 .sp{flex:1}.pane .body{text-align:center;padding:14px}.stage{touch-action:none;max-width:100%;line-height:0;display:inline-block;position:relative}.stage canvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.stage svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stage .handle{fill:var(--bg);stroke:var(--fg);stroke-width:2.5px;vector-effect:non-scaling-stroke;pointer-events:none}.stage .grab{fill:#0000;stroke:none;cursor:grab;touch-action:none}.stage .grab:active{cursor:grabbing}.stage .edge{fill:none;stroke:var(--fg);stroke-width:2px;stroke-dasharray:6 4;opacity:.9;vector-effect:non-scaling-stroke}.hint-warn{text-align:left;border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--fg);border-radius:6px;margin:10px 0 0;padding:9px 12px;font-size:13px}.stage #magnifier{border:2px solid var(--fg);background:var(--bg);pointer-events:none;z-index:6;border-radius:50%;width:88px;max-width:none;height:88px;max-height:none;position:absolute;box-shadow:0 4px 16px #00000047}.stage.needs-corners .edge{stroke-dasharray:4 4;opacity:1}.stage.needs-corners .handle{fill:var(--fg)}.preview-wrap{min-height:120px;position:relative}.preview-wrap canvas{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:62vh;margin:0 auto;display:block}.busy{background:color-mix(in srgb, var(--bg) 62%, transparent);color:var(--fg-muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.busy[hidden]{display:none}.opts{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 22px;padding:14px;display:flex}.opt{align-items:flex-start;gap:9px;font-size:13.5px;display:flex}.opt r-checkbox{flex:none;margin-top:2px}.opt .t{font-weight:500}.opt .h{color:var(--fg-faint);max-width:30ch;font-size:12.5px;line-height:1.45}.sheet-wrap{display:block}.sheet{aspect-ratio:210/297;border:1px solid var(--line-strong);touch-action:none;background:#fff;width:auto;max-width:100%;height:58vh;max-height:58vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px 8px #0000001a}.c-item{cursor:grab;touch-action:none;position:absolute}.c-item canvas{width:100%;max-width:none;height:100%;max-height:none;display:block}.c-item:after{content:"";outline:1px dashed color-mix(in srgb, var(--fg) 35%, transparent);outline-offset:-1px;pointer-events:none;position:absolute;inset:0}.c-item.on{z-index:5}.c-item.on:after{outline:2px solid var(--focus)}.c-handle{background:var(--bg);border:2px solid var(--fg);cursor:nwse-resize;touch-action:none;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-9px;right:-9px}.c-item:not(.on) .c-handle{display:none}.sheet-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.sheet-tools .meta{text-align:left;flex:14ch}.layout-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.layout-row .lbl{font-size:13.5px;font-weight:500}.layout-opts{flex-wrap:wrap;gap:8px;display:flex}.layout-opt{cursor:pointer;border:1px solid var(--line-strong);color:var(--fg-muted);background:0 0;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;display:inline-flex}.layout-opt:hover{background:var(--bg-sunken)}.layout-opt.on{border-color:var(--fg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.layout-opt svg{flex:none;display:block}.actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.actions .sp{flex:1}.meta{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:12.5px}.strip{gap:10px;padding:4px 0 12px;display:flex;overflow-x:auto}.thumb{border:1px solid var(--line);background:var(--bg-sunken);cursor:pointer;border-radius:6px;flex:none;width:92px;padding:0;position:relative;overflow:hidden}.thumb.on{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}.thumb img,.thumb canvas{object-fit:cover;width:100%;height:68px;display:block}.thumb .n{color:var(--fg-muted);text-align:center;padding:3px 0;font-size:11px}.thumb .x{background:color-mix(in srgb, var(--bg) 80%, transparent);width:17px;height:17px;color:var(--fg);cursor:pointer;border:0;border-radius:4px;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:3px;right:3px}.prose{max-width:700px;margin:0 auto;padding:12px 0 72px}.prose h2{letter-spacing:-.02em;margin:44px 0 12px;font-size:21px;font-weight:620}.prose h3{margin:26px 0 6px;font-size:15.5px;font-weight:580}.prose p,.prose li{color:var(--fg-muted)}.prose ol{padding-left:20px}.prose li{margin:8px 0}.prose strong{color:var(--fg);font-weight:560}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);padding:18px 20px}.card h2{margin-top:0}footer{border-top:1px solid var(--line);color:var(--fg-faint);padding:26px 0;font-size:13px}.foot{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.foot .sp{flex:1}.toast{background:var(--primary);color:var(--primary-text);z-index:60;border-radius:7px;max-width:90vw;padding:10px 16px;font-size:13.5px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}