*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#111}.app{height:100dvh;display:flex;flex-direction:column}.app__main{flex:1;min-height:0;overflow:auto;width:100%;max-width:1040px;margin:0 auto;padding:1rem 1.25rem}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem}.nav__brand{font-weight:800;font-size:1.25rem;letter-spacing:-.01em}.nav__right{display:flex;align-items:center;gap:1rem}.nav__links{display:flex;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}.nav__langlink{font:inherit;background:none;border:none;color:inherit;cursor:pointer;padding:0}.nav__langlink:hover{text-decoration:underline}.nav__menu-btn{display:none;font:inherit;font-size:1.3rem;line-height:1;padding:.25rem .55rem;background:#f1f1f1;border:none;cursor:pointer}@media (max-width: 560px){.nav__menu-btn{display:inline-flex}.nav__links{display:none;position:absolute;top:100%;right:1.25rem;flex-direction:column;gap:0;background:#fff;box-shadow:0 6px 20px #00000026;padding:.35rem 0;min-width:9rem;z-index:60}.nav__links--open{display:flex}.nav__links a,.nav__langlink{display:block;width:100%;text-align:left;padding:.6rem 1rem}}.btn{font:inherit;font-weight:600;padding:.5rem 1.1rem;background:#f1f1f1;cursor:pointer}.btn:hover:not(:disabled){background:#e4e4e4}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:#111;color:#fff}.btn--primary:hover:not(:disabled){background:#333}.home{height:100%;display:flex;flex-direction:column;min-height:0}.home__intro{flex:none;text-align:center}.home__intro h1{font-size:1.05rem;line-height:1.2;margin:0 0 .25rem}.home__intro p{font-size:.8rem;line-height:1.35;color:#555;margin:0}.home__stagewrap{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;justify-content:center}.tray__toggle{position:absolute;top:.4rem;left:50%;transform:translate(-50%);z-index:26;display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:700;background:#f1f1f1;border:none;padding:.45rem .9rem;cursor:pointer;box-shadow:0 1px 6px #0000001f}.tray{position:absolute;top:2.7rem;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:calc(100% - .75rem);padding:.5rem;background:#fffffff7;box-shadow:0 6px 18px #0000002e}.tray__item{background:#f5f5f5;border:none;padding:.3rem;cursor:pointer}.tray__item:hover{background:#ececec}.tray__item img{width:46px;height:46px;object-fit:contain;display:block}.stage{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage img{-webkit-user-drag:none}.stage{touch-action:none}.sprite--selected{outline:1px dashed #3b82f6;outline-offset:2px;z-index:10}.sprite__handle{position:absolute;top:100%;left:50%;width:20px;height:20px;transform:translate(-50%,26px);background:#3b82f6;cursor:grab;touch-action:none}.sprite__handle:before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:26px;transform:translate(-50%);background:#3b82f6}.sprite__delete,.sprite__dup{position:absolute;top:0;width:22px;height:22px;border:none;color:#fff;line-height:1;cursor:pointer}.sprite__delete{left:0;transform:translate(-50%,-50%);background:#ef4444}.sprite__dup{right:0;transform:translate(50%,-50%);background:#16a34a}@media (pointer: coarse){.sprite__handle{width:44px;height:44px}.sprite__delete,.sprite__dup{width:32px;height:32px;font-size:1.1rem}}.home__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.75rem}.home__sign{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.home__signtext{font-size:.9rem;color:#555}.home__name{font-size:.9rem;font-weight:700}.gallery__cta{position:fixed;right:1.25rem;bottom:1.25rem;z-index:40;padding:.9rem 1.4rem;background:#111;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 6px 22px #00000047;animation:cta-bob 2.4s ease-in-out infinite}.gallery__cta:hover{background:#333}@keyframes cta-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.gallery__cta{animation:none}}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;list-style:none;padding:0;margin:0}.gallery__item{background:#f5f5f5;display:flex;flex-direction:column}.gallery__item img{width:100%;height:auto;display:block}.gallery__meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.85rem}.gallery__author{font-weight:700}.gallery__like{display:flex;align-items:center;gap:.35rem;align-self:flex-start;padding:.3rem .65rem .55rem;background:none;border:none;cursor:pointer;font:inherit;font-size:1rem;color:#e0245e}.gallery__like:disabled{cursor:default}.gallery__likecount{color:#333;font-size:.85rem}.me{min-height:100%;display:flex;flex-direction:column}.me__hero{min-height:calc(100dvh - 5.5rem);padding-top:2.25rem}.me__photo{max-width:420px;width:100%;height:auto;display:block}.me__choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.me__choice{padding:0;background:none;border:none;cursor:pointer;width:64px}.me__choice img{width:100%;height:auto;display:block;opacity:.55}.me__choice--active img{opacity:1;outline:2px solid #111;outline-offset:2px}@media (max-width: 760px){.home__intro h1{font-size:1rem;line-height:1.25;margin:0 0 .35rem}.home__intro p{font-size:.78rem}.me__hero{min-height:auto;padding-top:0;padding-bottom:2rem}.me__photo{max-width:100%}}.devpanel{position:fixed;right:1rem;bottom:1rem;width:260px;max-width:calc(100vw - 2rem);padding:.75rem;background:#fff;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:.75rem;z-index:50}.devpanel__head{display:flex;justify-content:space-between;align-items:center}.devpanel__field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.devpanel__label{display:flex;justify-content:space-between;gap:.5rem}.devpanel__field input[type=range]{width:100%}.devpanel__field small{color:#666}