: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}.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}.app-shell:has(.public-profile-page)>.site-footer{display:none}.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}.danger-text{color:var(--danger)}.muted{color:var(--muted)}.small{font-size:12px}.mt-2xs{margin-top:4px}.mt-xs{margin-top:6px}.mt-sm{margin-top:8px}.mt-md{margin-top:10px}.mt-lg{margin-top:12px}.mt-14{margin-top:14px}.mt-xl{margin-top:16px}.mt-2xl{margin-top:18px}.mb-2xs{margin-bottom:4px}.mb-xs{margin-bottom:6px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:10px}.mb-lg{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-xl{margin-bottom:16px}.mb-2xl{margin-bottom:18px}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-boundary{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);justify-content:center;align-items:center;padding:24px;display:flex}.error-boundary__card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--bg-elevated);text-align:center;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 12px 36px #00000040}.error-boundary__title{letter-spacing:-.01em;margin:0 0 12px;font-size:1.35rem;line-height:1.2}.error-boundary__message{color:var(--muted);margin:0 0 18px;line-height:1.5}.error-boundary__detail{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);color:var(--danger);text-align:left;white-space:pre-wrap;word-break:break-word;max-height:120px;margin:0 0 18px;padding:10px 12px;font-size:12px;overflow-y:auto}.error-boundary__reload{min-width:120px}.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}.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}.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}.canvas-host-wrap{flex-direction:column;min-width:0;height:100%;min-height:0;max-height:100%;display:flex}.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}.toolbar__msg{flex-basis:100%;width:100%;margin:0;padding-top:6px}.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)}.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}.toolbar-my-designs-btn{letter-spacing:.02em;padding:10px 18px;font-size:15px;font-weight:650}.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}.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}.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}.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}.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}.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)}.sidebar-panel-loading{color:var(--muted);text-align:center;padding:14px 12px;font-size:11px}.dev-admin-menu-item{opacity:.8;border-top:1px solid var(--border)!important;margin-top:4px!important;padding-top:8px!important}.dev-admin-modal{width:min(440px,100vw - 24px)}.dev-admin-modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dev-admin-modal__title{margin:0;font-size:1.1rem;font-weight:800}.dev-admin-modal__body{flex-direction:column;gap:10px;display:flex}.dev-admin-modal__section-title{margin:0;font-size:.95rem;font-weight:700}.dev-admin-modal__field{flex-direction:column;gap:4px;display:flex}.dev-admin-modal__label{color:var(--muted);font-size:12px;font-weight:600}.dev-admin-modal__or{text-align:center;margin:2px 0;font-size:11px}.dev-admin-modal__grant-btn{width:100%;margin-top:4px;padding:10px 20px!important;font-weight:700!important}.dev-admin-modal__result{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.dev-admin-modal__result.is-success{color:var(--accent,#5d8c46);background:#5d8c4626;border:1px solid #5d8c4659}.dev-admin-modal__result.is-error{color:var(--danger,#b54a4a);background:#b54a4a26;border:1px solid #b54a4a59}.mod-modal{flex-direction:column;max-width:620px;max-height:80vh;display:flex}.mod-modal__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mod-modal__title{margin:0;font-size:1.1rem;font-weight:700}.mod-modal__tabs{gap:6px;margin-bottom:14px;display:flex}.mod-modal__body{flex:1;min-height:0;overflow-y:auto}.mod-modal__section{flex-direction:column;gap:10px;display:flex}.mod-modal__search-row{align-items:center;gap:8px;display:flex}.mod-modal__search-row .stat-input{flex:1;min-width:0}.mod-modal__msg{margin:0}.mod-modal__list{flex-direction:column;gap:8px;display:flex}.mod-comment{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;padding:10px 12px}.mod-comment__meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.mod-comment__author{font-weight:700}.mod-comment__ip{border:1px solid var(--border);background:#ffffff0f;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.mod-comment__text{white-space:pre-wrap;margin:0 0 6px;line-height:1.45}.mod-comment__edit-row{margin-bottom:6px}.mod-comment__edit-input{resize:vertical;width:100%;min-height:56px;margin-bottom:6px}.mod-comment__edit-actions,.mod-comment__actions{gap:6px;display:flex}.mod-gallery-entry{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;padding:10px 12px}.mod-gallery-entry.is-flagged{background:#f871710f;border-color:#f8717166}.mod-gallery-entry__meta{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.mod-gallery-entry__name{font-weight:700}.mod-gallery-entry__edit-row{align-items:center;gap:6px;display:flex}.mod-gallery-entry__edit-row .stat-input{flex:1;min-width:0}.mod-gallery-entry__flag-reason{background:#f8717114;border-radius:4px;margin:0 0 6px;padding:4px 8px}.mod-gallery-entry__tags{margin-bottom:6px}.mod-gallery-entry__actions{flex-wrap:wrap;gap:6px;display:flex}@keyframes cloud-thumb-shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes cloud-design-name-rainbow{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}[data-editor-layout$=Retro] .site-footer__copyright{color:var(--rc-1,#f1f6e6b8)}[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] .public-profile-card .pp-section a,[data-editor-layout$=Retro] .public-profile-card .pp-comment__author,[data-editor-layout$=Retro] .public-profile-card .pp-friend-card__name,[data-editor-layout$=Retro] .public-profile-card .pp-section a.muted{color:var(--rc-14,#f1f6e6f5)}[data-editor-layout$=Retro] .public-profile-card .pp-section a:hover,[data-editor-layout$=Retro] .public-profile-card .pp-comment__author:hover{color:var(--accent,#f1f6e6b3)}[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)}[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}[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}[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}[data-editor-layout$=Retro] .landing-page{--lp-grad-1:var(--rc-65,#7ea66d);--lp-grad-2:var(--rc-71,#89b34d)}@media (width<=960px){.app-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}}@media (width>=860px){.public-design-hero{grid-template-columns:1.05fr .95fr;align-items:start;gap:18px}}@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))}}@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}}.mobile-palette-bar,.mobile-sidebar-sheet,.mobile-advisory-backdrop,.mobile-landscape-lock{display:none}@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}}@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}}@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}}@media (width<=640px){.landing-page__header{padding:12px 16px}.landing-page__banner{border-radius:12px;margin:20px 0 0}.landing-page__hero{border-radius:14px;margin:20px 0 28px;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}}