@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#e8e8e8;--dot:#d6dce1;--text:#304f67;--text-muted:#6e8495;--pill-bg:rgba(255,255,255,0.92);--pill-border:rgba(255,255,255,0.6);--btn-bg:#fff;--card-bg:#ddd;--card-border-color:#fff;--card-shadow:0 6px 18px rgba(48,79,103,0.12);--card-shadow-hover:0 14px 32px rgba(48,79,103,0.2);--empty-bg:rgba(255,255,255,0.94);--empty-code-bg:#f0f2f5;--empty-icon-bg:linear-gradient(145deg,#f4f6f8,#e8ecf0);--kbd-bg:rgba(255,255,255,0.9);--kbd-border:rgba(214,220,225,0.9);--toast-bg:rgba(30,40,50,0.9);--card-radius:26px;--card-border:4.5px;--gap:80px;--col-width:420px;--col-step:500px;--font:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--transition-theme:background-color 0.35s ease,color 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease}html[data-theme=dark]{--bg:#12151a;--dot:#2a3140;--text:#e8eef5;--text-muted:#8b9bb0;--pill-bg:rgba(28,34,44,0.92);--pill-border:rgba(255,255,255,0.08);--btn-bg:#1c222c;--card-bg:#1a1f28;--card-border-color:rgba(255,255,255,0.12);--card-shadow:0 6px 18px rgba(0,0,0,0.4);--card-shadow-hover:0 14px 32px rgba(0,0,0,0.5);--empty-bg:rgba(28,34,44,0.94);--empty-code-bg:#252c38;--empty-icon-bg:linear-gradient(145deg,#252c38,#1a1f28);--kbd-bg:rgba(37,44,56,0.95);--kbd-border:rgba(255,255,255,0.1);--toast-bg:rgba(240,244,248,0.92)}body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playground{position:fixed;inset:0;overflow:hidden;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background-color:var(--bg)}.playground.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.playground.is-dragging .card{pointer-events:none!important;box-shadow:none!important;transition:none!important}.playground.is-dragging .card:hover{transform:rotate(var(--rot,0deg))!important;z-index:auto!important;box-shadow:none!important}.grid-layer{inset:-40px;pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot) 1.5px,transparent 1.5px);background-size:40px 40px;background-repeat:repeat}.grid-layer,.world{position:absolute;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.world{z-index:1;contain:layout style}.tiles,.world{left:0;top:0;overflow:visible}.tile-column,.tiles{position:absolute}.tile-column{overflow:visible}.card{position:absolute;left:0;width:100%;aspect-ratio:16/9;border-radius:var(--card-radius);border:var(--card-border) solid var(--card-border-color);overflow:hidden;background:var(--card-bg);box-shadow:var(--card-shadow);transform-origin:center center;transition:transform .28s cubic-bezier(.22,1,.36,1);cursor:inherit}.card,.card.visible{opacity:1}.card:hover{transform:scale(1.05) rotate(var(--hover-rot,0deg))!important;z-index:80!important;box-shadow:var(--card-shadow-hover)}.card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none}.card.card-wave-in{opacity:0;animation:card-wave-in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--wave-delay,0s);animation-fill-mode:both;pointer-events:none;animation-name:card-wave-in}.card.card-wave-out{animation:card-wave-out .26s ease both;animation-delay:var(--wave-delay,0s);pointer-events:none}.card.card-wave-in:hover,.card.card-wave-out:hover{transform:rotate(var(--rot,0deg))!important;box-shadow:var(--card-shadow);z-index:auto!important}@keyframes card-wave-in{0%{opacity:0;transform:translateX(16px) scale(.94) rotate(var(--rot,0deg))}to{opacity:1;transform:translateX(0) scale(1) rotate(var(--rot,0deg))}}@keyframes card-wave-out{0%{opacity:1;transform:translateX(0) scale(1) rotate(var(--rot,0deg))}to{opacity:0;transform:translateX(-12px) scale(.96) rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){.card.card-wave-in,.card.card-wave-out{animation-duration:.01ms!important;animation-delay:0s!important}.card{transition:none}}.settings-fab{position:fixed;z-index:120;right:20px;left:auto;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:auto}.settings-toggle{flex-shrink:0}.settings-toggle .gear-icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}.settings-fab.is-open .settings-toggle .gear-icon{transform:rotate(60deg)}.settings-panel{width:min(280px,calc(100vw - 40px));padding:10px;border-radius:20px;background:var(--pill-bg);border:1px solid var(--pill-border);box-shadow:0 1.7px 4.2px rgba(181,186,203,.31),0 16px 36px rgba(181,187,203,.22),inset 0 4px 16px rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform-origin:bottom right;opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.settings-fab.is-open .settings-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}html[data-theme=dark] .settings-panel{box-shadow:0 1.7px 4.2px rgba(0,0,0,.4),0 16px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)}.settings-actions{display:flex;flex-direction:column;gap:4px}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:14px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease}.settings-row:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}.settings-row-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);flex-shrink:0}.settings-row-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.settings-row.is-spinning .settings-row-icon svg{animation:spin .7s cubic-bezier(.4,0,.2,1)}.settings-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-text strong{font-size:13.5px;font-weight:650;letter-spacing:-.01em}.settings-row-text span{font-size:12px;color:var(--text-muted);font-weight:500}.settings-help{margin-top:8px;padding:12px 12px 10px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);display:flex;flex-direction:column;gap:6px}.settings-help p{margin:0;font-size:12px;line-height:1.4;color:var(--text-muted);font-weight:500}.settings-help strong{color:var(--text);font-weight:650}.settings-help kbd,.settings-row-text kbd{display:inline-block;padding:1px 5px;margin:0 1px;border-radius:5px;background:var(--kbd-bg);border:1px solid var(--kbd-border);font-family:inherit;font-size:10.5px;font-weight:650;color:var(--text)}@media (max-width:640px){.settings-fab{right:14px;left:auto;bottom:14px}}.brand-nav{position:fixed;z-index:110;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;height:52px;padding:6px 10px 6px 18px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-border);box-shadow:0 1.7px 4.2px rgba(181,186,203,.31),0 12px 28px rgba(181,187,203,.18),inset 0 4px 16px rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;transition:var(--transition-theme)}html[data-theme=dark] .brand-nav{box-shadow:0 1.7px 4.2px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}.brand-nav-name{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text);padding-right:8px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;border-radius:8px;transition:opacity .2s ease}a.brand-nav-name:hover{opacity:.72}.brand-nav-sep{width:1px;height:22px;background:var(--dot);margin:0 4px;flex-shrink:0}.brand-nav-links{display:flex;align-items:center;gap:2px}.brand-nav-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--text);text-decoration:none;transition:background-color .2s ease,opacity .2s ease,transform .2s ease,color .2s ease}.brand-nav-link:hover{background:color-mix(in srgb,var(--text) 8%,transparent);transform:translateY(-1px)}.brand-nav-link:active{transform:translateY(0)}.brand-nav-link .brand-icon,.brand-nav-link svg{width:18px;height:18px;display:block}.brand-nav-link .brand-icon-lg,.brand-nav-link svg.brand-icon-lg{width:20px;height:20px}@media (max-width:640px){.brand-nav{bottom:14px;padding:5px 8px 5px 14px;height:48px;max-width:calc(100vw - 24px)}.brand-nav-name{font-size:13px;padding-right:4px}.brand-nav-link{width:36px;height:36px}}.pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-border);box-shadow:0 1.7px 4.2px rgba(181,186,203,.31),0 10px 20px rgba(181,187,203,.14),inset 0 4px 16px rgba(255,255,255,.8);color:var(--text);font-size:13px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition-theme)}html[data-theme=dark] .pill{box-shadow:0 1.7px 4.2px rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}.pill strong{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--pill-border);border-radius:999px;background:var(--btn-bg);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1.7px 4.2px rgba(181,186,203,.31),0 10px 20px rgba(181,187,203,.14),inset 0 4px 16px rgba(255,255,255,.8);transition:opacity .2s ease,transform .2s ease,background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}html[data-theme=dark] .btn{box-shadow:0 1.7px 4.2px rgba(0,0,0,.35),0 10px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-icon{width:42px;padding:0}.btn.is-spinning svg{animation:spin .7s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.hint{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.01em}.hint kbd{display:inline-block;padding:2px 6px;margin:0 2px;border-radius:6px;background:var(--kbd-bg);border:1px solid var(--kbd-border);font-family:inherit;font-size:11px;font-weight:600;color:var(--text)}.empty{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .35s ease}.empty.show{opacity:1;pointer-events:auto}.empty-card{max-width:440px;margin:24px;padding:36px 32px;text-align:center;border-radius:28px;background:var(--empty-bg);border:1px solid var(--pill-border);box-shadow:0 1.7px 4.2px rgba(181,186,203,.31),0 24px 48px rgba(181,187,203,.22),inset 0 7px 32px rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition-theme)}html[data-theme=dark] .empty-card{box-shadow:0 1.7px 4.2px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}.empty-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--empty-icon-bg);color:var(--text)}.empty-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.empty-card h1{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.empty-card p{font-size:14px;line-height:1.55;color:var(--text-muted);margin-bottom:8px}.empty-card code{font-size:12.5px;padding:2px 7px;border-radius:6px}.empty-card .path,.empty-card code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--empty-code-bg);color:var(--text)}.empty-card .path{margin-top:14px;padding:10px 12px;border-radius:12px;font-size:12px;word-break:break-all}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(12px);z-index:150;padding:10px 16px;border-radius:999px;background:var(--toast-bg);color:#fff;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease,background-color .35s ease,color .35s ease}html[data-theme=dark] .toast{color:#12151a}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:768px){:root{--col-width:320px;--col-step:380px;--gap:44px;--card-radius:18px;--card-border:3px}.hud-bottom .hint{display:none}.empty-card{padding:28px 22px}}