:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf6ec;--ink:#333;font-family:Hiragino Maru Gothic ProN,"Rounded Mplus 1c",Yu Gothic,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0}#app{height:100dvh}button{font:inherit;color:inherit;cursor:pointer}.landing{text-align:center;max-width:640px;margin:0 auto;padding:32px 20px}.landing h1{margin-bottom:8px;font-size:2rem}.landing p{line-height:1.7}.primary-button{color:#fff;background:#ff8fa3;border:none;border-radius:999px;min-height:64px;margin-top:24px;padding:20px 40px;font-size:1.4rem;box-shadow:0 4px #d96a80}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #d96a80}.landing-result{text-align:left;margin-top:24px}.warning{color:#b3261e;font-weight:700}.url-block{word-break:break-all;background:#fff;border-radius:12px;margin-bottom:12px;padding:12px 16px}.url-block h2{margin:0 0 4px;font-size:1rem}.note{color:#777;font-size:.9rem}.admin-landing{max-width:800px}.admin-gallery{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.admin-gallery-item{background:#fff;border:3px solid #ccc;border-radius:10px;width:96px;height:96px;position:relative;overflow:visible}.admin-gallery-item img{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.admin-delete-button{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.2rem;position:absolute;top:-14px;right:-14px}.admin-delete-button.confirm{background:#ffb3b3}.room{touch-action:none;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.room-topbar{flex:none;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.participant-bar{gap:8px;display:flex}.participant-badge{opacity:.55;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;box-shadow:0 2px 4px #0003}.participant-badge.is-self{opacity:1;outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 3px #333}.connection-indicator{font-size:1.6rem;transition:opacity .3s}.connection-indicator.connecting{animation:1.2s ease-in-out infinite fade}@keyframes fade{0%,to{opacity:.3}50%{opacity:1}}.room-main{flex:auto;justify-content:center;align-items:center;gap:16px;min-height:0;padding:8px 16px;display:flex}.thumbnail-column{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.thumbnail-slot{--slot-color:#ccc;border:3px solid var(--slot-color);background:#fff;border-radius:12px;flex:none;width:20vmin;max-width:160px;height:20vmin;max-height:160px;transition:transform .25s,opacity .25s;position:relative;overflow:hidden}.thumbnail-slot.empty{opacity:.25;border-style:dashed}.thumbnail-slot.disconnected{opacity:.35}.thumbnail-slot.enlarged{z-index:10;transform:scale(2.6);box-shadow:0 8px 24px #00000059}.thumbnail-canvas{width:100%;height:100%;display:block}.thumbnail-badge{filter:drop-shadow(0 1px 1px #0006);font-size:1rem;position:absolute;bottom:2px;right:4px}.self-canvas-wrapper{aspect-ratio:1;width:auto;max-width:100%;height:100%;display:flex}.self-canvas-wrapper canvas{touch-action:none;background:#fff;border-radius:16px;width:100%;height:100%;box-shadow:0 4px 14px #0000002e}@media (orientation:portrait){.room-main{flex-direction:column-reverse}.self-canvas-wrapper{width:100%;height:auto;max-height:100%}.thumbnail-column{flex-direction:row;width:100%;height:auto}}.room-full-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;font-size:6rem;display:flex;position:fixed;inset:0}.room-full-overlay[hidden]{display:none}.toolbar{flex-direction:column;flex:none;align-items:center;gap:8px;padding:6px 12px 10px;display:flex}.palette{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swatch{border:3px solid #0000;border-radius:50%;width:60px;height:60px;padding:0}.swatch.active{border-color:#333;transform:scale(1.15)}.toolbar-actions{align-items:center;gap:10px;display:flex}.icon-button{--press-duration:.9s;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;min-width:60px;height:64px;min-height:60px;font-size:1.8rem;display:flex;position:relative;box-shadow:0 2px 6px #0003,0 0 #ff5a5a00}.icon-button.active{background:#ffe08a}.icon-button.pressing{transition:box-shadow var(--press-duration) linear;box-shadow:0 2px 6px #0003,0 0 0 8px #ff5a5a8c}.icon-button:active{transform:translateY(1px)}.commit-button{background:#baffc9}@keyframes pulse{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}.pulse{animation:.6s pulse}.gallery-strip{flex:none;gap:10px;padding:8px 14px 14px;display:flex;overflow-x:auto}.gallery-thumb{background:#fff;border:3px solid #ccc;border-radius:10px;flex:none;width:64px;min-width:60px;height:64px;min-height:60px;padding:0;position:relative;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb-badge{font-size:.9rem;position:absolute;bottom:0;right:0}.undo-banner{z-index:50;display:none;position:fixed;bottom:100px;right:20px}.undo-banner.visible{display:block}.undo-banner-button{background:#fff3b0}.lightbox{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-image{background:#fff;border-radius:12px;max-width:85vw;max-height:75vh}.lightbox-download{text-decoration:none;position:absolute;bottom:40px}