*{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{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;gap:1rem;list-style:none;margin:0;padding:0}.nav__lang{padding:.3rem .7rem;font-size:.85rem}.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__board{flex:1 1 auto;min-height:0;display:flex;gap:1rem;align-items:stretch}.home__panel{flex:0 0 200px;display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0}.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{flex:1 1 auto;min-width:0;min-height:0;display:flex;justify-content:center}.palette{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.4rem;padding:.25rem;overflow-y:auto}.palette__item{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;background:#f5f5f5;font-size:.85rem;cursor:grab}.palette__item:hover{background:#ececec}.palette__item:active{cursor:grabbing}.palette__item img{width:40px;height:40px;object-fit:contain;flex:none}.stage,.palette{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage img,.palette img{-webkit-user-drag:none}.stage{touch-action:none}.sprite--selected{outline:1px dashed #3b82f6;outline-offset:2px}.sprite__handle{position:absolute;bottom:0;right:0;width:22px;height:22px;transform:translate(50%,50%);background:#3b82f6;cursor:grab;touch-action:none}.sprite__delete{position:absolute;top:0;left:0;width:22px;height:22px;transform:translate(-50%,-50%);border:none;background:#ef4444;color:#fff;line-height:1;cursor:pointer}.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__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__news{width:100vw;margin-left:calc(50% - 50vw);padding:3.25rem max(1.25rem,calc((100vw - 1040px)/2 + 1.25rem));background:#000;color:#fff}.me__news ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.me__news li{display:flex;gap:.55rem;align-items:baseline;line-height:1.35}.me__news span{flex:none;font-weight:700}.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}.drawer{display:none}.drawer__handle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;font:inherit;font-weight:600;background:#f1f1f1;border:none;cursor:pointer}.drawer__body{max-height:0;overflow:hidden;transition:max-height .25s ease}.drawer--open .drawer__body{max-height:45vh;overflow-y:auto}.drawer__hint{font-size:.8rem;color:#555;margin:.5rem .25rem}@media (max-width: 760px){.home__board{flex-direction:column}.home__panel{flex:none}.home__panel .palette,.home__intro p{display:none}.home__intro h1{font-size:1rem;line-height:1.25;margin:0 0 .5rem}.drawer{display:block}.drawer .palette{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:visible}.drawer .palette__item{width:64px;flex:0 0 auto;flex-direction:column;text-align:center;gap:.25rem}.me__hero{min-height:auto;padding-top:0;padding-bottom:2rem}.me__photo{max-width:100%}.me__news{padding-block:2rem}.me__news li{display:block}.me__news span{margin-right:.35rem}}.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}