:root{color-scheme:dark;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--ctp-surface0: #313244;--ctp-surface1: #45475a;--ctp-surface2: #585b70;--ctp-overlay2: #9399b2;--ctp-subtext0: #a6adc8;--ctp-subtext1: #bac2de;--ctp-text: #cdd6f4;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-sapphire: #74c7ec;--ctp-green: #a6e3a1;--ctp-yellow: #f9e2af;--ctp-red: #f38ba8;--color-background: var(--ctp-mantle);--color-chrome: var(--ctp-crust);--color-surface: var(--ctp-base);--color-surface-elevated: var(--ctp-surface0);--color-border: var(--ctp-surface0);--color-border-strong: var(--ctp-surface1);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext0);--text-muted: var(--ctp-overlay2);--accent: var(--ctp-blue);--accent-hover: var(--ctp-lavender);--accent-active: color-mix(in srgb, var(--ctp-blue) 82%, var(--ctp-crust));--accent-contrast: var(--ctp-crust);--color-success: var(--ctp-green);--color-error: var(--ctp-red);--color-warning: var(--ctp-yellow);--color-info: var(--ctp-sapphire);--surface-success: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));--surface-error: color-mix(in srgb, var(--color-error) 14%, var(--color-surface));--surface-info: color-mix(in srgb, var(--color-info) 14%, var(--color-surface));--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: ui-monospace, "Cascadia Code", "JetBrains Mono", "Segoe UI Mono", monospace;--font-xs: .75rem;--font-sm: .85rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.375rem;--font-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 2px var(--color-background), 0 0 0 4px var(--accent);--transition-fast: .12s ease}:root[data-theme=light]{color-scheme:light;--latte-base: #eff1f5;--latte-mantle: #e6e9ef;--latte-crust: #dce0e8;--latte-surface0: #ccd0da;--latte-surface1: #bcc0cc;--latte-overlay2: #7c7f93;--latte-subtext0: #6c6f85;--latte-text: #4c4f69;--latte-blue: #1e66f5;--latte-lavender: #7287fd;--latte-sapphire: #209fb5;--latte-green: #40a02b;--latte-yellow: #df8e1d;--latte-red: #d20f39;--color-background: var(--latte-mantle);--color-chrome: var(--latte-crust);--color-surface: var(--latte-base);--color-surface-elevated: var(--latte-surface0);--color-border: var(--latte-surface0);--color-border-strong: var(--latte-surface1);--text-primary: var(--latte-text);--text-secondary: var(--latte-subtext0);--text-muted: var(--latte-overlay2);--accent: var(--latte-blue);--accent-hover: var(--latte-lavender);--accent-active: color-mix(in srgb, var(--latte-blue) 82%, var(--latte-crust));--accent-contrast: var(--latte-base);--color-success: var(--latte-green);--color-error: var(--latte-red);--color-warning: var(--latte-yellow);--color-info: var(--latte-sapphire)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--font-base);line-height:var(--leading-normal);background:var(--color-background);color:var(--text-primary)}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-chrome);border-bottom:1px solid var(--color-border)}.app-title{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--accent)}.app-tagline{font-size:var(--font-xs);color:var(--text-muted)}.app-nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.app-nav a{color:var(--text-secondary);text-decoration:none}.app-nav a:hover{color:var(--text-primary)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:var(--weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-sm)}.avatar--lg{width:4rem;height:4rem;font-size:var(--font-xl)}.user-menu{position:relative;display:inline-flex}.user-menu__trigger{display:inline-flex;padding:0;border:2px solid transparent;border-radius:var(--radius-full);background:none;cursor:pointer}.user-menu__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.user-menu__trigger:hover .avatar{background:var(--accent-hover)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:12rem;display:flex;flex-direction:column;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20}.user-menu__email{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-xs);color:var(--text-muted);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.user-menu__item{font:inherit;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer}.user-menu__item:hover{background:var(--color-surface-elevated)}.user-menu__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-medium);border:1px solid var(--color-border)}.badge--success{background:var(--surface-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);color:var(--text-primary)}.badge--muted{background:var(--color-surface-elevated);color:var(--text-muted)}.app-main{flex:1;min-height:0;display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:var(--weight-medium);line-height:1;padding:.55rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:not(:disabled):hover{background:var(--accent-hover)}.btn--primary:not(:disabled):active{background:var(--accent-active)}.btn--secondary{background:var(--color-surface-elevated);color:var(--text-primary);border-color:var(--color-border-strong)}.btn--secondary:not(:disabled):hover{border-color:var(--accent)}.btn--ghost{background:transparent;color:var(--accent)}.btn--ghost:not(:disabled):hover{background:var(--color-surface-elevated)}.btn--danger{background:var(--color-error);color:var(--accent-contrast)}.btn--danger:not(:disabled):hover{filter:brightness(1.08)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:var(--radius-full);animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.form-field__input{font:inherit;color:var(--text-primary);background:var(--color-background);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .65rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input::placeholder{color:var(--text-muted)}.form-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.form-field__input[aria-invalid=true]{border-color:var(--color-error)}.form-field__hint{font-size:var(--font-xs);color:var(--text-muted)}.form-field__error{font-size:var(--font-xs);color:var(--color-error)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-sm)}.alert--success{background:var(--surface-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);color:var(--text-primary)}.alert--error{background:var(--surface-error);border-color:color-mix(in srgb,var(--color-error) 45%,transparent);color:var(--text-primary)}.alert--info{background:var(--surface-info);border-color:color-mix(in srgb,var(--color-info) 45%,transparent);color:var(--text-primary)}.alert__icon{flex-shrink:0;line-height:var(--leading-normal)}.alert--success .alert__icon{color:var(--color-success)}.alert--error .alert__icon{color:var(--color-error)}.alert--info .alert__icon{color:var(--color-info)}.auth-layout{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);margin:auto}.auth-layout__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.auth-layout__wordmark{margin:0;font-family:var(--font-display);font-size:var(--font-2xl);font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--accent)}.auth-layout__tagline{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.auth-layout__card{width:min(24rem,92vw);display:flex;flex-direction:column;gap:var(--space-4)}.auth-layout__heading{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-1)}.auth-form__resend{display:flex;flex-direction:column;gap:var(--space-2)}.auth-toggle{align-self:center;font:inherit;font-size:var(--font-sm);background:none;border:none;color:var(--accent);cursor:pointer;padding:0}.auth-toggle:hover{color:var(--accent-hover)}.auth-loading{margin:auto;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.profile{width:min(48rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.profile__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.profile__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.profile__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.profile__tab:hover{color:var(--text-primary)}.profile__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.profile__panel{min-height:8rem}.overview{display:flex;flex-direction:column;gap:var(--space-5)}.overview__head{display:flex;align-items:center;gap:var(--space-4)}.overview__identity{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.overview__username{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.overview__fields{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.overview__field{display:flex;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.overview__field dt{color:var(--text-muted);font-size:var(--font-sm)}.overview__field dd{margin:0;text-align:right;overflow-wrap:anywhere}.overview__mono{font-family:var(--font-display);font-size:var(--font-sm)}.overview__muted{color:var(--text-muted)}.settings{display:flex;flex-direction:column;gap:var(--space-5)}.settings__group{display:flex;flex-direction:column;gap:var(--space-2)}.settings__label{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.settings__options{display:flex;gap:var(--space-2);flex-wrap:wrap}.security{display:flex;flex-direction:column;gap:var(--space-5)}.security__panel{display:flex;flex-direction:column;gap:var(--space-4)}.security__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.security__hint{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.security__hint--available{color:var(--color-success)}.security__hint--taken,.security__hint--invalid{color:var(--color-error)}.profile-placeholder{display:flex;flex-direction:column;gap:var(--space-2)}.profile-placeholder__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.profile-placeholder__text{margin:0;color:var(--text-muted)}.pixi-host{flex:1;display:flex;min-height:0;image-rendering:pixelated}.pixi-host canvas{margin:auto;image-rendering:pixelated}.editor{flex:1;min-height:0;display:flex}.asset-panel{width:14rem;flex-shrink:0;padding:var(--space-3);overflow-y:auto;background:var(--color-chrome);border-right:1px solid var(--color-border)}.asset-panel h2{margin:0 0 var(--space-3);font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.asset-empty{font-size:var(--font-sm);color:var(--text-muted)}.asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.asset-item{font:inherit;width:100%;text-align:left;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer}.asset-item:hover{background:var(--color-surface)}.asset-item.selected{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.suite-shell{flex:1;min-height:0;display:flex;flex-direction:column}.suite-topbar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-4);background:var(--color-chrome);border-bottom:1px solid var(--color-border)}.suite-project{font-weight:var(--weight-semibold);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suite-body{flex:1;min-height:0;display:flex}.pipeline{min-width:0}.pipeline__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-1);overflow-x:auto}.pipeline__item:not(:first-child):before{content:"";width:var(--space-4);height:1px;background:var(--color-border-strong)}.pipeline__item{display:flex;align-items:center;gap:var(--space-1)}.pipeline__step{display:inline-flex;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--font-sm);color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.pipeline__step:hover{color:var(--text-secondary);background:var(--color-surface-elevated)}.pipeline__step:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pipeline__step--active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.pipeline__index{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;font-size:var(--font-xs);border-radius:var(--radius-full);background:var(--color-surface-elevated);color:inherit}.pipeline__step--active .pipeline__index{background:var(--accent);color:var(--accent-contrast)}.mode-rail{flex-shrink:0;width:12rem;padding:var(--space-3);background:var(--color-chrome);border-right:1px solid var(--color-border);overflow-y:auto}.mode-rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.mode-rail__item{display:block;font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;transition:color var(--transition-fast),background var(--transition-fast)}.mode-rail__item:hover{color:var(--text-primary);background:var(--color-surface)}.mode-rail__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mode-rail__item--active{color:var(--accent);background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.suite-center{flex:1;min-width:0;min-height:0;display:flex}.mode-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.mode-pane__title{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.mode-pane__canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-background)}.mode-pane__placeholder{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.suite-panel{flex-shrink:0;width:16rem;padding:var(--space-3);background:var(--color-chrome);border-left:1px solid var(--color-border);overflow-y:auto}.suite-panel__title{margin:0 0 var(--space-3);font-size:var(--font-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.suite-panel__empty{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.undo-redo{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.undo-redo .btn{flex:1}.suite-panel__slot:empty{display:none}.sprite-mode{flex:1;min-height:0;display:flex;flex-direction:column}.sprite-mode__bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.sprite-mode__picker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.sprite-mode__hint{font-size:var(--font-sm);color:var(--text-muted)}.sprite-mode .pixi-host{cursor:crosshair}.palette{display:flex;flex-direction:column;gap:var(--space-2)}.palette__title{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.palette__swatches{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.palette__swatch{display:block;width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.palette__swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.palette__swatch--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.palette__swatch--transparent{background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-elevated) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-elevated) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.palette__active{margin:0;font-size:var(--font-xs);color:var(--text-muted)}@media (max-width: 720px){.suite-body{flex-direction:column}.mode-rail{width:auto;border-right:none;border-bottom:1px solid var(--color-border)}.mode-rail__list{flex-direction:row;flex-wrap:wrap}.suite-panel{display:none}}@media (prefers-reduced-motion: reduce){.pipeline__step,.mode-rail__item{transition:none}}