*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#181825;color:#cdd6f4}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:baseline;gap:1rem;padding:.5rem 1rem;background:#11111b;border-bottom:1px solid #313244}.app-title{font-weight:700}.app-tagline{font-size:.8rem;color:#9399b2}.app-nav{margin-left:auto;display:flex;align-items:center;gap:1rem}.app-nav a{color:#cdd6f4;text-decoration:none}.app-account{display:flex;align-items:center;gap:.75rem}.app-user-email{font-size:.85rem;color:#9399b2}.app-logout,.auth-form button,.auth-toggle{font:inherit;color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:4px;padding:.35rem .75rem;cursor:pointer}.auth-form button[disabled]{opacity:.6;cursor:default}.auth-loading,.auth-screen{margin:auto;text-align:center}.auth-screen{display:flex;flex-direction:column;gap:1rem;width:min(22rem,90vw)}.auth-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.auth-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.auth-field input{font:inherit;padding:.4rem .5rem;border-radius:4px;border:1px solid #45475a;background:#1e1e2e;color:#cdd6f4}.auth-toggle{background:transparent;border:none;color:#89b4fa}.field-error,.form-error{margin:0;color:#f38ba8;font-size:.8rem}.app-main{flex:1;min-height:0;display:flex}.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:.75rem;overflow-y:auto;background:#11111b;border-right:1px solid #313244}.asset-panel h2{margin:0 0 .75rem;font-size:.9rem;color:#9399b2;text-transform:uppercase;letter-spacing:.05em}.asset-empty{font-size:.85rem;color:#9399b2}.asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.asset-item{font:inherit;width:100%;text-align:left;color:#cdd6f4;background:transparent;border:1px solid transparent;border-radius:4px;padding:.35rem .5rem;cursor:pointer}.asset-item:hover{background:#1e1e2e}.asset-item.selected{background:#313244;border-color:#45475a}