:root{--accent:#7c6cf0;--accent-rgb:124, 108, 240;--accent-edge:#6559c6;--btn-primary-hover:#9284f5;--btn-primary-active:#6656d6;--btn-primary-outline-text:#a396ff;--btn-secondary:var(--color-border-subtle);--btn-secondary-hover:var(--color-bg-hover);--btn-secondary-active:var(--color-border);--btn-secondary-text:var(--color-text-hover);--btn-secondary-outline-text:var(--color-text-muted);--btn-secondary-outline-border:var(--color-border);--btn-secondary-tint-weak:#1a1a1a0d;--btn-secondary-tint-strong:#1a1a1a1a;--btn-success:#3ab873;--btn-success-rgb:58, 184, 115;--btn-success-hover:#52d18b;--btn-success-active:#2f9c60;--btn-success-text:#062b16;--btn-success-outline-text:#5ee3a3;--btn-warning:#e0a04a;--btn-warning-rgb:224, 160, 74;--btn-warning-hover:#eeb867;--btn-warning-active:#c9873a;--btn-warning-text:#2a1c08;--btn-warning-outline-text:#eeb867;--btn-danger:#e5578b;--btn-danger-rgb:229, 87, 139;--btn-danger-hover:#ee74a0;--btn-danger-active:#c9436f;--btn-danger-outline-text:#f186ac;--btn-info:#3ab6d6;--btn-info-rgb:58, 182, 214;--btn-info-hover:#5cc9e5;--btn-info-active:#2f9bb8;--btn-info-text:#04222b;--btn-info-outline-text:#7ed4e8;--btn-disabled-bg:var(--color-border-muted);--btn-disabled-text:var(--color-text-disabled);--color-white:#fff;--color-bg:#faf9f7;--color-bg-hover:#f2f0ea;--color-bg-muted:#e6e3db;--color-border:#d6d1c6;--color-border-muted:#e0dcd2;--color-border-subtle:#e8e4dc;--color-checker:#eee;--color-text:#1a1a1a;--color-text-muted:#6b6862;--color-text-mutedest:#908c82;--color-text-hover:#403d36;--color-text-disabled:#bdb9af;--color-text-placeholder:gray;--color-error:#d64545;--overlay-backdrop:#00000073;--overlay-shadow:#0000002e;--color-canvas-border:#000}body{margin:0;font-family:Space Grotesk,sans-serif}ul{padding:0;list-style:none}h2{margin:0;font-size:1.6rem}h3{margin:0;font-size:1.2rem}h4{margin:0;font-size:1rem}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.selector{gap:.3rem;display:flex}.label{font-optical-sizing:auto;color:var(--color-text-mutedest);font-family:Bitcount Prop Single,system-ui;font-style:normal;font-weight:400}.logo{font-size:2rem}.placeholder{text-align:center;color:var(--color-text-placeholder);margin-top:5rem}.btn{letter-spacing:.03em;cursor:pointer;clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px));text-wrap:nowrap;border:none;padding:10px 18px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-weight:600;transition:background-color 80ms}.btn:disabled{cursor:not-allowed;background:var(--btn-disabled-bg)!important;color:var(--btn-disabled-text)!important;box-shadow:none!important}.btn--sm{clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));padding:7px 14px;font-size:11px}.btn--lg{padding:17px 32px;font-size:16px}.btn--primary{background:var(--accent);color:var(--color-white)}.btn--primary:hover{background:var(--btn-primary-hover)}.btn--primary:active{background:var(--btn-primary-active)}.btn--secondary{background:var(--btn-secondary);color:var(--btn-secondary-text)}.btn--secondary:hover{background:var(--btn-secondary-hover)}.btn--secondary:active{background:var(--btn-secondary-active)}.btn--success{background:var(--btn-success);color:var(--btn-success-text)}.btn--success:hover{background:var(--btn-success-hover)}.btn--success:active{background:var(--btn-success-active)}.btn--warning{background:var(--btn-warning);color:var(--btn-warning-text)}.btn--warning:hover{background:var(--btn-warning-hover)}.btn--warning:active{background:var(--btn-warning-active)}.btn--danger{background:var(--btn-danger);color:var(--color-white)}.btn--danger:hover{background:var(--btn-danger-hover)}.btn--danger:active{background:var(--btn-danger-active)}.btn--info{background:var(--btn-info);color:var(--btn-info-text)}.btn--info:hover{background:var(--btn-info-hover)}.btn--info:active{background:var(--btn-info-active)}.btn--outline{background:0 0}.btn--outline.btn--primary{color:var(--btn-primary-outline-text);box-shadow:inset 0 0 0 2px var(--accent)}.btn--outline.btn--primary:hover{background:rgba(var(--accent-rgb), .14)}.btn--outline.btn--primary:active{background:rgba(var(--accent-rgb), .28)}.btn--outline.btn--secondary{color:var(--btn-secondary-outline-text);box-shadow:inset 0 0 0 2px var(--btn-secondary-outline-border)}.btn--outline.btn--secondary:hover{background:var(--btn-secondary-tint-weak)}.btn--outline.btn--secondary:active{background:var(--btn-secondary-tint-strong)}.btn--outline.btn--success{color:var(--btn-success-outline-text);box-shadow:inset 0 0 0 2px var(--btn-success)}.btn--outline.btn--success:hover{background:rgba(var(--btn-success-rgb), .14)}.btn--outline.btn--success:active{background:rgba(var(--btn-success-rgb), .28)}.btn--outline.btn--warning{color:var(--btn-warning-outline-text);box-shadow:inset 0 0 0 2px var(--btn-warning)}.btn--outline.btn--warning:hover{background:rgba(var(--btn-warning-rgb), .14)}.btn--outline.btn--warning:active{background:rgba(var(--btn-warning-rgb), .28)}.btn--outline.btn--danger{color:var(--btn-danger-outline-text);box-shadow:inset 0 0 0 2px var(--btn-danger)}.btn--outline.btn--danger:hover{background:rgba(var(--btn-danger-rgb), .14)}.btn--outline.btn--danger:active{background:rgba(var(--btn-danger-rgb), .28)}.btn--outline.btn--info{color:var(--btn-info-outline-text);box-shadow:inset 0 0 0 2px var(--btn-info)}.btn--outline.btn--info:hover{background:rgba(var(--btn-info-rgb), .14)}.btn--outline.btn--info:active{background:rgba(var(--btn-info-rgb), .28)}.btn--outline:disabled{box-shadow:inset 0 0 0 2px var(--btn-disabled-bg)!important}.btn--ghost{background:0 0}.btn--ghost.btn--primary{color:var(--btn-primary-outline-text)}.btn--ghost.btn--primary:hover{background:rgba(var(--accent-rgb), .12)}.btn--ghost.btn--secondary{color:var(--btn-secondary-outline-text)}.btn--ghost.btn--secondary:hover{background:var(--btn-secondary-tint-weak)}.btn--ghost.btn--success{color:var(--btn-success-outline-text)}.btn--ghost.btn--success:hover{background:rgba(var(--btn-success-rgb), .12)}.btn--ghost.btn--warning{color:var(--btn-warning-outline-text)}.btn--ghost.btn--warning:hover{background:rgba(var(--btn-warning-rgb), .12)}.btn--ghost.btn--danger{color:var(--btn-danger-outline-text)}.btn--ghost.btn--danger:hover{background:rgba(var(--btn-danger-rgb), .12)}.btn--ghost.btn--info{color:var(--btn-info-outline-text)}.btn--ghost.btn--info:hover{background:rgba(var(--btn-info-rgb), .12)}.btn--icon{align-items:center;gap:7px;display:flex}.card{background:var(--color-white);box-shadow:inset 0 0 0 1.5px var(--color-border);clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));cursor:pointer;padding:.75rem 1rem;transition:background .12s,box-shadow .12s}.card:hover{background:rgba(var(--accent-rgb), .15);box-shadow:inset 0 0 0 1.5px var(--accent-edge)}.card--selected,.card--selected:hover{background:rgba(var(--accent-rgb), .15);color:var(--accent-edge);box-shadow:inset 0 0 0 1.5px var(--accent-edge)}.card--loading,.card--loading:hover{background:var(--color-bg-hover);color:var(--color-text-disabled);cursor:default}.form{flex-direction:column;gap:1rem;display:flex}.form__field{flex-direction:column;gap:.3rem;display:flex}.form__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.form__input{height:33px;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));outline:none;padding:0 10px;font:400 13px/1 Space Grotesk,sans-serif}.form__input:focus{border-color:var(--accent);background:var(--color-white)}.form__error{color:var(--color-error);font-size:.75rem}.form__footer{justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.form__row{align-items:flex-end;gap:.5rem;margin-top:1rem;display:flex}.form__row .form__field{flex:1}.form__wrapper{min-width:600px}._panels_1ioog_1{flex-grow:1;min-height:0;display:flex}._action-panel_r5ayi_1{border-left:solid 1px var(--color-border-muted);min-width:15%;padding:.5em}._section_r5ayi_7{margin-top:1rem}._section__title_r5ayi_11{margin-bottom:.3rem}._color-picker_10wu9_1{align-items:center;gap:.5rem;display:flex}._color-picker__hex_10wu9_7{font-size:1.2rem}._color-picker_10wu9_1 input[type=color]{border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));width:2.5rem;height:2.5rem;padding:0}._color-picker_10wu9_1 input[type=color]::-webkit-color-swatch-wrapper{padding:0}._color-picker_10wu9_1 input[type=color]::-webkit-color-swatch{border:none}._color-picker_10wu9_1 input[type=color]::-moz-color-swatch{border:none}._recent-colors_10wu9_38{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}._recent-colors__item_10wu9_45{display:inline-flex;position:relative}._recent-colors__swatch_10wu9_50{border:1.5px solid var(--color-border);cursor:pointer;clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));width:1.75rem;height:1.75rem;padding:0}._recent-colors__swatch_10wu9_50:hover{border-color:var(--accent-edge)}._recent-colors__item_10wu9_45:after{content:attr(data-hex);background:var(--color-text);color:var(--color-white);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1;padding:.2rem .4rem;font-family:Space Grotesk,sans-serif;font-size:.7rem;transition:opacity 80ms;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}._recent-colors__item_10wu9_45:hover:after{opacity:1;visibility:visible}._sprite__canvas_gxjdr_1{flex-direction:column;display:flex}._sprite__size_gxjdr_6{text-align:center;margin-top:.5rem}._sprite__canvas-surface_gxjdr_11{border:solid 1px var(--color-canvas-border);background-image:linear-gradient(45deg, var(--color-checker) 25%, transparent 25%), linear-gradient(-45deg, var(--color-checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-checker) 75%), linear-gradient(-45deg, transparent 75%, var(--color-checker) 75%);background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px;background-color:var(--color-white)}._modal-overlay_1jp1m_1{background:var(--overlay-backdrop);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_1jp1m_1{background:var(--color-white);clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));min-width:600px;max-width:90vw;max-height:85vh;filter:drop-shadow(6px 6px 0 var(--overlay-shadow));flex-direction:column;display:flex}._modal__header_1jp1m_27{border-bottom:1.5px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._modal__title_1jp1m_35{font-size:1.1rem}._modal__body_1jp1m_39{padding:1.25rem 1rem;overflow-y:auto}._main-panel_1crzh_1{background:radial-gradient(circle at 50% 42%, var(--color-white) 0%, var(--color-bg-hover) 78%);flex-grow:1;padding:.5em;position:relative}._sprite_1crzh_8{justify-content:center;align-items:center;margin-top:4rem;display:flex}._sprite__header_1crzh_15{justify-content:space-between;align-items:center;display:flex}._sprite__actions_1crzh_21{align-items:start;gap:.5rem;display:flex}._sprite__unsaved-dot_1crzh_27{background:var(--color-white);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}._sprite__name_1crzh_36{word-break:break-all}._project-list_10ea1_1{flex-direction:column;margin-bottom:1rem;display:flex}._project-list__row_10ea1_7{border-bottom:1px solid var(--color-border-subtle)}._project-list__row_10ea1_7:first-child{border-top:1px solid var(--color-border-subtle)}._project-list__item_10ea1_15{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.6rem .25rem;font:400 13px/1 Space Grotesk,sans-serif;display:block}._project-list__item_10ea1_15:hover{background:var(--color-bg-hover)}._project-panel_1ho62_1{border-right:solid 1px var(--color-border-muted);flex-direction:column;width:20%;min-height:0;padding:.5em;display:flex;overflow:hidden}._project-panel__title_1ho62_11{flex-shrink:0;margin-bottom:1rem}._project-panel__body_1ho62_16{flex-direction:column;flex:1;min-height:0;display:flex}._project__empty_1ho62_23{flex-direction:column;align-items:center;gap:1rem;display:flex}._project__name-row_1ho62_30{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}._group-list_1ho62_39{flex-direction:column;flex:1;max-width:100%;min-height:0;display:flex;overflow-y:auto}._group-list__name_1ho62_48{overflow-x:hidden}._group__items_1ho62_52{padding-left:1em}._group-list__wrapper_1ho62_56{flex-direction:column;flex:1;align-items:flex-start;min-height:0;padding-left:1em;display:flex}._group-list__item_1ho62_65{margin-bottom:.75rem}._sprite-list_1ho62_69{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}._sprite-list__item_1ho62_76{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}._project-panel__change-btn_1ho62_83{align-self:flex-end;margin-top:auto}._nav_svzqk_1{align-items:center;gap:1.5rem;margin-left:1rem;display:flex}._nav__link_svzqk_8{letter-spacing:.01em;color:var(--color-text-muted);font:600 16px/1 Space Grotesk,sans-serif;text-decoration:none;transition:color .12s;position:relative}._nav__link_svzqk_8:hover{color:var(--color-text-hover)}._nav__link--active_svzqk_21{color:var(--accent)}._nav__link--active_svzqk_21:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-.35rem;left:0;right:0}._app-header_svzqk_35{border-bottom:solid 1px var(--color-border-muted);padding:.5em;display:flex}._auth_svzqk_41{align-items:center;gap:1rem;margin-left:auto;display:flex}._panels_vs5qx_1{flex-grow:1;display:flex}._gallery-project-panel_1eyfn_1{border-right:solid 1px var(--color-border-muted);flex-direction:column;min-width:15%;padding:.5em;display:flex}._gallery-project-list_1eyfn_9{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}._gallery-project-list__item_1eyfn_16{word-break:break-word;font:600 13px/1.3 Space Grotesk,sans-serif}._gallery-project-panel__add-btn_1eyfn_21{justify-content:center;align-self:stretch;margin-top:auto}._gallery-main-panel_hkae0_1{flex-grow:1;padding:1em}._gallery-main-panel__header_hkae0_6{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}._gallery-group-list_hkae0_13{flex-direction:column;gap:1.25rem;margin-top:.75rem;display:flex}._gallery-group-list__name-row_hkae0_20{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}._gallery-group-list__name_hkae0_20{font-weight:600}._gallery-group-list__actions_hkae0_31{align-items:center;display:flex}._gallery-sprite-list_hkae0_36{flex-wrap:wrap;gap:.6rem;display:flex}._gallery-sprite-list__item_hkae0_42{cursor:default;font:400 13px/1 Space Grotesk,sans-serif}