@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/app/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/app/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/app/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/app/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/app/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbf7fc;--bg-grad:radial-gradient(1200px 600px at 85% -10%, #fde4ee 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #e6e9fd 0%, transparent 60%), #fbf7fc;--surface:#fff;--surface-soft:#f6f1fb;--ink:#2b2350;--ink-soft:#625b80;--ink-faint:#716b8c;--line:#ece5f4;--line-strong:#d9cfe8;--primary:#8b6cf0;--primary-strong:#6f4fe0;--primary-50:#efe9fe;--accent:#ec6a9a;--accent-strong:#c03a70;--primary-hover:#5f3fd2;--primary-100:#e3d9fd;--primary-ink:#6c48d6;--glass:#ffffffd1;--workspace:radial-gradient(circle at 50% 40%, #f4eefb, #ebe4f5);--pink-50:#fde6ee;--pink-600:#b02c63;--sky-50:#e0edfd;--sky-600:#2f66c9;--lavender-50:#ece4fd;--lavender-600:#6c48d6;--mint-50:#daf3e6;--mint-600:#1b7149;--danger:#d43c5c;--danger-50:#fde8ec;--info-50:#eef3ff;--online:#2fb36c;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #3c286e0f, 0 2px 8px #3c286e0d;--shadow-md:0 6px 22px #462d821a;--shadow-lg:0 18px 50px #462d822e;--focus:0 0 0 3px #8b6cf073;--font:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--sidebar-w:15rem;--sidebar-w-collapsed:4.5rem}:root.skin-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.high-contrast{--ink-soft:#3f3866;--ink-faint:#5c557c;--line:#c9bedc;--line-strong:#9f92ba}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg-grad);-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.1rem;font-weight:800}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100%;display:grid}.shell--collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--line);flex-direction:column;gap:.5rem;min-height:0;padding:1.1rem .75rem;display:flex}.sidebar__top{align-items:center;min-height:3.25rem;padding:.25rem .5rem 1rem;display:flex}.shell--collapsed .sidebar__top{justify-content:center;padding-inline:0}.sidebar__mini-logo{width:2.2rem;height:2.2rem}.sidebar__list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.sidebar__bottom{gap:.5rem;margin-top:auto;display:grid}.sidebar__toggle{justify-self:start}.shell--collapsed .sidebar__toggle{justify-self:center}.nav-item{border-radius:var(--radius-md);color:var(--ink);align-items:center;gap:.75rem;padding:.65rem .85rem;font-weight:650;text-decoration:none;transition:background .15s;display:flex}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{background:var(--primary-50);color:var(--primary-ink)}.shell--collapsed .nav-item{justify-content:center;padding-inline:0}.profile-chip{border-top:1px solid var(--line);color:inherit;border-radius:var(--radius-md);align-items:center;gap:.65rem;padding:.65rem .5rem;text-decoration:none;display:flex}.profile-chip:hover{background:var(--surface-soft)}.profile-chip.active{background:var(--primary-50)}.shell--collapsed .profile-chip{justify-content:center}.profile-chip__text{line-height:1.2;display:grid}.profile-chip__text small{color:var(--ink-soft)}.main{min-width:0;overflow:auto}.main--editor{overflow:clip}.page{align-content:start;gap:1.5rem;max-width:72rem;margin:0 auto;padding:2rem 2.25rem 3rem;display:grid}.page--narrow{max-width:40rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header p{margin-top:.35rem}.logo{align-items:center;gap:.5rem;display:inline-flex}.logo img{width:2.3rem;height:2.3rem}.logo__word{letter-spacing:-.02em;font-size:1.45rem;font-weight:900}.logo--lg img{width:4.5rem;height:4.5rem}.logo--lg{flex-direction:column;gap:.25rem}.logo--lg .logo__word{font-size:2.8rem}.avatar{color:#fff;box-shadow:0 0 0 2px var(--surface);text-shadow:0 1px 2px #0000002e;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative}.avatar__dot{background:var(--online);border:2px solid var(--surface);border-radius:50%;width:30%;min-width:9px;height:30%;min-height:9px;position:absolute;bottom:-1px;right:-1px}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.2rem;font-weight:750;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-strong);color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--primary-strong) 30%, transparent)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--accent{background:var(--accent-strong);color:#fff}.btn--accent:hover:not(:disabled){background:#a93162}.btn--soft{background:var(--primary-50);color:var(--primary-ink)}.btn--soft:hover:not(:disabled){background:var(--primary-100)}.btn--ghost{color:var(--ink-soft);background:0 0}.btn--ghost:hover{background:var(--surface-soft)}.btn--danger{background:var(--danger);color:#fff}.btn--sm{border-radius:var(--radius-sm);padding:.5rem .85rem;font-size:.9rem}.btn--block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-soft)}.icon-btn:disabled{color:var(--ink-faint);opacity:.55;cursor:not-allowed}.icon-btn.is-on{background:var(--primary-50);color:var(--primary-ink)}.icon-btn--primary{background:var(--primary);color:#fff;border-radius:50%}.btn-group{align-items:center;gap:.15rem;display:inline-flex}.link{color:var(--primary-ink);font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}button.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.form{gap:1.25rem;display:grid}.form__row{gap:.75rem;display:flex}.form__row>.btn--block{flex:1}.field{border:0;gap:.45rem;min-width:0;margin:0;padding:0;display:grid}.field__label{padding:0;font-weight:750}.field__error{color:var(--danger);font-size:.9rem;font-weight:650}.input{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);padding:.7rem .9rem;transition:border-color .15s}.input:hover:not(:disabled){border-color:#c3b4dc}.input:focus-visible{border-color:var(--primary)}.input[aria-invalid=true]{border-color:var(--danger)}.input:disabled{background:var(--surface-soft);color:var(--ink-faint)}.input--code{letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:1.35rem;font-weight:800}.size-row{align-items:center;gap:.5rem;display:flex}.size-row .input{max-width:8rem}.segmented{flex-wrap:wrap;gap:.4rem;display:flex}.segmented label{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:var(--surface);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .9rem;font-weight:650;display:flex}.segmented--compact label{flex:none;min-width:4rem}.segmented label.is-on{border-color:var(--primary);background:var(--primary-50);color:var(--lavender-600)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){box-shadow:var(--focus)}.privacy-pill{border-radius:var(--radius-md);background:var(--mint-50);color:var(--mint-600);justify-self:start;align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:750;display:inline-flex}.check{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--primary-strong);margin-top:.15rem}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex;position:relative}.toggle input{opacity:0;cursor:pointer;width:2.75rem;height:1.6rem;margin:0;position:absolute;right:0}.toggle__track{background:var(--line-strong);border-radius:999px;flex:none;width:2.75rem;height:1.6rem;transition:background .15s;position:relative}.toggle__track:after{content:"";background:var(--surface);width:1.2rem;height:1.2rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:.2rem;left:.2rem}.toggle input:checked+.toggle__track{background:var(--primary-strong)}.toggle input:checked+.toggle__track:after{transform:translate(1.15rem)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus)}.notice{border-radius:var(--radius-md);align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-weight:600;display:flex}.notice--error{background:var(--danger-50);color:#a3233f}.notice--info{background:var(--info-50);color:#3a4a85}.notice--block{gap:.5rem;font-weight:500;display:grid}.tag{color:#7a5a00;letter-spacing:.02em;white-space:nowrap;background:#fff4cc;border:1px dashed #e0b84a;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block}.search{border:1.5px solid var(--line-strong);background:var(--surface);min-width:16rem;color:var(--ink-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .9rem;display:flex}.search:focus-within{border-color:var(--primary)}.search input{background:0 0;border:0;outline:0;flex:1}.empty{color:var(--ink-soft);text-align:center;justify-items:center;gap:.85rem;padding:3rem 1rem;display:grid}.dialog-backdrop{z-index:50;background:#2b235047;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-xl);width:min(30rem,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);gap:1rem;padding:1.5rem;display:grid;overflow-y:auto}.dialog__body{color:var(--ink-soft);gap:.5rem;display:grid}.dialog__actions{justify-content:flex-end;gap:.5rem;display:flex}.menu-anchor{position:relative}.menu{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-width:13rem;box-shadow:var(--shadow-md);padding:.35rem;display:grid;position:absolute;top:calc(100% + .25rem);right:0}.menu__item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.55rem .7rem;font-weight:650;display:flex}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--surface-soft)}.menu__item:disabled{color:var(--ink-faint);cursor:not-allowed}.menu__item--danger{color:var(--danger)}.home{max-width:56rem;padding-top:3rem}.home__hero{text-align:center;justify-items:center;gap:.5rem;display:grid}.home__tagline{color:var(--ink-soft);font-size:1.15rem;font-weight:650}.home__actions{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.action-tile{border-radius:var(--radius-xl);min-height:11rem;color:var(--ink);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--line);align-content:center;justify-items:center;gap:.4rem;padding:1.25rem 1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.action-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.action-tile__icon{background:var(--surface);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.35rem;display:grid}.action-tile__label{font-size:1.08rem;font-weight:800}.action-tile__hint{color:var(--ink-soft);font-size:.85rem}.action-tile--pink{background:var(--pink-50)}.action-tile--pink .action-tile__icon,.action-tile--pink .action-tile__label{color:var(--pink-600)}.action-tile--sky{background:var(--sky-50)}.action-tile--sky .action-tile__icon,.action-tile--sky .action-tile__label{color:var(--sky-600)}.action-tile--lavender{background:var(--lavender-50)}.action-tile--lavender .action-tile__icon,.action-tile--lavender .action-tile__label{color:var(--lavender-600)}.action-tile--mint{background:var(--mint-50)}.action-tile--mint .action-tile__icon,.action-tile--mint .action-tile__label{color:var(--mint-600)}.section-title{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.section-title .link{margin-left:auto}.recent-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.recent-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm);gap:.25rem;padding:.6rem .6rem .8rem;text-decoration:none;display:grid}.recent-card:hover{box-shadow:var(--shadow-md)}.recent-card .thumb{aspect-ratio:16/10;border-radius:var(--radius-md)}.recent-card__name{padding:.25rem .2rem 0;font-weight:750}.recent-card small{padding-inline:.2rem}.home__secondary{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.chip-link{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.chip-link:hover{border-color:var(--line-strong)}.thumb{object-fit:cover;background:var(--surface);width:100%;height:100%;display:block}.thumb--blank{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#faf7fd 10px 20px)}.project-grid,.template-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.project-card,.template-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.project-card__thumb{aspect-ratio:16/10;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;background:var(--surface-soft);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-card__thumb .tag{position:absolute;top:.6rem;left:.6rem}.project-card__meta{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .6rem .8rem .9rem;display:flex}.project-card__meta>div:first-child{min-width:0;display:grid}.project-card__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-card{overflow:hidden}.template-card__art{aspect-ratio:8/7;border-bottom:1px solid var(--line);width:100%;display:block}.template-card__meta{justify-content:space-between;align-items:center;padding:.7rem .75rem .75rem .95rem;font-weight:750;display:flex}.tabs{flex-wrap:wrap;gap:.4rem;display:flex}.tab{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-weight:700}.tab[aria-selected=true]{background:var(--primary-strong);border-color:var(--primary-strong);color:#fff}.success-card{text-align:center;gap:1rem;display:grid}.success-card .field{text-align:left}.success-card__icon{color:var(--accent);justify-self:center}.copy-row{gap:.5rem;display:flex}.code-box{border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);letter-spacing:.1em;flex:1;align-items:center;min-width:0;padding:.7rem .9rem;font-size:1.25rem;font-weight:800;display:flex}.code-box--link{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:650;overflow:hidden}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius-xl);background:var(--glass);text-align:center;color:var(--ink-soft);justify-items:center;gap:1rem;padding:3rem 1.5rem;transition:border-color .15s,background .15s;display:grid}.dropzone--over{border-color:var(--primary);background:var(--primary-50)}.format-chips{align-items:center;gap:.4rem;display:flex}.format-chips span{border-radius:var(--radius-sm);background:var(--surface-soft);padding:.2rem .55rem;font-size:.8rem;font-weight:750}.upload-preview{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.upload-preview__img{border-radius:var(--radius-md);background:repeating-conic-gradient(#f3eef9 0% 25%,#fff 0% 50%) 50%/20px 20px;place-items:center;display:grid;overflow:hidden}.upload-preview__img img{max-width:100%;max-height:22rem;display:block}.settings-section{gap:.6rem;display:grid}.profile-preview{align-items:center;gap:1rem;font-size:1.2rem;display:flex}.swatches{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.swatch{border:2px solid var(--surface);width:1.65rem;height:1.65rem;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border-radius:50%;padding:0;transition:transform .1s}.swatch:hover{transform:scale(1.1)}.swatch.is-on{box-shadow:0 0 0 2.5px var(--primary-strong);transform:scale(1.1)}.swatch--lg{width:2.4rem;height:2.4rem}@media (max-width:1100px){.home__actions{grid-template-columns:repeat(2,1fr)}}.toasts{z-index:60;gap:.5rem;max-width:24rem;display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);align-items:center;gap:.6rem;padding:.6rem .5rem .6rem .9rem;font-weight:650;display:flex}.toast span{flex:1}.toast--ok svg:first-child{color:var(--mint-600)}.toast--error{border-color:#f3c2cd}.toast--error svg:first-child{color:var(--danger)}.auth{gap:1rem;display:grid}.auth__forgot{justify-self:center}.auth__or{color:var(--ink-faint);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.auth__or:before,.auth__or:after{content:"";background:var(--line);flex:1;height:1px}.auth__google{justify-content:center;min-height:44px;display:flex}.auth__google-soon{text-align:center}.input--mono{letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,Cascadia Mono,Menlo,monospace}.code-box--recovery{letter-spacing:.06em;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:1rem}.account{gap:1rem;display:grid}.account__actions{flex-wrap:wrap;gap:.5rem;display:flex}.account__delete{color:var(--danger)}.pill{background:var(--sky-50);color:var(--sky-600);border-radius:999px;margin-left:.5rem;padding:.15rem .55rem;font-size:.75rem;font-weight:800;display:inline-block}.usage{gap:.35rem;display:grid}.usage__bar{background:var(--surface-soft);border-radius:999px;height:.55rem;overflow:hidden}.usage__bar span{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:999px;min-width:2px;height:100%;display:block}.cloud{gap:.75rem;display:grid}.cloud--guest{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-soft);background:var(--glass);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.cloud--guest span{flex:1}.cloud-badge{background:var(--sky-50);color:var(--sky-600);border:1px solid #b9d4f7;position:absolute;top:.6rem;right:.6rem;left:auto!important}.home__start{border-radius:var(--radius-lg,18px);border:1px dashed var(--line-strong);background:var(--surface);color:var(--accent-strong);align-items:center;gap:.9rem;padding:1rem 1.2rem;text-decoration:none;display:flex}.home__start span{gap:.15rem;display:grid}.home__start strong{color:var(--ink)}.home__start:hover{border-style:solid}.crash{text-align:center;margin-top:12vh}.crash__actions{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.crash__details{color:var(--ink-faint);font-size:.85rem}.crash__details code{white-space:pre-wrap;margin-top:.5rem;display:block}.nav-label--short{display:none}.nav-item{position:relative}.nav-badge{background:var(--accent-strong);color:#fff;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;margin-left:auto;padding:0 .35rem;font-size:.72rem;font-weight:800;display:grid}.shell--collapsed .nav-badge{box-shadow:0 0 0 2px var(--surface);position:absolute;top:.2rem;right:.35rem}.friends__grid{grid-template-columns:minmax(18rem,24rem) 1fr;align-items:start;gap:1.25rem;display:grid}@media (max-width:960px){.friends__grid{grid-template-columns:1fr}}.friends__col{gap:1.25rem;display:grid}.friends .card h2{margin:0 0 .75rem;font-size:1rem}.friend-code__row{align-items:center;gap:.75rem;display:flex}.friend-code__value{border-radius:var(--radius-md);background:var(--lavender-50);letter-spacing:.12em;text-align:center;color:var(--ink);flex:1;padding:.55rem .8rem;font-family:inherit;font-size:1.35rem;font-weight:800}.friend-code p{margin:.6rem 0 .25rem;font-size:.85rem}.friend-add{gap:.5rem;display:flex}.friend-add__input{letter-spacing:.08em;text-transform:uppercase;flex:1;min-width:0;font-weight:700}.friend-people{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.person{border-radius:var(--radius-md);align-items:center;gap:.65rem;padding:.35rem .25rem;display:flex}.person__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.person--muted .person__name{color:var(--ink-soft,var(--ink));font-weight:600}.person--pick{cursor:pointer;padding:.4rem .5rem}.person--pick:hover{background:var(--surface-soft)}.person--pick input{width:1.1rem;height:1.1rem;accent-color:var(--accent-strong)}.drawing-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.drawing-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;gap:.5rem;padding:.5rem;transition:border-color .15s,box-shadow .15s;display:grid}.drawing-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.drawing-card__img{border-radius:var(--radius-md);background:var(--surface-soft);place-items:center;max-height:12rem;display:grid;position:relative;overflow:hidden}.drawing-card__img img{object-fit:contain;width:100%;height:100%}.drawing-card__new{position:absolute;top:.4rem;left:.4rem}.drawing-card__meta{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.drawing-card__meta>span:last-child{display:grid}.drawing-card__note{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.drawing-viewer{justify-items:center;gap:.75rem;display:grid}.drawing-viewer img{border-radius:var(--radius-md);max-width:100%;max-height:60vh;box-shadow:var(--shadow-sm)}.drawing-viewer__note{margin:0;font-weight:650}.send-drawing{gap:1rem;min-width:min(26rem,80vw);display:grid}.send-drawing__preview{border-radius:var(--radius-md);background:var(--surface-soft);place-items:center;min-height:6rem;padding:.5rem;display:grid}.send-drawing__preview img{max-width:100%;max-height:11rem;box-shadow:var(--shadow-sm);border-radius:4px}.send-drawing__to{border:0;max-height:14rem;margin:0;padding:0;overflow:auto}@media (max-width:720px){.shell,.shell--collapsed{grid-template-rows:1fr auto;grid-template-columns:1fr}.shell>.main{grid-row:1}.shell:not(.shell--editor)>.main{padding-top:env(safe-area-inset-top)}.sidebar{padding:.25rem .35rem calc(.25rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);flex-direction:row;grid-row:2;align-items:stretch;gap:0}.shell--editor .sidebar,.sidebar__top,.sidebar__toggle,.sidebar__bottom>.nav-item,.nav-secondary,.profile-chip__text{display:none}.sidebar__list{flex:1;justify-content:space-around;display:flex}.sidebar__list>li{flex:1}.sidebar__bottom{margin:0;display:flex}.nav-item,.shell--collapsed .nav-item{text-align:center;flex-direction:column;justify-content:center;gap:.15rem;padding:.4rem .25rem;font-size:.68rem;font-weight:700}.nav-badge,.shell--collapsed .nav-badge{box-shadow:0 0 0 2px var(--surface);margin:0;position:absolute;top:.1rem;right:calc(50% - 1.3rem)}.nav-label--long{display:none}.nav-label--short{display:inline!important}.profile-chip{border-top:0;padding:.4rem .6rem}.page{gap:1.1rem;padding:1.25rem 1rem 2rem}.page-header h1{font-size:1.5rem}.home__actions{grid-template-columns:repeat(2,1fr);gap:.75rem}.recent-row{grid-template-columns:repeat(2,1fr)}.recent-row>:nth-child(3){display:none}.dialog-backdrop{align-items:end;padding:.75rem}.dialog{max-height:calc(100dvh - 1.5rem);padding:1.15rem}.dialog__actions{flex-wrap:wrap}.toasts{left:1rem;right:1rem;bottom:calc(4.5rem + env(safe-area-inset-bottom));max-width:none}.friend-code__value{font-size:1.15rem}.dialog__actions{grid-template-columns:1fr;gap:.5rem;display:grid}.dialog__actions>.btn{justify-content:center;width:100%}}.editor{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%;min-height:0;display:grid;overflow:clip}.editor--chat{grid-template-columns:1fr 20rem}.editor__bar{background:var(--glass);border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:.4rem;min-width:0;padding:.5rem .75rem;display:flex}.editor__title{flex:0 auto;min-width:4rem;max-width:14rem;margin-right:.5rem;line-height:1.15;display:grid}.editor__title strong,.editor__title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor__bar-spacer{flex:1}.avatar-stack{align-items:center;display:flex}.avatar-stack>span+span{margin-left:-.45rem}.avatar-stack .tag{margin-left:.6rem}.editor__stage{background:var(--workspace);min-width:0;min-height:0;position:relative;overflow:clip}.canvas-scroll{--fit-x:5rem;--fit-top:3.5rem;--fit-bottom:6.5rem;overscroll-behavior:contain;display:flex;position:absolute;inset:0;overflow:auto}.canvas-scroll.is-panning,.canvas-scroll.is-panning .canvas{cursor:grab}.canvas-sheet{box-shadow:var(--shadow-md);background:#fff;border-radius:4px;flex:none;margin:50vh 50vw;position:relative}.canvas{touch-action:none;border-radius:4px;width:100%;height:100%;display:block}.canvas--brush{cursor:crosshair}.canvas--picker{cursor:copy}.brush-cursor{pointer-events:none;z-index:1;border:1px solid #2b2350b3;border-radius:50%;width:0;height:0;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fffc}.brush-cursor--eraser{border-style:dashed}.stage-state{color:var(--ink-soft);place-content:center;justify-items:center;gap:.75rem;font-weight:700;display:grid;position:absolute;inset:0}.stage-hint{z-index:3;background:var(--glass);color:var(--ink-soft);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.3rem .85rem;font-size:.8rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.save-status{background:var(--surface-soft);color:var(--ink-soft);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35rem;margin-left:.5rem;padding:.3rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.save-status:disabled{cursor:default}.save-status--saved{background:var(--mint-50);color:var(--mint-600)}.save-status--error{background:var(--danger-50);color:var(--danger)}.toolrail{z-index:2;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:.25rem;padding:.4rem;display:grid;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.tool{border-radius:var(--radius-md);width:2.6rem;height:2.6rem;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.tool:hover{background:var(--surface-soft)}.tool.is-on{background:var(--primary-strong);color:#fff}.dock{z-index:2;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .75rem;max-width:calc(100% - 7rem);padding:.55rem .85rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.dock .swatches{flex-wrap:nowrap}.dock__sep{background:var(--line);flex:none;align-self:stretch;width:1px}.swatch--custom{background:conic-gradient(#f87171,#fbbf24,#a3e635,#34d399,#38bdf8,#818cf8,#e879f9,#f87171);position:relative;overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.slider{flex:none;align-items:center;gap:.45rem;display:flex}.slider input[type=range]{width:5.5rem;accent-color:var(--primary-strong)}.slider output{min-width:2.4rem;color:var(--ink-soft);font-size:.82rem;font-weight:750}.slider__dot{border-radius:50%;flex:none;max-width:1.1rem;max-height:1.1rem;display:inline-block}.zoom-value{text-align:center;min-width:3.2rem;font-size:.88rem;font-weight:750}.chat{background:var(--surface);border-left:1px solid var(--line);grid-template-rows:auto 1fr auto auto;min-height:0;display:grid}.chat__head{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.chat__list{align-content:start;gap:1rem;margin:0;padding:1rem;list-style:none;display:grid;overflow-y:auto}.chat__empty{text-align:center;padding:2rem .5rem}.msg{gap:.6rem;display:flex}.msg--pending{opacity:.6}.msg__body{flex:1;gap:.35rem;min-width:0;display:grid}.msg__meta{align-items:baseline;gap:.5rem;font-size:.82rem;display:flex}.msg__bubble{background:var(--lavender-50);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px 14px 14px;justify-self:start;max-width:100%;padding:.45rem .75rem;font-size:.92rem}.msg--own .msg__bubble{background:var(--pink-50)}.msg__muted{font-size:.85rem;font-style:italic}.msg__image{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);cursor:zoom-in;justify-self:start;place-items:center;width:100%;max-height:14rem;padding:0;display:grid;overflow:hidden}.msg__image img{object-fit:cover;width:100%;height:100%;display:block}.chat-zoom{border-radius:var(--radius-md);max-width:100%;max-height:70vh;display:block}.chat__offline{background:var(--danger-50);color:#a3233f;margin:0;padding:.5rem 1rem;font-size:.82rem;font-weight:650}.chat__composer{border-top:1px solid var(--line);gap:.35rem;padding:.6rem .75rem .5rem;display:grid}.chat__tools{align-items:center;gap:.15rem;display:flex}.chat__uploading{align-items:center;gap:.3rem;margin-left:.3rem;display:inline-flex}.chat__input-row{align-items:flex-end;gap:.35rem;display:flex}.chat__input{resize:none;border-radius:var(--radius-md);min-height:2.5rem;max-height:7rem;padding:.55rem .8rem;font-size:.92rem}.chat__policy{margin:0;font-size:.72rem;line-height:1.3}.emoji-picker{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);grid-template-columns:repeat(6,2.1rem);gap:.15rem;padding:.4rem;display:grid;position:absolute;bottom:calc(100% + .35rem);left:0}.emoji-picker button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;width:2.1rem;height:2.1rem;font-size:1.2rem}.emoji-picker button:hover,.emoji-picker button:focus-visible{background:var(--surface-soft)}.link-btn{color:var(--lavender-600);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.chat-toggle{position:relative}.badge{background:var(--accent-strong);color:#fff;min-width:1.15rem;height:1.15rem;box-shadow:0 0 0 2px var(--surface);border-radius:999px;place-items:center;padding:0 .25rem;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-.2rem;right:-.2rem}.room-settings__section{justify-items:start;gap:.6rem;display:grid}.room-settings__section+.room-settings__section{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.9rem}.room-settings__section h3{color:var(--ink);font-size:1rem}.room-settings__section .invite-box{width:100%}.people{gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.people__row{align-items:center;gap:.6rem;display:flex}.people__name{flex:1;min-width:0;line-height:1.2;display:grid}.people__name strong{color:var(--ink)}.people__remove{color:var(--danger)}.conn-status{white-space:nowrap;background:var(--surface-soft);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.35rem;margin-left:.25rem;padding:.3rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.conn-status--online{background:var(--mint-50);color:var(--mint-600)}.conn-status--offline,.conn-status--denied{background:var(--danger-50);color:var(--danger)}.conn-dot{background:var(--online);border-radius:50%;width:.5rem;height:.5rem}.avatar-stack .is-offline{opacity:.45;filter:grayscale(.6)}.stage-banner{z-index:4;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .5rem .45rem .9rem;font-size:.85rem;font-weight:650;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.stage-banner--error{color:#a3233f;border-color:#f3c2cd}.invite-box{text-align:left;gap:.85rem;display:grid}.remote-cursors{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.remote-cursor{will-change:transform;align-items:flex-start;gap:2px;transition:transform 70ms linear;display:flex;position:absolute;top:0;left:0}.remote-cursor__name{color:var(--ink);white-space:nowrap;border-radius:999px;margin-top:14px;padding:2px 8px;font-size:.75rem;font-weight:800;box-shadow:0 2px 6px #2b23502e}.reduce-motion .remote-cursor{transition:none}.canvas--text{cursor:text}.canvas--fill{cursor:cell}.canvas--select{cursor:crosshair}.selection{z-index:1;border:1.5px dashed var(--primary-strong);outline-offset:-3px;cursor:move;pointer-events:none;background:#8b6cf00f;outline:1px dashed #ffffffe6;position:absolute}.text-draft{z-index:3;border:1px dashed var(--primary);resize:none;white-space:pre;field-sizing:content;background:#fff9;min-width:4ch;margin:0;padding:0;position:absolute;overflow:hidden}.text-draft:focus-visible{box-shadow:none;outline:2px solid var(--primary)}.shape-picker{gap:.15rem;display:flex}.shortcuts{gap:.45rem;margin:0;display:grid}.shortcuts__row{grid-template-columns:11rem 1fr;align-items:baseline;gap:.75rem;display:grid}.shortcuts dd{color:var(--ink);margin:0}kbd{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--ink);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:.1rem .45rem;font-family:inherit;font-size:.8rem;font-weight:750;display:inline-block}@media (max-width:720px){.editor,.editor--chat{grid-template-columns:1fr}.editor__bar{padding:calc(.35rem + env(safe-area-inset-top)) .4rem .35rem;scrollbar-width:none;gap:.15rem;overflow-x:auto}.editor__title{min-width:0;max-width:7rem;margin-right:.15rem}.editor__title small,.avatar-stack,.desk-only,.btn__label,.stage-hint{display:none}.save-status{gap:0;padding:.3rem;font-size:0}.editor__bar .btn--sm{padding:.45rem .55rem}.canvas-scroll{--fit-x:1rem;--fit-top:1rem;--fit-bottom:9.5rem}.toolrail{top:auto;left:50%;bottom:calc(5.4rem + env(safe-area-inset-bottom));scrollbar-width:none;max-width:calc(100% - 1rem);padding:.25rem;display:flex;overflow-x:auto;transform:translate(-50%)}.tool{flex:none;width:2.5rem;height:2.5rem}.dock{bottom:calc(.5rem + env(safe-area-inset-bottom));gap:.45rem;width:calc(100% - 1rem);max-width:calc(100% - 1rem);padding:.45rem .6rem}.dock .swatches{scrollbar-width:none;max-width:100%;overflow-x:auto}.dock__sep{display:none}.editor--chat .chat{z-index:30;padding-top:env(safe-area-inset-top);border-left:0;position:fixed;inset:0}}.skin-deco{top:0;bottom:0;right:0;left:var(--sidebar-w);pointer-events:none;z-index:0;position:fixed;overflow:hidden}.shell--collapsed .skin-deco{left:var(--sidebar-w-collapsed)}.main>.page{z-index:1;position:relative}.sidebar{z-index:2;position:relative}.skin-deco__item{width:var(--size);height:var(--size);filter:drop-shadow(0 4px 10px #2814501f);position:absolute}.reduce-motion .skin-deco__item{transition:none}.shop{max-width:76rem}.shop__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.shop__title{align-items:center;gap:.9rem;min-width:0;display:flex}.shop__title h1{font-size:2rem;font-weight:900}.shop__title p{margin:.15rem 0 0}.shop__title-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:3.25rem;height:3.25rem;color:var(--primary-ink);flex:none;place-items:center;display:grid}.shop__tools{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.shop__search,.shop__filter{align-items:center;display:flex;position:relative}.shop__search svg{color:var(--ink-soft);pointer-events:none;position:absolute;left:.9rem}.shop__search .input{border-radius:999px;width:15rem;padding-left:2.5rem}.shop__filter .input{appearance:none;cursor:pointer;border-radius:999px;padding-right:2.4rem;font-weight:700}.shop__filter svg{pointer-events:none;color:var(--ink-soft);position:absolute;right:.85rem}.coin-chip{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:999px;align-items:center;gap:.45rem;height:2.9rem;padding:0 .4rem 0 .8rem;font-size:1.05rem;display:inline-flex}.coin-chip__add{background:var(--primary-50);width:2.1rem;height:2.1rem;color:var(--primary-ink);border:0;border-radius:999px;place-items:center;margin-left:.25rem;display:grid}.coin-chip__add:disabled{cursor:not-allowed;opacity:.6}.dev-chip{background:var(--mint-50);height:2.9rem;color:var(--mint-600);border-radius:999px;align-items:center;gap:.4rem;padding:0 .95rem;font-weight:800;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%,#fff2b0 0 18%,#f7c843 40%,#e0a21b 100%);border-radius:999px;flex:none;display:inline-block;box-shadow:inset 0 0 0 2px #c88c1473}.coin-price{align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.shop__hero{border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:2rem;padding:1.75rem 2rem;display:grid}.shop__hero-kicker{background:var(--primary-50);color:var(--primary-ink);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.82rem;font-weight:800;display:inline-flex}.shop__hero h2{margin-top:.6rem;font-size:1.7rem;font-weight:900}.shop__hero p{color:var(--ink-soft);max-width:30rem;margin:.35rem 0 0}.shop__hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.shop__hero .skin-preview{box-shadow:var(--shadow-md);transform:rotate(1.5deg)}.shop__guest{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.shop__guest p{margin:.25rem 0 0}.shop__section{gap:1rem;display:grid}.shop__section-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.shop__section-head h2{font-size:1.35rem;font-weight:900}.shop__empty{text-align:center;padding:2rem 0}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.1rem;display:grid}.skin-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.35rem;padding:.65rem .65rem .8rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.skin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reduce-motion .skin-card:hover{transform:none}.skin-card.is-equipped{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50), var(--shadow-sm)}.skin-card h3{margin:.4rem .3rem 0;font-size:1.05rem;font-weight:800}.skin-card__tagline{color:var(--ink-soft);flex:1;margin:0 .3rem;font-size:.86rem}.skin-card__badges{pointer-events:none;z-index:1;justify-content:space-between;gap:.4rem;display:flex;position:absolute;top:1.1rem;left:1.1rem;right:1.1rem}.skin-card__ribbon,.skin-card__state{border-radius:999px;padding:.2rem .55rem;font-size:.74rem;font-weight:800;box-shadow:0 2px 6px #00000026}.skin-card__ribbon{color:#fff;background:#c03a70}.skin-card__state{color:#2b2350;background:#fff;align-items:center;gap:.25rem;margin-left:auto;display:inline-flex}.skin-card__thumb{border-radius:var(--radius-md);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.skin-card__meta{justify-content:space-between;align-items:center;gap:.5rem;margin:.35rem .3rem .45rem;display:flex}.skin-card__actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.skin-card__actions--single{grid-template-columns:1fr}.skin-card__actions .btn{min-width:0}.skin-card__actions .btn--ghost{border:1.5px solid var(--line-strong);color:var(--ink)}.btn--equipped{background:var(--primary-50);color:var(--primary-ink);box-shadow:inset 0 0 0 1.5px var(--primary)}.btn--equipped:hover:not(:disabled){background:var(--primary-100)}.rarity{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.8rem;font-weight:750;display:inline-flex}.rarity--epic{background:var(--lavender-50);color:var(--lavender-600)}.rarity--rare{background:var(--sky-50);color:var(--sky-600)}.rarity--common{background:var(--surface-soft);color:var(--ink-soft)}.skin-preview{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--p-bg);isolation:isolate;gap:5%;width:100%;padding:4.5%;font-size:.7rem;display:flex;position:relative;overflow:hidden}.skin-preview--large{border-radius:var(--radius-lg);font-size:1.3rem}.skin-preview__side{background:var(--p-glass);border-radius:.9em;flex-direction:column;gap:.6em;width:20%;padding:.8em .6em;display:flex;box-shadow:0 1px 4px #00000014}.skin-preview__brand{background:var(--p-primary);border-radius:1em;width:80%;height:.9em;margin-bottom:.4em}.skin-preview__side i{background:var(--p-soft);border-radius:1em;height:.6em;display:block}.skin-preview__side i.is-on{background:var(--p-active);height:1.1em}.skin-preview__body{z-index:1;flex-direction:column;flex:1;gap:.8em;min-width:0;padding-top:.6em;display:flex}.skin-preview__title{background:var(--p-ink);opacity:.8;border-radius:1em;width:45%;height:1.2em}.skin-preview__tiles{grid-template-columns:repeat(4,1fr);gap:.55em;display:grid}.skin-preview__tiles span{aspect-ratio:1/1.1;border-radius:.8em;box-shadow:0 1px 3px #0000000f}.skin-preview__row{align-items:stretch;gap:.55em;display:flex}.skin-preview__button{background:var(--p-primary);border-radius:.6em;width:30%;height:1.7em}.skin-preview__card{background:var(--p-surface);border-radius:.6em;flex:1}.skin-preview__deco{z-index:2;pointer-events:none;position:absolute;inset:0}.skin-preview__deco .skin-deco__item{width:calc(var(--size) * 1.5);height:calc(var(--size) * 1.5);filter:none}.dialog--wide{width:min(40rem,100%)}@media (max-width:960px){.shop__hero{grid-template-columns:1fr}.shop__hero .skin-preview{max-width:24rem;transform:none}}@media (max-width:720px){.skin-deco{left:0}.skin-deco__item{width:calc(var(--size) * .6);height:calc(var(--size) * .6);opacity:.4!important}.shop__hero>.skin-preview{display:none}.dev-chip{justify-content:center;width:2.9rem;padding:0}.dev-chip__label{display:none}.shop__title h1{font-size:1.6rem}.shop__title-icon{width:2.75rem;height:2.75rem}.shop__tools{width:100%}.shop__search{flex:100%}.shop__search .input{width:100%}.shop__filter{flex:1;min-width:0}.shop__filter .input{width:100%}.shop__hero{gap:1.1rem;padding:1.25rem}.shop__hero h2{font-size:1.35rem}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.skin-card{padding:.45rem .45rem .6rem}.skin-card h3{font-size:.95rem}.skin-card__tagline{font-size:.78rem}.skin-card__badges{top:.8rem;left:.8rem;right:.8rem}.skin-card__ribbon,.skin-card__state{padding:.15rem .45rem;font-size:.66rem}.skin-card__meta{flex-wrap:wrap}.skin-card__actions{grid-template-columns:1fr;gap:.4rem}}.settings-theme{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-theme>span{display:grid}:root[data-skin=glass] .card,:root[data-skin=glass] .skin-card,:root[data-skin=glass] .action-tile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-skin=glass] .dialog{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed}.profile-bar{border-radius:var(--radius-lg);background:var(--primary-50);align-items:center;gap:.25rem;padding:.35rem;display:flex}.profile-bar .profile-chip{border-top:0;flex:1;min-width:0;padding:.3rem}.profile-bar .profile-chip.active{background:0 0}.profile-chip__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.profile-bar__settings{color:var(--ink-soft)}.profile-bar__settings.active{color:var(--primary-ink);background:var(--surface)}.shell--collapsed .profile-bar{flex-direction:column;padding:.3rem .2rem}.shell--collapsed .profile-bar .profile-chip{justify-content:center}.avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-page{max-width:76rem}.profile-page__head{justify-content:space-between;align-items:center;display:flex}.profile-page__head h1{align-items:center;gap:.5rem;font-size:2.1rem;font-weight:900;display:flex}.profile-page__sparkle{color:#f4c64e}.profile-page__settings{display:none}.profile-hero{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--line);position:relative;overflow:hidden}.profile-hero__banner{aspect-ratio:4;background:var(--primary-50);width:100%;min-height:11rem;max-height:22rem;position:relative;overflow:hidden}.profile-hero__banner-img{object-fit:cover;width:100%;height:100%;display:block}.profile-hero__wave{width:100%;height:28%;fill:var(--surface);position:absolute;bottom:-1px;left:0;right:0}.profile-hero__banner-btn{z-index:2;position:absolute;top:1rem;right:1rem}.media-btn{width:3rem;height:3rem;color:var(--primary-ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;transition:transform .15s;display:grid;box-shadow:0 4px 14px #28145033}.skin-dark .media-btn{background:var(--surface-soft)}.media-btn:hover:not(:disabled){transform:scale(1.06)}.media-btn.is-busy{cursor:progress;opacity:.6;animation:1s ease-in-out infinite media-pulse}@keyframes media-pulse{50%{opacity:.35}}.reduce-motion .media-btn.is-busy{animation:none}.profile-hero__info{z-index:1;align-items:flex-start;gap:1.5rem;margin-top:-6.5rem;padding:0 2rem 1.5rem;display:flex;position:relative}.profile-hero__avatar{flex:none;position:relative}.profile-hero__avatar .avatar{box-shadow:0 0 0 6px var(--surface), 0 8px 24px #2814502e;font-size:3.6rem!important}.profile-hero__avatar-btn{position:absolute;bottom:.4rem;right:-.2rem}.profile-hero__avatar-btn .media-btn{width:2.75rem;height:2.75rem}.profile-hero__who{gap:.5rem;min-width:0;padding-top:7.1rem;display:grid}.profile-hero__who h2{overflow-wrap:anywhere;align-items:center;gap:.35rem;font-size:1.9rem;font-weight:900;display:flex}.profile-hero__edit{color:var(--ink-soft)}.profile-hero__online{background:var(--mint-50);color:var(--mint-600);border-radius:999px;justify-self:start;align-items:center;gap:.45rem;padding:.3rem .85rem;font-weight:750;display:inline-flex}.profile-hero__dot{background:var(--online);border-radius:50%;width:.7rem;height:.7rem}.profile-hero__guest{color:var(--ink-soft);margin:0;padding:0 2rem 1.4rem}.profile-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.5rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.profile-tabs__tab{border-radius:var(--radius-md);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:.55rem;padding:.75rem 1.4rem;font-weight:700;display:inline-flex}.profile-tabs__tab:hover{background:var(--surface-soft)}.profile-tabs__tab.is-on{background:var(--primary-50);color:var(--primary-ink)}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;display:grid}.profile-tile{aspect-ratio:8/3.4;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.profile-tile.is-current{box-shadow:0 0 0 3px var(--primary), var(--shadow-sm)}.profile-tile__open{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.profile-tile__img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.profile-tile:hover .profile-tile__img{transform:scale(1.03)}.reduce-motion .profile-tile:hover .profile-tile__img{transform:none}.profile-tile__menu{position:absolute;top:.6rem;right:.6rem}.profile-tile__more{color:#2b2350;cursor:pointer;background:#ffffffeb;border:0;border-radius:.7rem;place-items:center;width:2.2rem;height:2.2rem;display:grid;box-shadow:0 2px 8px #28145026}.profile-tile__fav{color:#e0477f;pointer-events:none;background:#ffffffeb;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;display:grid;position:absolute;top:.6rem;left:.6rem}.profile-tile__label{color:#2b2350;background:#ffffffeb;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:800;position:absolute;bottom:.6rem;left:.6rem}.profile-tile--upload{border:2px dashed var(--line-strong);background:var(--glass);color:var(--primary-ink);font:inherit;text-align:center;cursor:pointer;place-content:center;justify-items:center;gap:.3rem;padding:1rem;display:grid}.profile-tile--upload:hover:not(:disabled){border-color:var(--primary)}.profile-tile--upload strong{color:var(--ink)}.profile-empty{text-align:center;justify-items:center;gap:.75rem;padding:2.5rem 1rem;display:grid}.profile-empty p{max-width:28rem;margin:0}.profile-projects{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.9rem;display:grid}.profile-project{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:inherit;align-items:center;gap:.9rem;padding:.6rem;text-decoration:none;display:flex}.profile-project:hover{border-color:var(--line-strong)}.profile-project__img{border-radius:var(--radius-sm);object-fit:cover;background:#fff;flex:none;width:5rem;height:3.6rem}.profile-project__text{flex:1;min-width:0;display:grid}.profile-project__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-project__badge{background:var(--surface-soft);color:var(--ink-soft);border-radius:999px;flex:none;padding:.2rem .6rem;font-size:.78rem;font-weight:750}.profile-project__badge.is-shared{background:var(--sky-50);color:var(--sky-600)}@media (max-width:720px){.profile-bar{background:0 0;padding:0}.profile-chip__name,.profile-bar__settings{display:none}.profile-page__settings{display:inline-grid}.profile-page__head h1{font-size:1.6rem}.profile-hero__banner{aspect-ratio:2.4;min-height:0}.profile-hero__banner-btn{top:.6rem;right:.6rem}.media-btn{width:2.5rem;height:2.5rem}.profile-hero__info{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-top:-4.5rem;padding:0 1rem 1.2rem}.profile-hero__avatar .avatar{width:112px!important;height:112px!important;font-size:2.8rem!important}.profile-hero__who{justify-items:center;padding:0}.profile-hero__info{align-items:center}.profile-hero__who h2{justify-content:center;font-size:1.5rem}.profile-hero__online{justify-self:center}.profile-hero__guest{text-align:center;padding:0 1rem 1.1rem}.profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.profile-tabs__tab{text-align:center;flex-direction:column;gap:.25rem;padding:.55rem .2rem;font-size:.76rem}.profile-grid{grid-template-columns:1fr;gap:.9rem}.profile-projects{grid-template-columns:1fr}}.friends-page{grid-template-rows:auto 1fr;max-width:82rem;height:100%;padding-bottom:1.5rem}.friends-page__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.friends-page__head h1{font-size:2.6rem;font-weight:900}.friends-page__head p{margin:.2rem 0 0}.friends-code{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.8rem 1.1rem;display:flex}.friends-code__mine{border-right:1px solid var(--line);gap:.3rem;padding-right:1.25rem;display:grid}.friends-code__label{font-size:.82rem;font-weight:800}.friends-code__row{align-items:center;gap:.6rem;display:flex}.friends-code__value{border-radius:var(--radius-md);background:var(--primary-50);color:var(--ink);font:inherit;letter-spacing:.15em;cursor:pointer;border:0;padding:.45rem 1.1rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.1rem;font-weight:800}.friends-code__add{gap:.6rem;display:flex}.friends-code__add .input{border-radius:var(--radius-md);width:12rem}.friends-layout{grid-template-columns:minmax(17rem,23rem) minmax(0,1fr);gap:1.1rem;height:calc(100vh - 12rem);min-height:30rem;display:grid}.friends-panel,.friends-chat{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.friends-panel{gap:.9rem;padding:.9rem;overflow-y:auto}.friends-panel__search{align-items:center;display:flex;position:relative}.friends-panel__search svg{color:var(--ink-soft);pointer-events:none;position:absolute;left:.9rem}.friends-panel__search .input{border-radius:var(--radius-lg);padding-left:2.6rem}.friends-panel__group{gap:.4rem;display:grid}.friends-panel__group h2{padding:0 .3rem;font-size:1rem;font-weight:800}.friends-panel__title{justify-content:space-between;align-items:center;display:flex}.friends-panel__hint{margin:0;padding:.5rem .3rem}.friend-rows{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.friend-row{border-radius:var(--radius-lg);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.8rem;padding:.6rem .7rem;display:flex}button.friend-row:hover{background:var(--surface-soft)}.friend-row.is-open{background:var(--primary-50)}.friend-row--request,.friend-row--muted{cursor:default}.friend-row--muted{opacity:.75}.friend-row>svg{color:var(--ink-soft);flex:none}.friend-row__text{flex:1;min-width:0;line-height:1.3;display:grid}.friend-row__text strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.friend-row__text small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-row__text small.is-unread{color:var(--ink);font-weight:750}.friend-row__badge{background:var(--accent-strong);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-size:.78rem;font-weight:800;display:grid}.friend-avatar{flex:none;display:inline-flex;position:relative}.friend-avatar.is-online:after,.friend-avatar.is-offline:after{content:"";border:2.5px solid var(--surface);background:var(--online);border-radius:50%;width:28%;min-width:.75rem;height:28%;min-height:.75rem;position:absolute;bottom:0;right:0}.friend-avatar.is-offline:after{background:#9a94b0}.friends-chat{overflow:hidden}.friends-chat--empty{text-align:center;place-items:center;padding:2rem;display:grid}.friends-chat__head{border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:.9rem 1.2rem;display:flex}.friends-chat__head .friend-row__text strong{font-size:1.2rem}.friends-chat__back{display:none}.friends-chat__log{flex-direction:column;flex:1;gap:.9rem;min-height:0;padding:1rem 1.2rem;display:flex;overflow-y:auto}.friends-chat__loading{margin:auto}.friends-chat__hint{text-align:center;max-width:22rem;margin:auto}.friends-chat__item{gap:.9rem;display:grid}.friends-chat__day{background:var(--surface-soft);color:var(--ink-soft);border-radius:999px;justify-self:center;padding:.3rem .9rem;font-size:.82rem;font-weight:700}.friends-chat__day:first-letter{text-transform:uppercase}.bubble-row{align-items:flex-start;gap:.7rem;max-width:min(80%,34rem);display:flex}.bubble-row.is-mine{flex-direction:row-reverse;align-self:flex-end}.bubble{border-radius:var(--radius-lg);background:var(--surface-soft);border-top-left-radius:.4rem;gap:.35rem;min-width:0;padding:.65rem .8rem .75rem;display:grid}.bubble-row.is-mine .bubble{border-top-left-radius:var(--radius-lg);background:var(--primary-50);border-top-right-radius:.4rem}.bubble__head{justify-content:space-between;align-items:baseline;gap:1rem;font-size:.85rem;display:flex}.bubble__head time{color:var(--ink-soft);align-items:center;gap:.2rem;font-size:.78rem;display:inline-flex}.bubble__seen{color:var(--primary-ink)}.bubble__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble__drawing{border-radius:var(--radius-md);background:#fff;place-items:center;width:min(15rem,60vw);max-height:18rem;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.bubble__open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.bubble__open img{object-fit:contain;width:100%;height:100%;display:block}.bubble__missing{text-align:center;padding:1rem;font-size:.85rem}.bubble__download{color:#2b2350;cursor:pointer;background:#fffffff2;border:0;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid;position:absolute;bottom:.5rem;right:.5rem;box-shadow:0 2px 8px #00000026}.friends-chat__composer{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.8rem 1rem .3rem;display:flex}.friends-chat__composer .input{border-radius:var(--radius-lg);flex:1}.friends-chat__draw{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);width:2.9rem;height:2.9rem}.friends-chat__send{border-radius:var(--radius-md);background:var(--accent-strong);color:#fff;cursor:pointer;border:0;flex:none;place-items:center;width:3.2rem;height:2.9rem;display:grid}.friends-chat__send:disabled{opacity:.5;cursor:not-allowed}.friends-chat__note{text-align:center;margin:0;padding:0 1rem .6rem;font-size:.75rem}.drawing-picker{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.7rem;max-height:55vh;display:grid;overflow-y:auto}.drawing-picker__item{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;gap:.35rem;padding:.4rem;font-size:.85rem;font-weight:700;display:grid}.drawing-picker__item:hover{border-color:var(--primary)}.drawing-picker__img{aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius-sm);background:#fff;width:100%}@media (max-width:860px){.friends-layout{grid-template-columns:1fr;height:auto;min-height:0}.friends-page.has-chat .friends-panel,.friends-page:not(.has-chat) .friends-chat,.friends-page.has-chat .friends-page__head{display:none}.friends-page.has-chat .friends-chat{height:calc(100dvh - 7.5rem - env(safe-area-inset-top))}.friends-chat__back{display:inline-grid}.friends-page__head h1{font-size:1.8rem}.friends-code{gap:.8rem;width:100%}.friends-code__mine{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:0 0 .8rem}.friends-code__add{width:100%}.friends-code__add .input{flex:1;width:auto;min-width:0}.bubble-row{max-width:92%}}