html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;touch-action:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;overflow:hidden;position:fixed;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{overscroll-behavior:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInFromRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slideInFromLeft{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes preloadDot1{0%,to{opacity:1}33%,66%{opacity:.3}}@keyframes preloadDot2{0%,33%,to{opacity:.3}33.1%,66%{opacity:1}66.1%{opacity:.3}}@keyframes preloadDot3{0%,66%{opacity:.3}66.1%,to{opacity:1}}.landing-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000;pointer-events:auto}.landing-curtain[data-phase=in]{animation:landing-curtain-in 1.5s linear forwards}.landing-curtain[data-phase=out]{animation:landing-curtain-out 1s linear forwards;pointer-events:none}@keyframes landing-curtain-in{0%{opacity:0}to{opacity:1}}@keyframes landing-curtain-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.landing-curtain{animation:none}}.preload-indicator{position:fixed;top:5px;right:5px;display:flex;gap:3px;z-index:9999;pointer-events:none}.preload-dot{width:6px;height:6px;border-radius:50%;background-color:#f90}.preload-dot:nth-child(1){animation:preloadDot1 .9s ease-in-out infinite}.preload-dot:nth-child(2){animation:preloadDot2 .9s ease-in-out infinite}.preload-dot:nth-child(3){animation:preloadDot3 .9s ease-in-out infinite}.heic-unsupported-banner{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;background:#c2410c;color:#fff;font-size:14px;line-height:1.4;box-shadow:0 2px 8px #0000004d}.heic-unsupported-banner p{margin:0;flex:1}.heic-unsupported-banner button{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.heic-unsupported-banner button:hover{background:#ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-baseline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;pointer-events:none}.kitten-tip{position:fixed;left:0;top:0;z-index:8;padding:6px 10px;border-radius:8px;background:#0c0a08eb;color:#fff;font-size:13px;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px #00000059}.kitten-layer{position:absolute;top:0;right:0;bottom:0;left:0;--px: 0;--py: 0;--ox: 0;--oy: 0}.kitten-slot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z);pointer-events:none;transform:translate3d(calc((var(--px) + var(--ox)) * var(--shift)),calc((var(--py) + var(--oy)) * var(--shift) * .7),0);transition:transform .45s ease-out}.kitten-slot[data-slot=a]{left:36px;top:28px;width:168px;height:210px}.kitten-slot[data-slot=b]{left:auto;right:36px;top:32px;width:156px;height:196px}.kitten-slot[data-slot=c]{left:18px;top:14%;width:148px;height:168px}.kitten-slot[data-slot=d]{left:auto;right:18px;top:13%;width:172px;height:124px}.kitten-slot[data-slot=e]{left:24px;top:auto;bottom:28px;width:152px;height:120px}.kitten-slot[data-slot=f]{left:auto;right:24px;top:auto;bottom:36px;width:142px;height:168px}.kitten-slot[data-slot=g]{left:calc(50% - 488px);top:14px;width:108px;height:78px}.kitten-slot[data-slot=h]{left:calc(50% + 388px);top:auto;bottom:16px;width:112px;height:80px}.kitten-card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:grab;touch-action:none;pointer-events:auto;background:#161616;box-shadow:0 18px 40px #00000073,0 0 0 1px #ffffff14;transform-origin:center center;animation:kitten-float var(--dur) ease-in-out var(--delay) infinite}.kitten-slot[data-held] .kitten-card{cursor:grabbing}.kitten-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.kitten-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--spec-x, 50%) var(--spec-y, 24%),rgba(255,255,255,var(--spec-core, .55)) 0%,rgba(255,255,255,calc(var(--spec-core, .55) * .5)) 9%,rgba(255,255,255,0) 28%),radial-gradient(ellipse 84% 58% at var(--spec-x, 50%) var(--spec-y, 24%),rgba(255,252,246,var(--spec-wide, .34)) 0%,rgba(255,244,224,calc(var(--spec-wide, .34) * .42)) 36%,rgba(255,244,224,0) 74%);mix-blend-mode:screen;pointer-events:none}.kitten-layer[data-live] .kitten-card,.kitten-layer[data-live] .kitten-sheen{animation:none}.kitten-layer[data-live] .kitten-slot,.empty-baseline.is-leaving .kitten-layer[data-live] .kitten-slot{transition:none}@keyframes kitten-float{0%,to{transform:rotate(var(--rot)) translateZ(0)}50%{transform:rotate(calc(var(--rot) + var(--drot))) translate3d(var(--dx),var(--dy),0)}}.empty-baseline.is-leaving .kitten-slot{transition:transform .72s cubic-bezier(.4,0,.2,1);transform:translate3d(var(--exit),-12px,0) rotate(var(--exit-rot))}.kitten-echo{pointer-events:none}.landing-iris{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:#111;pointer-events:auto}.empty-baseline.is-intro .drop-stage{z-index:8}.drop-stage{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.drop-stage[data-lid=on]{perspective:1200px}.drop-panel{width:min(500px,72vw);height:100%;min-height:0;box-sizing:border-box;padding:16px 0 12px;overflow:hidden;border-radius:18px;background:transparent;border:1.5px dashed rgba(255,153,0,.88);isolation:isolate;box-shadow:0 0 64px #ff8c281a,0 24px 60px #00000059;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;text-align:center;pointer-events:auto;position:relative;touch-action:manipulation;transition:border-color .2s ease,box-shadow .2s ease}.drop-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;background:#100e0c94;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.drop-stage[data-lid=on] .drop-panel{transform:rotateX(var(--lid-rx, 0deg));transform-origin:center center}.pane-viewport{flex:1;min-height:0;overflow:hidden}.pane-track{display:flex;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,.8,.24,1)}.pane-track.is-dragging{transition:none}.pane-page{flex:0 0 100%;width:100%;min-width:0;height:100%;box-sizing:border-box;padding:4px 28px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pane-dots{display:flex;justify-content:center;gap:2px;padding-top:6px}.pane-dot{width:22px;height:22px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.pane-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff990061}.pane-dot.is-on:before{width:8px;height:8px;background:#f90;box-shadow:0 0 8px #ff9900d9}.drop-panel.is-hot{border-style:solid;border-color:#f90;box-shadow:0 0 54px #ff990038,0 24px 60px #00000059}.drop-panel.is-hot:before{background:#241608b8}.plus-mark{width:62px;height:62px;border-radius:50%;border:1.5px solid #ff9900;color:#f90;display:grid;place-items:center;box-shadow:0 0 18px #ff990047;margin-bottom:18px}.plus-mark svg{display:block}.drop-title{margin:0;font-size:18px;font-weight:600;letter-spacing:.2em;font-family:inherit}.drop-hint{margin:10px 0 0;font-size:14px;color:#ffffff9e}.drop-hint button{background:none;border:0;padding:0;color:#f90;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.landing-form{width:min(360px,100%);display:flex;flex-direction:column;gap:10px;text-align:left}.landing-form label,.landing-note,.landing-error{font-size:13px;color:#ffffff9e}.landing-error{color:#ff6b6b}.landing-form input,.landing-form select{width:100%;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;padding:10px 12px;font:inherit;font-size:16px;outline:none}.landing-form select{width:auto}.landing-row{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:14px}.landing-go{border:0;border-radius:8px;padding:10px 0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:#f90;color:#111}.landing-go:disabled{background:#ffffff1a;color:#ffffff59;cursor:default}.landing-links{display:flex;justify-content:space-between;gap:12px;font-size:12px}.landing-links button,.landing-links a,.landing-cancel{background:none;border:0;padding:0;color:#f90;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}.landing-links a{color:#fff6}.gallery-field{position:relative}.gallery-field .mark{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;color:#fff;pointer-events:none}.landing-copy{max-width:34ch;margin:0;font-size:15px;line-height:1.55;color:#ffffffc7}.landing-copy a{color:#f90;text-decoration:underline;text-underline-offset:2px}.landing-busy{color:#ffffffb8;font-size:14px;line-height:1.5}.pane-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;isolation:isolate}.pane-busy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#100e0cc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.landing-busy em{color:#f90;font-style:normal;letter-spacing:.12em}.landing-sources{position:absolute;left:0;right:0;z-index:6;pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:0 16px 8px}.or-import{display:flex;align-items:center;gap:14px;width:min(640px,100%);margin-bottom:10px;color:#ffffff6b;font-size:11px;letter-spacing:.18em}.or-import:before,.or-import:after{content:"";flex:1;height:1px;background:#ffffff24}.source-row{display:flex;gap:14px;justify-content:center;width:min(720px,100%)}.source-card{flex:1 1 0;max-width:210px;min-height:92px;padding:12px 12px 10px;border-radius:14px;background:transparent;border:1px solid rgba(255,255,255,.08);isolation:isolate;position:relative;touch-action:manipulation;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.source-card:before,.open-project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;background:#141414c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.source-card.is-selected{border-color:#f90;box-shadow:0 0 0 1px #ff990059,0 0 22px #ff990024}.source-name{font-size:14px;font-weight:600}.source-sub{font-size:12px;color:#ffffff7a}.pexels-mark{width:26px;height:26px;border-radius:7px;background:#05a081;color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}.cycle-stack{position:relative;height:46px;width:100%;display:grid}.cycle-face{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;opacity:0;color:#fff;transition:opacity .7s ease}.cycle-face.is-on{opacity:1}.cycle-face svg{display:block}.landing-sources.is-compact{padding-bottom:0}.landing-sources.is-compact .source-card{min-height:62px;padding:6px 8px}.landing-sources.is-compact .or-import{margin-bottom:6px;font-size:10px}.landing-sources.is-compact .cycle-stack{height:34px}.landing-sources.is-compact .source-sub{font-size:11px}.landing-sources.is-compact .open-project{margin-top:4px;padding:6px 16px}.empty-baseline[data-sources-fit=inside] .plus-mark{width:48px;height:48px;margin-bottom:10px}.empty-baseline[data-sources-fit=inside] .drop-panel{padding:8px 0}.empty-baseline[data-sources-fit=inside] .pane-page{padding:0 16px}.open-project{margin-top:12px;position:relative;isolation:isolate;background:transparent;touch-action:manipulation;color:#ffffffe6;border:1px solid rgba(255,153,0,.75);border-radius:999px;padding:10px 22px;letter-spacing:.16em;font:inherit;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.open-project:before{background:#0c0c0cc7}.open-project svg{display:block}@media (max-width: 1000px){.kitten-slot[data-slot=h]{display:none}}@media (max-width: 1200px){.kitten-slot[data-slot=e],.kitten-slot[data-slot=f]{display:none}}@media (max-width: 1100px){.kitten-slot[data-slot=a],.kitten-slot[data-slot=b]{width:118px;height:146px;top:14px}.kitten-slot[data-slot=a]{left:12px}.kitten-slot[data-slot=b]{right:12px}.kitten-slot[data-slot=c],.kitten-slot[data-slot=d]{width:104px;height:112px;top:12%}.kitten-slot[data-slot=c]{left:10px}.kitten-slot[data-slot=d]{right:10px}}@media (max-width: 800px){.kitten-slot[data-hide=narrow]{display:none}.kitten-slot[data-slot=a]{left:10px;right:auto;top:16px;bottom:auto;width:92px;height:108px}.kitten-slot[data-slot=b]{left:auto;right:10px;top:16px;bottom:auto;width:92px;height:108px}.kitten-slot[data-slot=c]{left:8px;right:auto;top:128px;bottom:auto;width:76px;height:90px}.kitten-slot[data-slot=d]{left:auto;right:8px;top:128px;bottom:auto;width:84px;height:62px}.drop-panel{width:min(440px,86vw)}.pane-page{padding:0 16px}.source-row{width:100%;max-width:100%;min-width:0}.source-card{flex:0 0 152px;width:152px;max-width:none;min-height:88px}.source-row.is-centered{--source-card: 152px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - var(--source-card) / 2);padding-inline:calc(50% - var(--source-card) / 2);touch-action:pan-x;scrollbar-width:none}.source-row.is-centered::-webkit-scrollbar{display:none}.source-row.is-centered .source-card{scroll-snap-align:center}.landing-sources.is-compact .source-card{min-height:72px}}@media (prefers-reduced-motion: reduce){.kitten-card,.cycle-face{animation:none}.pane-track{transition:none}.kitten-layer[data-live] .kitten-slot{transform:none}.kitten-slot,.empty-baseline.is-leaving .kitten-slot,.cycle-face{transition:none}}
