:root{--bg:#12141a;--bg-elevated:#1a1d26;--border:#2a2f3d;--text:#e8eaef;--muted:#8b92a8;--accent:#38bdf8;--accent-dim:#38bdf826;--danger:#f87171;--btn-bg:#252a36;--btn-bg-hover:#2f3545;--radius:8px;--font:"Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;margin:0;overflow-x:clip}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;line-height:1.4;overflow:hidden}#root{min-width:0;min-height:100%}.app-shell{flex-direction:column;width:100%;min-width:0;height:100vh;min-height:100%;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.site-footer__inner{justify-content:space-between;align-items:center;gap:12px;width:min(980px,100% - 24px);min-height:48px;margin:0 auto;padding:10px 0;display:flex}.site-footer__left{align-items:center;gap:12px;min-width:0;display:inline-flex}.site-footer__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.site-footer__copyright{color:var(--muted);white-space:nowrap;font-size:12px}[data-editor-layout$=Retro] .site-footer__copyright{color:var(--rc-1,#f1f6e6b8)}.site-footer__discord{color:var(--text);font-size:13px;text-decoration:none}.site-footer__discord:hover{color:var(--accent)}.site-footer__links{align-items:center;gap:14px;display:inline-flex}.site-footer__link{color:var(--text);font-size:13px;text-decoration:none}.site-footer__link:hover{color:var(--accent)}.checkout-banner{text-align:center;background:var(--accent-dim);color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 16px;font-size:13px}.app-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(72px,7vw,88px) minmax(0,1fr) 320px;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}@media (width<=960px){.app-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}}.canvas-host{border-left:1px solid var(--border);border-right:1px solid var(--border);overscroll-behavior:none;background:#fff;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.tool-mode-indicator{z-index:35;pointer-events:none;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);max-width:min(240px,100% - 24px);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9px;flex-direction:column;align-items:flex-start;gap:6px;padding:7px 11px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 18px #0000002e}.tool-mode-indicator__text{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.tool-mode-indicator__exit{pointer-events:auto;cursor:pointer;text-align:center;align-self:stretch}.tool-mode-indicator__kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:650}.tool-mode-indicator__mode{font-size:14px;font-weight:700;line-height:1.2}.tool-mode-indicator__hint{color:var(--muted);font-size:11px;font-weight:450;line-height:1.35}.toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;padding:10px 16px;display:flex;position:relative}.toolbar__history{align-items:center;gap:6px;display:inline-flex}.toolbar-history-btn{justify-content:center;min-width:64px}.toolbar__brand{flex-direction:column;gap:2px;display:flex}.toolbar__title{letter-spacing:-.02em;font-weight:600}.toolbar__sub{color:var(--muted);font-size:12px}.toolbar__actions{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-mobile{display:none;position:relative}.toolbar-mobile-auth-btn{display:none}.toolbar-mobile-auth{display:none;position:relative}.toolbar-mobile-auth__menu{z-index:145;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-elevated);gap:4px;min-width:132px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000059}.toolbar-mobile-auth__menu .btn{justify-content:flex-start}.toolbar-mobile__menu-btn{min-width:78px;padding-inline:12px}.toolbar-mobile__settings-btn{min-width:78px}.toolbar-mobile__menu{z-index:140;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-elevated);overscroll-behavior:contain;gap:6px;width:min(310px,100vw - 20px);max-height:min(72vh,100vh - 84px);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 30px #00000059}.toolbar-mobile__hint{margin:0}.toolbar-mobile__menu-note{margin:4px 0 0}.toolbar-mobile__menu .btn{justify-content:flex-start}.toolbar-mobile__row{gap:4px;padding:6px 2px;display:grid}.toolbar-mobile__menu-section{border-top:1px solid var(--border);gap:5px;margin-top:4px;padding-top:8px;display:grid}.toolbar__action-capsule{display:contents}.toolbar-ref-opacity{align-items:center;gap:6px;min-width:132px;display:inline-flex}.toolbar-ref-opacity input[type=range]{width:88px}.toolbar-ref-opacity__label{color:var(--muted);font-size:12px}.toolbar-export{position:relative}.toolbar-export__menu{z-index:120;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;gap:4px;min-width:230px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000061}.public-design-shell{flex-direction:column;flex:1;min-height:0;display:flex}.public-design-toolbar .toolbar__brand{cursor:pointer}.public-design-actions{flex-wrap:wrap}.public-design-msg{padding-inline:6px}.public-design-main{flex:1;justify-content:center;padding:18px 16px 26px;display:flex}.public-design-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--bg-elevated);width:100%;max-width:980px;padding:16px 16px 18px;box-shadow:0 10px 26px #0000002e}.public-design-card--wide{padding:18px}.public-design-title{letter-spacing:-.01em;margin:0 0 10px;font-size:1.35rem;line-height:1.2}.public-design-hero{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=860px){.public-design-hero{grid-template-columns:1.05fr .95fr;align-items:start;gap:18px}}.public-design-thumb{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:repeating-conic-gradient(#e4e6ee 0% 25%,#fafbfc 0% 50%) 50%/14px 14px;overflow:hidden}.public-design-meta{min-width:0}.help-page{background:var(--bg);min-height:0;color:var(--text);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.help-page__topbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:20;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.help-page__title{margin:0;font-size:1.2rem;line-height:1.2}.help-page__content{gap:14px;width:min(980px,100% - 24px);margin:16px auto 28px;display:grid}.help-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg-elevated);padding:14px 16px}.help-card h2,.help-card h3{margin:0 0 10px}.help-card p{color:var(--text);margin:0 0 10px}.help-card ul,.help-card ol{gap:8px;margin:0;padding-left:20px;display:grid}.help-jump-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:12px;display:grid}.help-jump-list__item{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:10px;padding:8px 10px;text-decoration:none}.help-jump-list__item:hover{border-color:var(--accent)}.legal-page{overscroll-behavior:contain;background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.legal-page__topbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:20;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.legal-page__content{width:min(860px,100% - 24px);margin:16px auto 24px}.legal-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg-elevated);padding:16px;box-shadow:0 8px 24px #0000002e}.legal-card h1{margin:0 0 12px;font-size:1.45rem;line-height:1.2}.legal-card p{margin:0 0 10px}.legal-card p:last-child{margin-bottom:0}.legal-card a{color:var(--accent)}.faq-page__content{gap:12px;display:grid}.faq-intro-card h1{margin:0 0 8px}.faq-intro-card p{margin:0}.faq-jump-links{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}.faq-jump-links__item{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:inline-flex}.faq-jump-links__item:hover{border-color:var(--accent)}.faq-jump-links__icon{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 6px;font-size:11px}.faq-section__title{margin:0 0 10px;font-size:1.16rem}.faq-accordion{gap:8px;display:grid}.faq-item{border:1px solid var(--border);background:var(--bg);border-radius:10px;overflow:hidden}.faq-item__heading{margin:0}.faq-item__toggle{width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.faq-item__toggle:hover{background:var(--accent-dim)}.faq-item__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.faq-item__chevron{color:var(--muted);font-size:1.1rem;line-height:1}.faq-item__panel{padding:0 12px 12px;display:none}.faq-item__panel.is-open{display:block}.faq-item__panel p{color:var(--text);margin:0}[data-editor-layout$=Retro] .faq-item{background:linear-gradient(90deg, var(--rc-2,#3f5c43) 0%, var(--rc-3,#36543d) 48%, var(--rc-4,#314d38) 100%);border-color:var(--rc-5,#7ea66d6b)}[data-editor-layout$=Retro] .faq-item__toggle{color:var(--rc-6,#f1f6e6)}[data-editor-layout$=Retro] .faq-item__chevron{color:var(--rc-1,#f1f6e6b8)}[data-editor-layout$=Retro] .faq-item__toggle:hover{background:var(--rc-8,#9dc55e2e)}[data-editor-layout$=Retro] .faq-item__toggle:focus-visible{outline-color:var(--rc-9,#d9efb6)}[data-editor-layout$=Retro] .legal-card,[data-editor-layout$=Retro] .faq-intro-card,[data-editor-layout$=Retro] .faq-section,[data-editor-layout$=Retro] .faq-support-card,[data-editor-layout$=Retro] .public-profile-card{background:linear-gradient(180deg, var(--rc-10,#eef3de) 0%, var(--rc-11,#e2ebcb) 100%);border-color:var(--rc-12,#5a704880)}[data-editor-layout$=Retro] .legal-card h1,[data-editor-layout$=Retro] .legal-card h2,[data-editor-layout$=Retro] .legal-card p,[data-editor-layout$=Retro] .faq-section__title,[data-editor-layout$=Retro] .faq-support-card__note,[data-editor-layout$=Retro] .public-profile-card .muted{color:var(--rc-13,#2f432f)}[data-editor-layout$=Retro] .public-profile-card .pp-section,[data-editor-layout$=Retro] .public-profile-card .pp-section p,[data-editor-layout$=Retro] .public-profile-card .pp-section .muted,[data-editor-layout$=Retro] .public-profile-card .pp-section .small,[data-editor-layout$=Retro] .public-profile-card .pp-section__title,[data-editor-layout$=Retro] .public-profile-card .pp-stat__k,[data-editor-layout$=Retro] .public-profile-card .pp-meta-pill__k,[data-editor-layout$=Retro] .public-profile-card .pp-badge__name,[data-editor-layout$=Retro] .public-profile-card .pp-activity__label,[data-editor-layout$=Retro] .public-profile-card .pp-activity__reward{color:var(--rc-7,#f1f6e6eb)}[data-editor-layout$=Retro] .public-profile-card .pp-title,[data-editor-layout$=Retro] .public-profile-card .pp-frame-preview-name{color:var(--rc-14,#f1f6e6f5)}[data-editor-layout$=Retro] .public-profile-card .pp-section .btn{color:var(--rc-15,#1a291af5)}[data-editor-layout$=Retro] .public-profile-card .pp-section .btn.btn--ghost,[data-editor-layout$=Retro] .public-profile-card .pp-section .btn.btn--ghost:hover{color:var(--rc-14,#f1f6e6f5)}[data-editor-layout$=Retro] .public-profile-card .pp-section .btn.btn--ghost{border-color:var(--rc-16,#f1f6e638);background:var(--rc-17,#ffffff0f)}[data-editor-layout$=Retro] .public-profile-card .pp-section .btn:disabled{color:var(--rc-18,#f1f6e68c)}[data-editor-layout$=Retro] .public-profile-card .pp-section input.stat-input,[data-editor-layout$=Retro] .public-profile-card .pp-section textarea.stat-input,[data-editor-layout$=Retro] .public-profile-card .pp-section textarea.pp-comments__input{color:var(--rc-14,#f1f6e6f5);background:var(--rc-19,#0003);border-color:var(--rc-20,#f1f6e62e)}[data-editor-layout$=Retro] .public-profile-card .pp-section input.stat-input::placeholder,[data-editor-layout$=Retro] .public-profile-card .pp-section textarea.stat-input::placeholder,[data-editor-layout$=Retro] .public-profile-card .pp-section textarea.pp-comments__input::placeholder{color:var(--rc-18,#f1f6e68c)}[data-editor-layout$=Retro] .legal-card a{color:var(--rc-21,#365f37)}[data-editor-layout$=Retro] .faq-jump-links__item{background:var(--rc-22,#eef3dee6);border-color:var(--rc-23,#5a70486b);color:var(--rc-24,#3b6f38)}[data-editor-layout$=Retro] .faq-jump-links__icon{background:linear-gradient(180deg, var(--rc-2,#3f5c43) 0%, var(--rc-3,#36543d) 100%);border-color:var(--rc-25,#7ea66d5c);color:var(--rc-26,#f1f6e6d1)}[data-editor-layout$=Retro] .site-footer{background:linear-gradient(180deg, var(--rc-27,#2f5a3f) 0%, var(--rc-28,#2a4f38) 100%);border-top-color:var(--rc-29,#9dc55e52)}[data-editor-layout$=Retro] .site-footer__brand{color:var(--rc-30,#f1f6e6ad)}[data-editor-layout$=Retro] .site-footer__discord,[data-editor-layout$=Retro] .site-footer__link{color:var(--rc-6,#f1f6e6)}[data-editor-layout$=Retro] .faq-item__panel p{color:var(--rc-31,#eff5e2)}.faq-support-card{border-color:#6ee7b752}.faq-support-card h2{margin:0 0 8px}.faq-support-card p{margin:0}.faq-support-card__badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.faq-support-card__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.faq-support-card__note{margin-top:10px}.public-profile-card__header{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.public-profile-card__avatar{border:1px solid var(--border);background:var(--bg);border-radius:16px;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.public-profile-card__avatar img{object-fit:cover;width:100%;height:100%}.public-profile-card__bio{white-space:pre-wrap;margin-top:14px}.public-profile-page .public-profile-card{padding:18px 18px 20px}.pp-profile-shell{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.pp-main-column,.pp-sidebar{min-width:0}.pp-friends__list{gap:8px;display:grid}.pp-friends__requests{margin-bottom:10px}.pp-friends__requests-title{margin-bottom:8px;font-weight:800}.pp-friend-row{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.pp-friend-row__avatar{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.pp-friend-row__avatar img{object-fit:cover;width:100%;height:100%}.pp-friend-row__avatar-ph{color:#f1f6e6e6;font-size:12px;font-weight:800}.pp-friend-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.pp-friend-row__status{color:#f1f6e6c7;margin-top:2px;font-size:11px}.pp-friend-row__status.is-online{color:#9dc55efa;font-weight:800}.pp-friend-row__level{background:#ffffff0f;border:1px solid #9dc55e61;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:850;display:grid}.pp-friend-row__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pp-fav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pp-fav-card{color:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;text-decoration:none;overflow:hidden}.pp-fav-card__name{text-overflow:ellipsis;white-space:nowrap;padding:8px 8px 10px;font-size:12px;font-weight:750;overflow:hidden}.pp-section{color:#f1f6e6;background:linear-gradient(165deg,#234d3a 0%,#14261c 100%);border:1px solid #ffffff1f;border-radius:18px;margin-top:14px;padding:14px 14px 16px;box-shadow:0 10px 26px #0000002e}.pp-header-card{margin-top:0}.pp-header-card__grid{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;display:grid}.pp-avatar-frame{border-radius:22px;place-items:center;padding:3px;display:grid}.pp-avatar{background:#ffffff0f;border:1px solid #ffffff29;border-radius:20px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.pp-avatar-frame--small{border-radius:18px;padding:3px}.pp-avatar--small{border-radius:16px;width:64px;height:64px}.pp-frame-preview-row{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;display:grid}.pp-frame-preview-name{font-weight:850}.pp-avatar img{object-fit:cover;width:100%;height:100%}.pp-avatar__placeholder{color:#f1f6e6e6;font-size:34px;font-weight:800}.pp-title{color:#fff;text-shadow:0 1px #00000059;margin:0;font-size:1.25rem;line-height:1.15}.pp-header-card__name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-header-card__spacer{flex:auto;min-width:8px}.pp-level-badge{color:#2f432f;letter-spacing:.02em;background:#f1f6e6eb;border:1px solid #9dc55e40;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.pp-bio{color:#f1f6e6e0;white-space:pre-wrap;margin:10px 0 0;line-height:1.45}.pp-header-card__meta-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pp-meta-pill{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;align-items:baseline;gap:8px;min-width:140px;padding:8px 10px;display:inline-flex}.pp-meta-pill__k{letter-spacing:.06em;text-transform:uppercase;color:#f1f6e6bf;font-size:11px;font-weight:800}.pp-meta-pill__v{font-size:13px;font-weight:750}.pp-pearl{text-align:center;filter:drop-shadow(0 1px 2px #00000040);width:.85em;height:.85em;line-height:.85em;display:inline-block}.pp-pearl--big{font-size:18px}.pp-section__title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.pp-section__title{margin:0;font-size:.95rem;font-weight:750}.pp-progress__bar{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;width:100%;height:12px;overflow:hidden}.pp-progress__fill{background:linear-gradient(90deg,#9dc55ef2 0%,#6ee7b7d9 100%);border-radius:999px;height:100%}.pp-progress__labels{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.pp-pearls-amount{letter-spacing:.01em;font-size:18px;font-weight:850}.pp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pp-stat{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;padding:12px}.pp-stat__k{color:#f1f6e6c7;font-size:12px}.pp-stat__v{margin-top:6px;font-size:20px;font-weight:850}.pp-empty{color:#f1f6e6e0;background:#ffffff0f;border:1px dashed #ffffff38;border-radius:16px;padding:14px 12px}.pp-design-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.pp-design-card{color:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:18px;text-decoration:none;transition:transform .12s,background .12s;overflow:hidden}.pp-design-card:hover{background:#ffffff17;transform:translateY(-1px)}.pp-design-card__preview{background:radial-gradient(circle at 20% 30%,#9dc55e59,#0000 52%),radial-gradient(circle at 70% 65%,#6ee7b740,#0000 55%),linear-gradient(#ffffff1f,#fff0);height:92px}.pp-design-card__meta{padding:10px 10px 12px}.pp-design-card__name{font-size:13px;font-weight:750;line-height:1.2}.pp-badges{flex-wrap:wrap;gap:16px;display:flex}.pp-badge{border-radius:calc(var(--radius) + 2px);text-align:center;background:#ffffff0f;border:1px solid #ffffff24;flex-direction:column;align-items:center;gap:8px;width:120px;min-height:110px;padding:10px 10px 12px;font-size:12px;display:flex;position:relative}.pp-badge.is-locked{opacity:.35}.pp-badge__img{border-radius:calc(var(--radius) + 2px);flex:none;width:64px;height:64px}.pp-badge__name{font-size:11px;font-weight:750;line-height:1.2}.pp-badge--founder .pp-badge__img{border:2px solid var(--accent)}.pp-badge--founder .pp-badge__name{color:var(--accent)}.pp-badge__lock{position:absolute;top:8px;right:10px}.pp-activity{gap:8px;display:grid}.pp-activity__row{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;justify-content:space-between;gap:10px;padding:10px;display:flex}.pp-activity__reward{color:#9dc55efa;font-weight:800}.pp-comments__composer{gap:8px;display:grid}.pp-comments__input{resize:vertical;min-height:76px}.pp-comments__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.pp-comments{gap:8px;margin-top:10px;display:grid}.pp-comment{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px;display:grid}.pp-comment__avatar{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.pp-comment__avatar img{object-fit:cover;width:100%;height:100%}.pp-comment__avatar-ph{color:#f1f6e6e6;font-size:12px;font-weight:800}.pp-comment__meta{align-items:baseline;gap:10px;display:flex}.pp-comment__author{color:inherit;font-weight:800;text-decoration:none}.pp-comment__author:hover{color:var(--accent)}.pp-comment__delete{margin-left:auto;line-height:1}.pp-comment__text{white-space:pre-wrap;margin-top:4px}.pp-author-nameplate .author-nameplate__level{background:#ffffff0f;border-color:#ffffff24}@media (width<=520px){.pp-header-card__grid{grid-template-columns:72px minmax(0,1fr)}.pp-avatar{border-radius:18px;width:72px;height:72px}.pp-stats-grid{grid-template-columns:1fr}}@media (width<=960px){.pp-profile-shell{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.pp-profile-shell{grid-template-columns:minmax(0,1fr)}.pp-fav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.public-design-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.public-design-cta-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toolbar__msg{flex-basis:100%;width:100%;margin:0;padding-top:6px}.modal-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);width:100%;max-width:400px;padding:20px 22px;box-shadow:0 20px 50px #00000080}.modal-dialog__title{margin:0 0 8px;font-size:1.1rem;font-weight:600}.modal-dialog__text{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.theme-preset-grid{flex-wrap:wrap;gap:12px;display:flex}.theme-preset-option{cursor:pointer;align-items:center;gap:6px;display:flex}.theme-preset-option.is-locked{cursor:not-allowed;opacity:.7}.appearance-modal__canvas-tools{border-top:1px solid var(--border);margin:0 0 14px;padding-top:14px}.appearance-modal__canvas-tools .muted{margin:6px 0 8px}.appearance-modal__editor-layout{border-bottom:1px solid var(--border);margin:0 0 14px;padding-bottom:14px}.appearance-modal__editor-layout .editor-layout-theme{width:100%}.appearance-modal__editor-layout .editor-layout-theme__select{flex:1;min-width:0;max-width:none}.modal-dialog__checks{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.modal-dialog__check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;display:flex}.modal-dialog__check input{flex-shrink:0;margin-top:3px}.modal-dialog__check-desc{color:var(--muted);margin-top:2px;font-size:12px;display:block}.modal-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-dialog--upgrade{max-width:440px}.upgrade-offer__title{margin:0 0 10px;font-size:1.1rem;font-weight:600}.upgrade-offer__text{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.upgrade-offer__plans{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.upgrade-offer__plan{border-radius:var(--radius);color:#fff;background:linear-gradient(165deg,#234d3a 0%,#14261c 100%);border:1px solid #ffffff1f;padding:14px 14px 16px}.upgrade-offer__plan--highlight{border-color:#81c7848c;box-shadow:0 0 0 1px #81c78433}.upgrade-offer__plan-badge{letter-spacing:.04em;text-transform:uppercase;color:#4e793d;background:#fffffff0;border-radius:6px;margin-bottom:10px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.upgrade-offer__plan-title{color:#fff;margin:0 0 6px;font-size:1rem;font-weight:600}.upgrade-offer__plan-price{color:#fff;margin:0 0 8px;font-size:14px}.upgrade-offer__plan-price strong{color:#fff}.upgrade-offer__plan-desc{color:#ffffffe0;margin:0 0 12px;line-height:1.45}.upgrade-offer__plan .btn{color:#153822;background:#fff;border-color:#fff}.upgrade-offer__plan .btn:hover:not(:disabled){filter:brightness(.97)}.upgrade-offer__plan .btn--ghost{color:#fff;background:#ffffff1f;border-color:#ffffff73}.upgrade-offer__plan .btn--ghost:hover:not(:disabled){color:#fff;background:#ffffff38;border-color:#ffffff8c}.upgrade-offer__plan .btn:disabled{opacity:.5}.upgrade-offer__includes{margin:0 0 12px}.upgrade-offer__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.upgrade-pricing-page__card{max-width:480px;margin:0 auto}.pro-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.account-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.account-bar__menu{position:relative}.account-menu-dropdown{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);z-index:150;flex-direction:column;gap:4px;min-width:200px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.account-menu-dropdown button{text-align:left}.account-menu__badge{border:1px solid var(--border);background:var(--accent-dim);color:var(--text);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:800}.account-menu-dropdown .btn,.account-menu-dropdown .btn--ghost{color:var(--text)}.plan-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.plan-badge--premium{color:var(--accent);background:var(--accent-dim);border-color:#38bdf859}.plan-badge--lifetime{color:#a3e635;background:#a3e6351a;border-color:#a3e63559}.zoom-badge{font-variant-numeric:tabular-nums;background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:13px}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:var(--radius);padding:8px 14px}.btn:hover{background:var(--btn-bg-hover)}.btn--ghost{background:0 0}.btn--small{padding:6px 10px;font-size:12px}.btn--danger{color:var(--danger);border-color:#f8717166;margin-top:8px}.sidebar{background:var(--bg-elevated);overscroll-behavior:contain;border-bottom:1px solid var(--border);scrollbar-gutter:stable;min-width:0;padding:14px;overflow:hidden auto}.sidebar--right{flex-direction:column;display:flex}.sidebar--left-dock{border-right:1px solid var(--border);scrollbar-gutter:auto;padding:8px 6px;overflow-y:visible}.tool-dock{flex-direction:column;gap:clamp(5px,.9vh,8px);display:flex;position:sticky;top:6px}.tool-dock__btn{border:1px solid var(--border);background:var(--btn-bg);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:clamp(3px,.6vh,6px);min-height:clamp(44px,7.2vh,58px);padding:clamp(6px,1vh,10px) 6px;display:flex}.tool-dock__btn:hover{border-color:var(--accent)}.tool-dock__btn--active{border-color:var(--accent);background:var(--btn-bg);color:var(--text);box-shadow:0 0 0 1px var(--accent-dim)}.tool-dock__icon{justify-content:center;align-items:center;width:clamp(16px,2.6vh,20px);height:clamp(16px,2.6vh,20px);display:inline-flex}.tool-dock__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:clamp(14px,2.2vh,18px);height:clamp(14px,2.2vh,18px)}.tool-dock__label{font-size:clamp(10px,1.4vh,11px);line-height:1}.tool-dock__quick-wrap{z-index:2;gap:6px;margin-top:4px;display:grid;position:relative}.tool-dock__quick-toggle{font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:clamp(3px,.6vh,6px);width:100%;display:flex}.tool-dock__quick-toggle:hover{border-color:var(--accent)}.tool-dock__quick-toggle--active{box-shadow:0 0 0 1px var(--accent-dim)}.tool-dock__quick-panel{border:1px solid var(--border);background:var(--bg);box-sizing:border-box;z-index:25;border-radius:12px;gap:6px;width:100%;max-height:min(44vh,320px);padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #0000003d}.tool-dock__quick-row{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.tool-dock__quick-row label{color:#f1f6e6;font-size:11px}.tool-dock__quick-row input{width:46px;font:inherit;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);box-sizing:border-box;border-radius:8px;padding:4px 6px;font-size:12px}.tool-dock__quick-row--dir{flex-direction:column;align-items:stretch;gap:5px}.tool-dock__quick-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.tool-dock__quick-dir-btn{justify-content:center;align-items:center;height:30px;padding:0;display:inline-flex}.tool-dock__quick-dir-btn--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.tool-dock__quick-dir-icon{width:14px;height:14px;display:inline-block;position:relative}.tool-dock__quick-dir-icon:before{content:"";border-top:2px solid;width:14px;position:absolute;top:6px;left:0}.tool-dock__quick-dir-icon--v:before{border-top:0;border-left:2px solid;width:2px;height:14px;top:0;left:6px}.tool-dock__quick-dir-icon--d1:before{transform-origin:0 0;width:18px;top:0;transform:rotate(45deg)}.tool-dock__quick-dir-icon--d2:before{transform-origin:0 100%;width:18px;top:12px;transform:rotate(-45deg)}@media (height<=840px){.app-body{grid-template-columns:clamp(66px,6.6vw,82px) minmax(0,1fr) 320px}.tool-dock__btn{min-height:42px;padding:6px 5px}}.tool-fab{pointer-events:auto;display:none;position:relative}.tool-fab__toggle{border:1px solid var(--border);background:var(--btn-bg);min-width:92px;height:48px;color:var(--text);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background-clip:padding-box;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:650;line-height:1.1;display:inline-flex;overflow:hidden;box-shadow:0 3px 8px #0000002e}.tool-fab__menu{opacity:0;transform-origin:100% 100%;pointer-events:none;gap:8px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:calc(100% + 10px);right:2px;transform:translateY(10px)scale(.96)}.tool-fab--open .tool-fab__menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.tool-fab__item{border:1px solid var(--border);background:var(--btn-bg);width:46px;height:46px;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid;box-shadow:0 8px 18px #00000042}.tool-fab__item--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim), 0 8px 18px #00000042}.tool-fab__item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mobile-palette-bar,.mobile-sidebar-sheet,.mobile-advisory-backdrop,.mobile-landscape-lock{display:none}.property-section{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:#00000014;margin-bottom:10px}.property-section__summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;font-size:11px;font-weight:700;list-style:none}.property-section__summary::-webkit-details-marker{display:none}.property-section__body{padding:0 12px 12px}.property-section--palette{z-index:auto;order:-1;position:static;top:auto;box-shadow:0 1px #ffffff08}.canvas-empty-state{color:#1d1f27b3;pointer-events:none;letter-spacing:.01em;text-align:center;z-index:6;place-items:center;padding:20px;font-size:1rem;font-weight:700;display:grid;position:absolute;inset:0}.canvas-empty-state__content{background:#ffffffd1;border:1px solid #0000001f;border-radius:12px;justify-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:16px 16px 12px;display:grid;position:relative}.canvas-empty-state__content p{margin:0}.canvas-empty-state__dismiss{color:#1d1f279e;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:2px;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.canvas-empty-state__dismiss:hover{color:#1d1f27f2}.canvas-empty-state__help-btn{pointer-events:auto;font-size:12px}.panel-top-actions{gap:8px;margin-bottom:10px;display:flex}.sidebar__heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:600}.sidebar__heading:first-child{margin-top:0}.help-text{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.45}.help-text--tight{margin:8px 0 0}.calibrate-block{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:12px;display:flex}.nudge-pad{grid-template-columns:1fr 1fr 1fr;gap:4px;max-width:120px;margin-bottom:12px;display:grid}.nudge-pad--compact{margin-bottom:6px}.nudge-btn{min-width:36px}.tool-grid{flex-direction:column;gap:6px;display:flex}.tool-btn{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:var(--radius);padding:8px 12px}.tool-btn:hover{border-color:var(--accent);opacity:.95}.tool-btn--active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.check-row{cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.field{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(2.75rem,auto);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:grid}.field>input[type=range]{width:100%;min-width:0}.field--inline-canvas-bg{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field--inline-canvas-bg .field__label{width:100%;min-width:0}.color-input{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;width:40px;height:30px;padding:0}.stat-input--hex{font-variant-numeric:tabular-nums;flex:1;min-width:0;max-width:7.5rem}.field__label{color:var(--muted);min-width:52px}.field__value{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;white-space:nowrap;justify-self:end;min-width:2.75rem;padding-inline-end:2px}.btn-row{flex-direction:column;gap:6px;display:flex}.active-swatch{border-radius:var(--radius);border:2px solid var(--border);width:100%;height:44px;box-shadow:inset 0 0 0 1px #ffffff14}.color-palette__label{color:var(--muted);margin:12px 0 6px;font-size:11px}.color-palette__swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--border);cursor:pointer;border-radius:6px;width:28px;height:28px;padding:0}.swatch--active{outline:2px solid var(--accent);outline-offset:2px}.swatch-with-remove{align-items:flex-start;display:inline-flex;position:relative}.swatch-with-remove .swatch-remove{border:1px solid var(--border);width:18px;height:18px;color:var(--text);cursor:pointer;background:#2a2f3d;border-radius:50%;padding:0;font-size:14px;line-height:16px;position:absolute;top:-6px;right:-6px}.swatch-with-remove .swatch-remove:hover{background:var(--danger);color:#fff}.color-palette__swatches--wrap{align-items:flex-start}.palette-name-input{margin-bottom:8px}.palette-save-row{flex-flow:wrap;gap:6px}.palette-msg{margin:6px 0 10px}.saved-palette-list{margin:0 0 12px;padding:0;font-size:12px;list-style:none}.saved-palette-list__row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;padding:6px 0;display:grid}.saved-palette-list__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.saved-palette-list__count{white-space:nowrap;font-size:11px}.danger-text{color:var(--danger)}.inspect-card,.build-row-box{border:1px solid var(--border);background:#171b24;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px;display:flex}.inspect-card__swatch{border:1px solid var(--border);border-radius:6px;width:100%;height:22px}.hex-input{width:100%;min-width:0;max-width:100%;font:inherit;border-radius:var(--radius);border:1px solid var(--border);color:var(--text);background:#1e222c;padding:8px 10px;font-family:ui-monospace,monospace}.stat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:8px;display:grid}.stat-label{color:var(--muted);margin-bottom:4px;font-size:11px}.stat-input{width:100%;min-width:0;max-width:100%;font:inherit;border:1px solid var(--border);color:var(--text);background:#1e222c;border-radius:6px;padding:6px 8px}.stat-value{font-variant-numeric:tabular-nums;padding:6px 0}.color-counts{margin:0;padding:0;font-size:12px;list-style:none}.color-counts__row{border-bottom:1px solid var(--border);grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 0;display:grid}.color-counts__dot{border:1px solid #fff3;border-radius:50%;width:14px;height:14px}.color-counts__hex{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.color-counts__n{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-float-menu{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);min-width:200px;max-width:min(280px,100vw - 24px);max-height:calc(100vh - 16px);padding:10px 12px;overflow:auto;box-shadow:0 12px 40px #00000073}.copy-float-menu__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.copy-float-menu__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:600}.copy-float-menu__close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;line-height:1}.copy-float-menu__close:hover{color:var(--text);background:#ffffff0f}.copy-float-menu__actions{flex-direction:column;gap:6px;display:flex}.copy-float-menu__sub{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:2px;padding-top:6px;display:flex}.copy-float-menu__sub-toggle{text-align:left;justify-content:space-between}.copy-float-menu__sub-panel{flex-direction:column;gap:4px;padding-left:4px;display:flex}.copy-float-menu__hint{margin:10px 0 0;line-height:1.35}.sidebar__heading-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;display:flex}.sidebar__heading-row .sidebar__heading{margin:0}.saved-design-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.saved-design-list__row{border-radius:var(--radius);border:1px solid var(--border);background:#0000001f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.saved-design-list__name{font-weight:600}.saved-design-list__actions{flex-wrap:wrap;gap:6px;display:flex}.canvas-host-wrap{flex-direction:column;min-width:0;height:100%;min-height:0;max-height:100%;display:flex}.editor-layout-theme{flex-shrink:0;align-items:center;gap:6px;display:flex}.editor-layout-theme__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.editor-layout-theme__select{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--btn-bg);color:var(--text);cursor:pointer;max-width:200px;padding:6px 10px;font-size:12px}.editor-layout-theme__select:hover{background:var(--btn-bg-hover)}[data-editor-layout=fun] .toolbar{background:linear-gradient(90deg,#7c7cf8,#5ad7ff,#ff9cee);border-bottom-color:#fff3}[data-editor-layout=fun] .toolbar__title,[data-editor-layout=fun] .toolbar__sub{color:#fff;text-shadow:0 1px 2px #0000002e}[data-editor-layout=fun] .toolbar__sub{opacity:.92}[data-editor-layout=fun] .toolbar .btn,[data-editor-layout=fun] .toolbar .editor-layout-theme__select{color:#1a1740;background:#ffffffeb;border-color:#ffffff59}[data-editor-layout=fun] .toolbar .btn:hover,[data-editor-layout=fun] .toolbar .editor-layout-theme__select:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 18px #5ad7ff73}[data-editor-layout=fun] .toolbar .btn--ghost{color:#fff;background:#fff3}[data-editor-layout=fun] .toolbar .btn--ghost:hover{color:#fff;background:#ffffff52}[data-editor-layout=fun] .toolbar .account-menu-dropdown .btn{color:#1a1740;border-color:var(--border);background:var(--btn-bg);box-shadow:none;transform:none}[data-editor-layout=fun] .toolbar .account-menu-dropdown .btn--ghost{color:#1a1740;background:0 0}[data-editor-layout=fun] .toolbar .account-menu-dropdown .btn--ghost:hover{background:var(--btn-bg-hover);color:#1a1740;box-shadow:none;transform:none}[data-editor-layout=fun] .toolbar .zoom-badge{color:#fff;background:#ffffff47;border:1px solid #ffffff59}[data-editor-layout=fun] .toolbar .editor-layout-theme__label{color:#ffffffe6}[data-editor-layout=fun] .canvas-host-wrap{background:linear-gradient(#f6f7ff,#f0f8ff);padding:14px}[data-editor-layout=fun] .canvas-host{border:none;border-radius:18px;box-shadow:0 14px 44px #7c7cf838}[data-editor-layout=fun] .tool-btn[data-tool=pen]{border-color:#3b82f68c}[data-editor-layout=fun] .tool-btn[data-tool=erase]{border-color:#ec48998c}[data-editor-layout=fun] .tool-btn[data-tool=eyedropper]{border-color:#a855f78c}[data-editor-layout=fun] .tool-btn[data-tool=fill]{border-color:#06b6d48c}[data-editor-layout=fun] .tool-btn[data-tool=build]{border-color:#22c55e8c}[data-editor-layout=fun] .tool-btn[data-tool=copy]{border-color:#eab3088c}[data-editor-layout=fun] .tool-btn[data-tool=pan]{border-color:#94a3b8a6}[data-editor-layout=fun] .tool-btn--active{box-shadow:0 0 0 2px #7c7cf859}[data-editor-layout=fun] .stat-input,[data-editor-layout=fun] .hex-input{color:#1a1740;border-color:var(--border);-webkit-text-fill-color:#1a1740;background:#fff}[data-editor-layout=fun] .stat-input:focus-visible,[data-editor-layout=fun] .hex-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[data-editor-layout=fun] .stat-input:disabled,[data-editor-layout=fun] .hex-input:disabled{opacity:.65;cursor:not-allowed}[data-editor-layout=fun] .inspect-card,[data-editor-layout=fun] .build-row-box{border-color:var(--border);background:#ffffffe0;box-shadow:0 2px 14px #7c7cf81f}[data-editor-layout=fun] .inspect-card .btn,[data-editor-layout=fun] .build-row-box .btn{border-color:var(--border)}[data-editor-layout=fun] .active-swatch{box-shadow:inset 0 0 0 1px #1a174026}[data-editor-layout=fun] .swatch-with-remove .swatch-remove{color:#1a1740;border-color:var(--border);background:#fff}[data-editor-layout=fun] .sidebar select{color:#1a1740;border:1px solid var(--border);font:inherit;background:#fff;border-radius:6px;padding:5px 8px}.fun-bead-stats{border:1px solid var(--border);background:linear-gradient(135deg,#7c7cf814,#5ad7ff1a);border-radius:14px;margin:12px 0 14px;padding:12px}.fun-bead-stats__row{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.fun-bead-stats__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.fun-bead-stats__value{font-variant-numeric:tabular-nums;color:var(--accent);font-size:18px;font-weight:800}.fun-bead-stats__bar{background:#7c7cf826;border-radius:999px;height:8px;overflow:hidden}.fun-bead-stats__bar-fill{border-radius:inherit;background:linear-gradient(90deg,#7c7cf8,#5ad7ff,#ff9cee);height:100%;transition:width .35s}.fun-bead-stats__hint{margin:8px 0 0}[data-editor-layout=minimal] .toolbar{background:#1e1f26;border-bottom-color:#2a2b33}[data-editor-layout=minimal] .canvas-host-wrap{background:#111217;padding:16px}[data-editor-layout=minimal] .canvas-host{border:1px solid #2a2b33;border-radius:12px;box-shadow:0 20px 50px #00000073}[data-editor-layout=minimal] .tool-btn:hover,[data-editor-layout=minimal] .btn:hover{transition:background .15s,border-color .15s,opacity .15s}[data-editor-layout=minimal] .tool-btn--active{color:#dbeafe;background:#5b8cff1f;border-color:#5b8cff}[data-editor-layout=minimal] .sidebar--left{background:#181920;border-color:#2a2b33}[data-editor-layout=minimal] .inspect-card,[data-editor-layout=minimal] .build-row-box{background:#14161c;border-color:#2a2b33}[data-editor-layout$=Retro] body{background:radial-gradient(ellipse 120% 70% at 12% -8%, var(--rc-32,#ffffff1a), transparent 48%), radial-gradient(ellipse 90% 55% at 100% 105%, var(--rc-33,#1e302059), transparent 52%), linear-gradient(168deg, var(--rc-34,#3d5244) 0%, var(--rc-35,#354a3c) 38%, var(--rc-36,#2e4034) 72%, var(--rc-37,#2a3a30) 100%);color:var(--text)}[data-editor-layout$=Retro] .checkout-banner{background:var(--rc-38,#9dc55e38);border-bottom-color:var(--rc-39,#6b7d5273);color:var(--rc-40,#243822)}[data-editor-layout$=Retro] .toolbar{background:linear-gradient(180deg, var(--rc-27,#2f5a3f) 0%, var(--rc-28,#2a4f38) 100%);border-bottom:1px solid var(--rc-41,#30412c8c);box-shadow:0 6px 22px var(--rc-42,#1e302052), inset 0 1px 0 var(--rc-43,#ffffff1f);padding-block:12px}[data-editor-layout$=Retro] .toolbar__actions{gap:12px}[data-editor-layout$=Retro] .toolbar__actions>.account-bar{margin-left:auto}[data-editor-layout$=Retro] .toolbar__brand{background:linear-gradient(180deg, var(--rc-44,#f6f8ea) 0%, var(--rc-45,#e7edd0) 100%);border:1px solid var(--rc-46,#6b7d52);box-shadow:inset 0 1px 0 var(--rc-47,#ffffff8c), 0 4px 14px var(--rc-48,#2d3f3438);border-radius:20px;padding:8px 14px}[data-editor-layout$=Retro] .toolbar__title,[data-editor-layout$=Retro] .toolbar__sub{color:var(--rc-49,#30412c)}[data-editor-layout$=Retro] .toolbar__sub{color:var(--rc-50,#556b4d)}[data-editor-layout$=Retro] .toolbar__action-capsule{background:linear-gradient(180deg, var(--rc-51,#e8edd4) 0%, var(--rc-52,#dbe5c6) 55%, var(--rc-53,#cfdab8) 100%);border:1px solid var(--rc-54,#6b7d52bf);min-width:0;box-shadow:inset 0 2px 4px var(--rc-55,#ffffff73), inset 0 -2px 6px var(--rc-56,#3d52351f), 0 3px 14px var(--rc-57,#1e30202e);border-radius:999px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:6px 10px 6px 14px;display:flex}[data-editor-layout$=Retro] .toolbar .btn,[data-editor-layout$=Retro] .toolbar .editor-layout-theme__select{border:1px solid var(--rc-58,#6b7d528c);background:linear-gradient(180deg, var(--rc-59,#f8faf0) 0%, var(--rc-60,#edf1dc) 45%, var(--rc-61,#e3e9d2) 100%);color:var(--rc-49,#30412c);box-shadow:0 1px 0 var(--rc-47,#ffffff8c), inset 0 1px 0 var(--rc-62,#ffffff59);border-radius:14px}[data-editor-layout$=Retro] .toolbar .btn:hover,[data-editor-layout$=Retro] .toolbar .editor-layout-theme__select:hover{background:linear-gradient(180deg, var(--rc-63,#fcfdf4) 0%, var(--rc-64,#f0f4e4) 100%);border-color:var(--rc-65,#7ea66d);box-shadow:0 4px 14px var(--rc-66,#3d523524)}[data-editor-layout$=Retro] .toolbar .btn--ghost{background:var(--rc-67,#ffffff61);border-color:var(--rc-68,#6b7d527a)}[data-editor-layout$=Retro] .toolbar .btn--ghost:hover{background:var(--rc-69,#ffffff94)}[data-editor-layout$=Retro] .toolbar .account-menu-dropdown .btn{color:var(--text);border-color:var(--border);background:var(--btn-bg);box-shadow:none}[data-editor-layout$=Retro] .toolbar .account-menu-dropdown .btn--ghost{background:0 0}[data-editor-layout$=Retro] .toolbar .account-menu-dropdown .btn--ghost:hover{background:var(--btn-bg-hover)}[data-editor-layout$=Retro] .toolbar .zoom-badge{background:linear-gradient(180deg, var(--rc-70,#9dc55e) 0%, var(--rc-71,#89b34d) 100%);color:var(--rc-72,#f6faee);border:1px solid var(--rc-73,#3d523559);box-shadow:inset 0 1px 0 var(--rc-62,#ffffff59);text-shadow:0 1px 1px var(--rc-74,#1a2e1659);font-weight:700}[data-editor-layout$=Retro] .toolbar .editor-layout-theme__label{color:var(--rc-75,#3d5836);font-weight:700}[data-editor-layout$=Retro] .toolbar .plan-badge{border-color:var(--rc-58,#6b7d528c);background:var(--rc-76,#ffffff47);color:var(--rc-77,#2a4024)}[data-editor-layout$=Retro] .toolbar .plan-badge--premium{border-color:var(--rc-78,#9dc55ebf);background:var(--rc-79,#9dc55e4d);color:var(--rc-80,#1f3518)}[data-editor-layout$=Retro] .account-bar .btn--small{background:linear-gradient(180deg, var(--rc-81,#3d5c44) 0%, var(--rc-82,#304d38) 100%);color:var(--rc-83,#eef3e4);border:1px solid var(--rc-84,#14281859);box-shadow:inset 0 1px 0 var(--rc-43,#ffffff1f);border-radius:999px;padding:6px 12px}[data-editor-layout$=Retro] .account-bar .btn--small:hover{filter:brightness(1.08)}[data-editor-layout$=Retro] .sidebar--left{background:linear-gradient(180deg, var(--rc-85,#5c7658) 0%, var(--rc-86,#567456) 42%, var(--rc-87,#4a6346) 100%);border-right:1px solid var(--rc-88,#2c3e2873);color:var(--rc-89,#f2f6ea);border-bottom:none}[data-editor-layout$=Retro] .sidebar--left .sidebar__heading,[data-editor-layout$=Retro] .sidebar--left .field__label,[data-editor-layout$=Retro] .sidebar--left .field__value,[data-editor-layout$=Retro] .sidebar--left .help-text,[data-editor-layout$=Retro] .sidebar--left .stat-label{color:var(--rc-90,#f2f6eac7)}[data-editor-layout$=Retro] .sidebar--left .sidebar__heading{letter-spacing:.1em;font-weight:800}[data-editor-layout$=Retro] .sidebar--left .tool-btn{border:1px solid var(--rc-91,#243a2247);background:linear-gradient(180deg, var(--rc-92,#ffffff24) 0%, var(--rc-93,#14261624) 100%);color:var(--rc-72,#f6faee);box-shadow:inset 0 1px 0 var(--rc-32,#ffffff1a);border-radius:14px}[data-editor-layout$=Retro] .sidebar--left .tool-btn:hover{border-color:var(--rc-94,#9dc55e8c);opacity:1}[data-editor-layout$=Retro] .sidebar--left .tool-btn--active{border-color:var(--rc-95,#cfe89f);background:linear-gradient(180deg, var(--rc-70,#9dc55e) 0%, var(--rc-96,#88b24c) 100%);color:var(--rc-97,#1a2e16);box-shadow:inset 0 2px 4px var(--rc-62,#ffffff59), 0 4px 12px var(--rc-98,#14281840)}[data-editor-layout$=Retro] .sidebar--left .stat-input,[data-editor-layout$=Retro] .sidebar--left .hex-input,[data-editor-layout$=Retro] .sidebar--left select{background:var(--rc-99,#f6f8ec);color:var(--rc-49,#30412c);border:1px solid var(--rc-58,#6b7d528c);box-shadow:inset 0 2px 5px var(--rc-100,#30412c1a);border-radius:10px}[data-editor-layout$=Retro] .sidebar--left .inspect-card,[data-editor-layout$=Retro] .sidebar--left .build-row-box{background:linear-gradient(180deg, var(--rc-101,#ffffff29) 0%, var(--rc-102,#1426161f) 100%);border:1px solid var(--rc-103,#243a2252);color:var(--rc-89,#f2f6ea);border-radius:18px}[data-editor-layout$=Retro] .sidebar--left .inspect-card .btn,[data-editor-layout$=Retro] .sidebar--left .build-row-box .btn,[data-editor-layout$=Retro] .sidebar--left .panel-top-actions .btn{background:linear-gradient(180deg, var(--rc-104,#f4f6e4) 0%, var(--rc-105,#e2e8cc) 100%);color:var(--rc-49,#30412c);border:1px solid var(--rc-39,#6b7d5273);border-radius:12px}[data-editor-layout$=Retro] .sidebar--left .btn--ghost{background:var(--rc-43,#ffffff1f);color:var(--rc-89,#f2f6ea);border-color:var(--rc-106,#e6f2dc6b);box-shadow:inset 0 1px 0 var(--rc-32,#ffffff1a)}[data-editor-layout$=Retro] .sidebar--left .btn--ghost:hover:not(:disabled){background:var(--rc-107,#ffffff38);border-color:var(--rc-108,#cfe89f8c)}[data-editor-layout$=Retro] .sidebar--left .btn--ghost:disabled{color:var(--rc-109,#f2f6ea73);border-color:var(--rc-110,#e6f2dc38)}[data-editor-layout$=Retro] .sidebar--left .panel-top-actions .btn.btn--ghost{background:linear-gradient(180deg, var(--rc-104,#f4f6e4) 0%, var(--rc-105,#e2e8cc) 100%);color:var(--rc-49,#30412c);border:1px solid var(--rc-39,#6b7d5273);box-shadow:0 1px 0 var(--rc-111,#ffffff80);border-radius:12px}[data-editor-layout$=Retro] .sidebar--left .panel-top-actions .btn.btn--ghost:hover:not(:disabled){background:linear-gradient(180deg, var(--rc-63,#fcfdf4) 0%, var(--rc-64,#f0f4e4) 100%);border-color:var(--rc-65,#7ea66d)}[data-editor-layout$=Retro] .sidebar--left .panel-top-actions .btn.btn--ghost:disabled{color:var(--rc-112,#30412c6b);background:linear-gradient(180deg, var(--rc-113,#e4e9d6) 0%, var(--rc-114,#d2dbc4) 100%);border-color:var(--rc-115,#6b7d5259)}[data-editor-layout$=Retro] .sidebar--right{background:linear-gradient(180deg, var(--rc-64,#f0f4e4) 0%, var(--rc-45,#e7edd0) 50%, var(--rc-116,#dfe8cc) 100%);border-left:1px solid var(--rc-58,#6b7d528c);border-bottom:none}[data-editor-layout$=Retro] .sidebar--right .sidebar__heading{letter-spacing:.08em;color:var(--rc-117,#4a5c42);font-weight:800}[data-editor-layout$=Retro] .sidebar--right .inspect-card,[data-editor-layout$=Retro] .sidebar--right .build-row-box{background:linear-gradient(180deg, var(--rc-118,#fafcf3) 0%, var(--rc-64,#f0f4e4) 100%);border:1px solid var(--rc-39,#6b7d5273);box-shadow:inset 0 1px 0 var(--rc-47,#ffffff8c), 0 4px 16px var(--rc-119,#3d52351a);border-radius:18px}[data-editor-layout$=Retro] .sidebar--right .stat-input,[data-editor-layout$=Retro] .sidebar--right .hex-input,[data-editor-layout$=Retro] .sidebar--right select{background:var(--rc-120,#fff);color:var(--rc-49,#30412c);border:1px solid var(--rc-39,#6b7d5273);box-shadow:inset 0 2px 5px var(--rc-121,#30412c14);border-radius:10px}[data-editor-layout$=Retro] .sidebar--right .btn{background:linear-gradient(180deg, var(--rc-44,#f6f8ea) 0%, var(--rc-61,#e3e9d2) 100%);border:1px solid var(--rc-122,#6b7d5280);box-shadow:0 1px 0 var(--rc-111,#ffffff80);border-radius:14px}[data-editor-layout$=Retro] .sidebar--right .btn:hover{border-color:var(--rc-65,#7ea66d)}[data-editor-layout$=Retro] .sidebar--right .swatch{box-shadow:0 2px 4px var(--rc-123,#30412c1f), inset 0 1px 0 var(--rc-62,#ffffff59);border-radius:10px}[data-editor-layout$=Retro] .sidebar--right .active-swatch{box-shadow:inset 0 2px 8px var(--rc-124,#0000001f);border-radius:14px}[data-editor-layout$=Retro] .sidebar--right .swatch-with-remove .swatch-remove{background:var(--rc-125,#fff);color:var(--rc-49,#30412c);border-color:var(--rc-39,#6b7d5273)}[data-editor-layout$=Retro] .canvas-host-wrap{background:linear-gradient(180deg, var(--rc-126,#d3dfbf) 0%, var(--rc-127,#c5d4ad) 100%);padding:14px 16px 16px}[data-editor-layout$=Retro] .canvas-host{border:1px solid var(--rc-58,#6b7d528c);box-shadow:0 0 0 3px var(--rc-45,#e7edd0), 0 18px 42px var(--rc-128,#30412c2e), inset 0 1px 0 var(--rc-47,#ffffff8c);border-radius:20px}[data-editor-layout$=Retro] .tool-btn[data-tool=pen],[data-editor-layout$=Retro] .tool-btn[data-tool=erase],[data-editor-layout$=Retro] .tool-btn[data-tool=eyedropper],[data-editor-layout$=Retro] .tool-btn[data-tool=fill],[data-editor-layout$=Retro] .tool-btn[data-tool=build],[data-editor-layout$=Retro] .tool-btn[data-tool=copy],[data-editor-layout$=Retro] .tool-btn[data-tool=pan]{border-color:var(--rc-91,#243a2247)}[data-editor-layout$=Retro] .modal-dialog{border:1px solid var(--rc-122,#6b7d5280);box-shadow:0 24px 60px var(--rc-33,#1e302059), inset 0 1px 0 var(--rc-55,#ffffff73);border-radius:20px}[data-editor-layout$=Retro] .modal-backdrop .modal-dialog .stat-input,[data-editor-layout$=Retro] .modal-backdrop .modal-dialog input.stat-input{-webkit-text-fill-color:var(--rc-49,#30412c);background:var(--rc-125,#fff)!important;color:var(--rc-49,#30412c)!important;border:1px solid var(--rc-39,#6b7d5273)!important}[data-editor-layout$=Retro] .modal-backdrop .modal-dialog .stat-input:focus-visible{outline:2px solid var(--rc-129,#5d8c46);outline-offset:2px}[data-editor-layout$=Retro] .copy-float-menu{border:1px solid var(--rc-58,#6b7d528c);box-shadow:0 14px 36px var(--rc-130,#1e302047), inset 0 1px 0 var(--rc-55,#ffffff73);background:linear-gradient(180deg, var(--rc-118,#fafcf3) 0%, var(--rc-131,#eef2e0) 100%);color:var(--rc-49,#30412c);border-radius:16px}[data-editor-layout$=Retro] .copy-float-menu .btn{border-radius:12px}@media (width<=960px){.canvas-host-wrap{min-height:280px}.app-body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.sidebar--left-dock{border-right:none;border-bottom:1px solid var(--border);order:1;padding:10px 12px}.tool-dock{flex-direction:row;padding-bottom:4px;position:static;overflow-x:auto}.tool-dock__btn{min-width:74px}.property-section--palette{position:static}}@media (width<=768px){.toolbar{flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:8px 10px}.toolbar__actions{display:none}.toolbar__brand{text-align:center;pointer-events:auto;border-radius:12px;align-items:center;width:auto;max-width:130px;padding:4px 8px;display:flex;position:static}.toolbar__title{font-size:11px;line-height:1}.toolbar__sub{white-space:normal;font-size:8px;line-height:1.1}.toolbar__history{flex:none;order:1}.toolbar-mobile-auth-btn{justify-content:center;min-width:94px;display:inline-flex}.toolbar-mobile-auth{order:4;display:block}.toolbar-mobile{order:3;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.toolbar__brand{order:2}[data-editor-layout$=Retro] .toolbar__brand{border-radius:14px;padding:4px 8px}.app-body{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.sidebar--right{display:none}.sidebar--left-dock{right:max(16px, env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));z-index:130;pointer-events:none;background:0 0;border:0;width:auto;padding:0;position:fixed;overflow:visible}[data-editor-layout$=Retro] .sidebar--left-dock{box-shadow:none;background:0 0;border:0}.tool-dock--desktop{display:none}.tool-fab{display:inline-flex}.canvas-host-wrap,.canvas-host{width:100%}.canvas-host{border:0}.mobile-palette-bar{z-index:125;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1d26f5;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-palette-bar__scroll{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-palette-bar__swatch{border:1px solid #ffffff47;border-radius:10px;flex:none;width:36px;height:36px}.mobile-palette-bar__swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.help-page__topbar{flex-wrap:wrap}.help-page__title{font-size:1.05rem}.help-page__content{width:min(980px,100% - 16px);margin-top:10px}.help-card{padding:12px}.help-jump-list{grid-template-columns:1fr}.mobile-sidebar-sheet{z-index:140;opacity:0;pointer-events:none;background:#00000038;align-items:end;transition:opacity .2s;display:grid;position:fixed;inset:0}.mobile-sidebar-sheet.is-open{opacity:1;pointer-events:auto}.mobile-sidebar-sheet__panel{width:100%;max-height:calc(100vh - 64px - 68px - env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-elevated);border-top-left-radius:14px;border-top-right-radius:14px;transition:transform .22s;overflow:hidden;transform:translateY(105%)}.mobile-sidebar-sheet.is-open .mobile-sidebar-sheet__panel{transform:translateY(0)}.mobile-sidebar-sheet__header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.mobile-sidebar-sheet__title{letter-spacing:.02em;font-size:13px;font-weight:650}.mobile-sidebar-sheet .sidebar--right{max-height:calc(100vh - 64px - 68px - env(safe-area-inset-bottom) - 50px);padding-bottom:calc(12px + env(safe-area-inset-bottom));border:0;display:flex;overflow-y:auto}}.toolbar-my-designs-btn{letter-spacing:.02em;padding:10px 18px;font-size:15px;font-weight:650}.my-designs-modal.modal-dialog{width:100%;max-width:min(960px,100vw - 32px);max-height:min(88vh,920px);overflow:auto}.pattern-gallery-modal.modal-dialog{width:100%;max-width:min(1100px,100vw - 32px);max-height:min(90vh,960px);overflow:auto}.save-cloud-modal.modal-dialog{max-width:min(440px,100vw - 32px)}.save-cloud-visibility{border:none;margin:14px 0 0;padding:0}.save-cloud-visibility legend{margin-bottom:6px;padding:0}.save-cloud-tags{margin-top:12px}.save-cloud-success-card{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;margin-top:14px;padding:12px 14px}.share-to-social{flex-direction:column;gap:8px;display:flex}.share-to-social__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.share-to-social__icons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-to-social__btn{border:1px solid var(--border);width:40px;height:40px;color:inherit;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.share-to-social__btn:hover{background:#ffffff1f}.share-to-social__btn:focus-visible{outline-offset:2px;outline:2px solid #caa24aa6}.share-to-social__mono-letter{text-transform:lowercase;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:800;line-height:1}.share-to-social__copied{margin-top:2px;display:block}.pattern-gallery-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 14px;display:flex}.pattern-gallery-search{flex:1;min-width:160px}.pattern-gallery-count{flex-shrink:0}.pattern-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pattern-gallery-content{position:relative}.pattern-gallery-content--teaser .pattern-gallery-grid{filter:blur(4px);opacity:.78;pointer-events:none;-webkit-user-select:none;user-select:none}.pattern-gallery-teaser-overlay{place-items:start center;padding:12px 16px 16px;display:grid;position:absolute;inset:0}.pattern-gallery-teaser-card{border:1px solid var(--border);text-align:center;color:#f3f6ee;background:#141820d1;border-radius:14px;width:min(380px,100% - 24px);max-width:380px;padding:14px 16px;box-shadow:0 12px 30px #00000057}.pattern-gallery-teaser-card h3{margin:0 0 8px}.pattern-gallery-teaser-card p{margin:0 0 10px}.pattern-gallery-teaser-card .muted{color:#f3f6eee6}.pattern-gallery-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}.pattern-gallery-card__thumb{aspect-ratio:1;border-bottom:1px solid var(--border);background:repeating-conic-gradient(#e4e6ee 0% 25%,#fafbfc 0% 50%) 50%/14px 14px;max-height:200px}.pattern-gallery-card__body{padding:10px 12px 12px}.pattern-gallery-card__title{margin-bottom:4px;font-size:14px;font-weight:600}.pattern-gallery-card__author{flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-bottom:6px;display:flex}.pattern-gallery-card__author-label{align-self:center}.pattern-gallery-card__tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.pattern-gallery-tag{background:var(--accent-dim);color:var(--text);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pattern-gallery-card__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pattern-gallery-comments{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.pattern-gallery-comment-list{max-height:160px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.pattern-gallery-comment{margin-bottom:8px;font-size:12px}.pattern-gallery-comment__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.pattern-gallery-comment-input{resize:vertical;width:100%;min-height:48px;margin-bottom:8px}.my-designs-gallery{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.my-designs-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000024}.my-designs-card__thumb{aspect-ratio:1;border-bottom:1px solid var(--border);background:repeating-conic-gradient(#e4e6ee 0% 25%,#fafbfc 0% 50%) 50%/14px 14px;justify-content:center;align-items:center;max-height:220px;display:flex}.my-designs-card__body{padding:10px 12px 12px}.my-designs-card__title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.my-designs-card__author{flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-bottom:6px;display:flex}.my-designs-card__author-label{align-self:center}.my-designs-card__meta{margin-bottom:10px;line-height:1.35}.my-designs-card__actions{flex-wrap:wrap;gap:6px;display:flex}.cloud-design-thumb,.cloud-design-thumb--loading,.cloud-design-thumb--empty{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.cloud-design-thumb--loading{background:linear-gradient(90deg,#0000,#38bdf81f,#0000) 0 0/200% 100%;animation:1.1s ease-in-out infinite cloud-thumb-shimmer}@keyframes cloud-thumb-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.cloud-design-thumb--empty{opacity:.4;background:radial-gradient(circle at 50% 50%, var(--muted) 0%, transparent 62%)}.cloud-design-thumb__img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes cloud-design-name-rainbow{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}.modal-backdrop .modal-dialog input.stat-input{-webkit-text-fill-color:var(--text);background:var(--bg-elevated)!important;color:var(--text)!important;border:1px solid var(--border)!important}.modal-backdrop .modal-dialog input.stat-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-editor-layout=fun] .modal-backdrop .modal-dialog input.cloud-design-name-input{-webkit-text-fill-color:#141030;background-size:100% 100%,300% 100%;animation:8s linear infinite cloud-design-name-rainbow;box-shadow:0 0 0 3px #7c7cf81f;color:#141030!important;background:linear-gradient(var(--bg-elevated), var(--bg-elevated)) padding-box, linear-gradient(90deg, #7c7cf8, #5ad7ff, #ff9cee, #a3ffb0, #ffd580, #7c7cf8) border-box!important;border:2px solid #0000!important}[data-editor-layout=minimal] .modal-backdrop .modal-dialog input.stat-input{-webkit-text-fill-color:#f3f4f6;color:#f3f4f6!important;background:#14161c!important;border-color:#2a2b33!important}.modal-backdrop .modal-dialog input:-webkit-autofill{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}.modal-backdrop .modal-dialog input:-webkit-autofill:hover{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}.modal-backdrop .modal-dialog input:-webkit-autofill:focus{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}[data-editor-layout=minimal] .modal-backdrop .modal-dialog input:-webkit-autofill{-webkit-text-fill-color:#f3f4f6!important;box-shadow:inset 0 0 0 1000px #14161c!important}[data-editor-layout=minimal] .modal-backdrop .modal-dialog input:-webkit-autofill:hover{-webkit-text-fill-color:#f3f4f6!important;box-shadow:inset 0 0 0 1000px #14161c!important}[data-editor-layout=minimal] .modal-backdrop .modal-dialog input:-webkit-autofill:focus{-webkit-text-fill-color:#f3f4f6!important;box-shadow:inset 0 0 0 1000px #14161c!important}[data-editor-layout=fun] .modal-backdrop .modal-dialog input.cloud-design-name-input:-webkit-autofill{-webkit-text-fill-color:#141030!important;box-shadow:inset 0 0 0 1000px #fff!important}[data-editor-layout=fun] .modal-backdrop .modal-dialog input.cloud-design-name-input:-webkit-autofill:hover{-webkit-text-fill-color:#141030!important;box-shadow:inset 0 0 0 1000px #fff!important}[data-editor-layout=fun] .modal-backdrop .modal-dialog input.cloud-design-name-input:-webkit-autofill:focus{-webkit-text-fill-color:#141030!important;box-shadow:inset 0 0 0 1000px #fff!important}.author-nameplate__row{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.author-nameplate__nick{font-size:13px;line-height:1.25}.author-nameplate__level{background:var(--accent-dim);color:var(--text);letter-spacing:.02em;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.author-nameplate__badge{border:1px solid var(--border);letter-spacing:.03em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.author-nameplate__badge--early_adopter{color:#4a2f00;background:#facc1557;border-color:#a162078c}.author-nameplate__pronouns{margin-top:2px}.profile-modal.modal-dialog{max-width:480px;max-height:90vh;overflow:auto}.profile-modal__section{margin-top:14px}.profile-modal__section--border{border-top:1px solid var(--border);padding-top:16px}.profile-modal__heading{margin:0 0 8px;font-size:14px;font-weight:600}.profile-modal__bio{resize:vertical;min-height:74px}.profile-modal__counter{margin-top:4px}.profile-modal__avatar-row{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:10px;display:grid}.profile-modal__avatar-preview{border:1px solid var(--border);background:var(--bg);border-radius:14px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.profile-modal__avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-modal__avatar-actions{flex-wrap:wrap;gap:6px;display:flex}.profile-modal__featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-top:8px;display:grid}.profile-modal__featured-item{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.profile-modal__featured-item.is-on{background:#9dc55e2e;border-color:#9dc55e61}.profile-modal__featured-item input{width:16px;height:16px}.profile-modal__featured-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.profile-modal__font-row{flex-wrap:wrap;gap:8px 14px;margin:8px 0 10px;display:flex}.profile-modal__font-option{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.profile-modal__color-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.profile-modal__color-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:44px;height:32px;padding:0}.profile-modal__toggle-row{gap:18px;margin:8px 0;display:flex}.profile-modal__check{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.profile-modal__preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);padding:10px 12px}.profile-modal__actions-row{flex-wrap:wrap;gap:8px;display:flex}.profile-modal__emoji-row{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.profile-modal__emoji-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:1.25rem;line-height:1}.profile-modal__emoji-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.contact-modal.modal-dialog{width:min(560px,100vw - 26px)}.contact-textarea{resize:vertical;min-height:140px;font:inherit}@media (width<=900px){.mobile-advisory-backdrop{z-index:170;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mobile-advisory-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;width:min(420px,100vw - 24px);padding:14px;box-shadow:0 14px 30px #00000052}.mobile-advisory-card h3{margin:0 0 8px;font-size:1rem}.mobile-advisory-card p{margin:0 0 12px}.mobile-advisory-card__actions{justify-content:flex-end;display:flex}.mobile-landscape-lock{z-index:180;background:#000000a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mobile-landscape-lock__card{border:1px solid var(--border);background:var(--bg-elevated);text-align:center;border-radius:14px;width:min(420px,100vw - 24px);padding:16px;box-shadow:0 14px 30px #0000005c}.mobile-landscape-lock__card h3{margin:0 0 8px}.mobile-landscape-lock__card p{margin:0}}.profile-xp-bar{background:var(--border);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.profile-xp-bar__fill{background:linear-gradient(90deg, var(--accent), #6ee7b7);height:100%;transition:width .25s}.profile-xp-bar__caption{margin-top:4px}@media (width<=768px){.site-footer__inner{flex-direction:column;align-items:flex-start;gap:8px;width:calc(100% - 20px);min-height:0;padding:10px 0 12px}.site-footer__left{flex-wrap:wrap;gap:8px}.site-footer__discord{font-size:12px}.site-footer__links{flex-wrap:wrap;gap:10px}.legal-page__content{width:calc(100% - 20px);margin:12px auto 18px}.legal-card{padding:14px}.public-profile-card__header{text-align:center;grid-template-columns:1fr;justify-items:center}.public-profile-card__avatar{width:84px;height:84px}.faq-jump-links{grid-template-columns:1fr}.faq-item__toggle{padding:10px 11px}}body:has(.landing-page){overflow:auto}.landing-page{--lp-grad-1:#a78bfa;--lp-grad-2:#6366f1;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);flex-direction:column;display:flex}[data-editor-layout$=Retro] .landing-page{--bg:var(--rc-41);--bg-elevated:var(--rc-37);--border:var(--rc-38);--text:var(--rc-51);--muted:var(--rc-1);--accent:var(--rc-52);--lp-grad-1:var(--rc-114);--lp-grad-2:var(--rc-115)}.landing-page__header{z-index:100;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.landing-page__brand{letter-spacing:.04em;background:linear-gradient(135deg, var(--accent) 0%, var(--lp-grad-1) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.landing-page__nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-page__main{flex:1;width:min(1040px,100% - 32px);margin:0 auto;padding:0 16px 80px}.landing-page__hero{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, var(--bg-elevated)) 0%, var(--bg-elevated) 50%, color-mix(in srgb, var(--lp-grad-1) 5%, var(--bg-elevated)) 100%);box-shadow:0 0 0 1px var(--border), 0 32px 80px #00000073, inset 0 1px 0 #ffffff0f;border-radius:20px;margin:60px 0 56px;padding:56px 52px;position:relative;overflow:hidden}.landing-page__hero:before{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);pointer-events:none;border-radius:999px;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.landing-page__hero:after{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--lp-grad-1) 12%, transparent), transparent 70%);pointer-events:none;border-radius:999px;width:360px;height:360px;position:absolute;bottom:-100px;left:-60px}.landing-page__eyebrow{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.landing-page__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text) 0%, color-mix(in srgb, var(--text) 65%, var(--accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:22ch;margin:0 0 20px;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.1;position:relative}.landing-page__lede{max-width:58ch;color:color-mix(in srgb, var(--text) 75%, transparent);margin:0 0 32px;font-size:1.1rem;line-height:1.65;position:relative}.landing-page__cta-row{flex-wrap:wrap;gap:12px;margin-bottom:0;display:flex;position:relative}.landing-page__cta-row .btn:not(.btn--ghost){background:linear-gradient(135deg, var(--accent) 0%, var(--lp-grad-2) 100%);color:#fff;box-shadow:0 4px 20px color-mix(in srgb, var(--accent) 40%, transparent);border:none;padding:11px 28px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s}.landing-page__cta-row .btn:not(.btn--ghost):hover{box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px)}.landing-page__note{max-width:62ch}.landing-page__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.landing-page__section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.landing-page__section-label:after{content:"";background:var(--border);flex:1;height:1px}.landing-page__features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.landing-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;padding:22px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000047}.landing-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-3px);box-shadow:0 12px 40px #0006}.landing-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--lp-grad-1), transparent);opacity:0;width:100%;height:2px;transition:opacity .2s;position:absolute;top:0;left:0}.landing-card:hover:before{opacity:1}.landing-card__icon{margin-bottom:10px;font-size:1.6rem;display:block}.landing-card__title{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:700}.landing-card p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.55}.landing-page__footer{border-top:1px solid var(--border);background:var(--bg-elevated);margin-top:auto;padding:32px 16px}.landing-page__footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(1040px,100% - 32px);margin:0 auto;display:flex}.landing-page__footer-text{margin:0;font-size:.9rem}.landing-page__socials{align-items:center;gap:16px;display:flex}.landing-page__socials a{color:var(--muted);transition:color .15s,transform .15s;display:flex}.landing-page__socials a:hover{color:var(--accent);transform:translateY(-2px)}@media (width<=640px){.landing-page__header{padding:12px 16px}.landing-page__hero{border-radius:14px;margin:24px 0 36px;padding:32px 24px}.landing-page__title{font-size:clamp(1.7rem,7vw,2.4rem)}.landing-page__lede{font-size:1rem}.landing-page__features{grid-template-columns:1fr;gap:12px}.landing-page__footer-inner{text-align:center;flex-direction:column;gap:20px}}