body.page-tool-generate-spawnable-types{--panel-bg:rgba(24,14,18,0.50);--card-bg:rgba(28,16,21,0.56);--border-color:var(--page-card-border);--text-primary:var(--page-text);--text-secondary:var(--page-text-muted);--text-muted:var(--page-text-soft);--accent:var(--page-accent);--drop-hover:rgba(160,0,0,.12)}body.page-tool-generate-spawnable-types .page-heading{margin-bottom:0.65rem}body.page-tool-generate-spawnable-types .page-heading h1{margin-bottom:0.3rem}body.page-tool-generate-spawnable-types .page-lead{max-width:none;font-size:0.92rem}body.page-tool-generate-spawnable-types .tool-stage{padding:0;min-height:0;overflow:hidden}body.page-tool-generate-spawnable-types .tool-embed--generate-spawnable-types{min-height:42rem;height:calc(100vh - 15.25rem);overflow:hidden;border:1px solid var(--border-color);border-radius:1.25rem;background:var(--page-card-surface-tint),rgba(19,11,14,0.36);box-shadow:var(--page-card-shadow-soft);backdrop-filter:blur(16px)}body.page-tool-generate-spawnable-types .split-container{display:grid;grid-template-columns:minmax(18rem,21rem) minmax(0,1fr);min-height:0;height:100%}body.page-tool-generate-spawnable-types .left-panel{min-height:0;overflow:hidden;background:var(--page-card-surface-tint-soft),var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column}body.page-tool-generate-spawnable-types .right-panel{min-height:0;overflow:hidden;background:rgba(18,10,13,0.30);display:flex;flex-direction:column;padding:.75rem;gap:.75rem}body.page-tool-generate-spawnable-types .left-tab-content,body.page-tool-generate-spawnable-types .editor-tab-content{display:none}body.page-tool-generate-spawnable-types .left-tab-content.active,body.page-tool-generate-spawnable-types .editor-tab-content.active{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}body.page-tool-generate-spawnable-types .panel-section,body.page-tool-generate-spawnable-types .types-panel,body.page-tool-generate-spawnable-types .editor-panel,body.page-tool-generate-spawnable-types .builder-toolbar,body.page-tool-generate-spawnable-types #selectedType{background:var(--page-card-surface-tint-soft),var(--card-bg);border:1px solid var(--border-color);border-radius:1rem}body.page-tool-generate-spawnable-types .catalog-scroll,body.page-tool-generate-spawnable-types .types-scroll,body.page-tool-generate-spawnable-types .editor-panel,body.page-tool-generate-spawnable-types .types-panel{min-height:0;overflow:auto}body.page-tool-generate-spawnable-types .builder-grid{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:.75rem;min-height:0;flex:1 1 auto}body.page-tool-generate-spawnable-types .set-drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}body.page-tool-generate-spawnable-types .set-zone,body.page-tool-generate-spawnable-types .dnd-dropzone{min-height:4rem;border:1px dashed rgba(255,255,255,.16);border-radius:.9rem;background:rgba(90,0,0,0.05)}body.page-tool-generate-spawnable-types .catalog-grid{display:grid;grid-template-columns:1fr;gap:.55rem}body.page-tool-generate-spawnable-types textarea#outputXml{min-height:26rem;font-family:var(--font-mono)}@media (max-width:1080px){body.page-tool-generate-spawnable-types .tool-embed--generate-spawnable-types{height:auto;min-height:38rem}body.page-tool-generate-spawnable-types .split-container,body.page-tool-generate-spawnable-types .builder-grid{grid-template-columns:1fr}}@media (max-width:640px){body.page-tool-generate-spawnable-types .set-drop-grid{grid-template-columns:1fr}}body.page-tool-generate-spawnable-types .tool-embed--generate-spawnable-types{min-height:calc(100vh - 16rem);height:calc(100vh - 16rem)}body.page-tool-generate-spawnable-types .left-panel{width:19rem;min-width:17rem;max-width:20.5rem}body.page-tool-generate-spawnable-types .panel-section,body.page-tool-generate-spawnable-types .types-panel,body.page-tool-generate-spawnable-types .editor-panel,body.page-tool-generate-spawnable-types .builder-toolbar,body.page-tool-generate-spawnable-types #selectedType{border-radius:0.88rem}body.page-tool-generate-spawnable-types .catalog-scroll{padding:0.45rem}body.page-tool-generate-spawnable-types #catalogList .dnd-item-card{gap:0.6rem;padding:0.48rem 0.58rem;border-radius:0.78rem;background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.018));border:1px solid rgba(255,255,255,0.08)}body.page-tool-generate-spawnable-types #catalogList .dnd-item-card:hover{background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.024));border-color:rgba(255,255,255,0.14)}body.page-tool-generate-spawnable-types #catalogList .dnd-item-img{width:2rem;height:2rem;border-radius:0.55rem}body.page-tool-generate-spawnable-types #catalogList .dnd-item-label{font-size:0.8rem;line-height:1.2;color:var(--text-primary)}body.page-tool-generate-spawnable-types .types-scroll,body.page-tool-generate-spawnable-types .editor-panel,body.page-tool-generate-spawnable-types .catalog-scroll{scrollbar-gutter:stable}