body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{gap:var(--spacing-xl);justify-content:space-between}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:var(--spacing-md)}.logo{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none;transition:var(--transition-fast)}.logo:hover{color:var(--primary-light);transform:translateY(-1px)}.logo-icon{filter:drop-shadow(0 0 8px rgba(37,99,235,.4));font-size:1.5em}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;background-clip:text}.logo-tagline{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-muted);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.nav{gap:var(--spacing-lg)}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-fast)}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.nav-link:active{transform:translateY(0)}.nav-icon{font-size:1em}.nav-divider{background:var(--border-secondary);height:24px;margin:0 var(--spacing-sm);width:1px}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:var(--shadow);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow);transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media (max-width:968px){.header-content,.nav{gap:var(--spacing-md)}.btn-primary span:not(.btn-icon),.btn-secondary span:not(.btn-icon),.logo-tagline,.nav-link span:not(.nav-icon){display:none}}@media (max-width:640px){.header{padding:var(--spacing-sm) 0}.logo-text{font-size:1rem}.nav{gap:var(--spacing-sm)}.nav-divider{display:none}.btn-primary,.btn-secondary{justify-content:center;min-width:40px;padding:var(--spacing-sm)}}.hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:4rem 0 6rem;position:relative}.hero-background{opacity:.1}.hero-background,.hero-grid{bottom:0;left:0;position:absolute;right:0;top:0}.hero-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#2563eb1a 1px,#0000 0),linear-gradient(90deg,#2563eb1a 1px,#0000 0);background-size:50px 50px}.hero-particles{background:radial-gradient(circle at 20% 80%,#2563eb33 0,#0000 50%),radial-gradient(circle at 80% 20%,#f59e0b33 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:10}.hero-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:50px;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md)}.badge-icon{animation:sparkle 2s ease-in-out infinite;font-size:1em}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.hero-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;position:relative}.hero-highlight:after{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:2px;bottom:-4px;content:"";height:3px;left:0;opacity:.3;position:absolute;right:0}.hero-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.7;margin-left:auto;margin-right:auto;max-width:600px}.hero-description,.hero-features{margin-bottom:var(--spacing-2xl)}.feature-carousel{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;min-height:60px;position:relative}.feature-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:50px;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);opacity:.5;padding:var(--spacing-sm) var(--spacing-md);transform:scale(.9);transition:var(--transition-normal)}.feature-item.active{background:#2563eb1a;border-color:var(--primary);box-shadow:0 0 20px #2563eb33;color:var(--text-primary);opacity:1;transform:scale(1)}.feature-icon{font-size:1.2em}.hero-actions{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn-hero-primary,.btn-hero-secondary,.hero-actions{align-items:center;display:flex;justify-content:center}.btn-hero-primary,.btn-hero-secondary{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:var(--spacing-sm);min-width:160px;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:var(--transition-normal)}.btn-hero-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:var(--shadow-lg);color:#fff;transform:perspective(1000px) rotateX(0deg)}.btn-hero-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateX(-5deg) translateY(-2px)}.btn-hero-primary:active{transform:perspective(1000px) rotateX(0deg) translateY(0)}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.btn-hero-primary:hover .btn-shine{left:100%}.btn-hero-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:2px solid var(--border-primary);color:var(--text-primary)}.btn-hero-secondary:hover{background:#2563eb1a;border-color:var(--primary);transform:translateY(-2px)}.btn-hero-secondary:active{transform:translateY(0)}.hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.stat-item{text-align:center}.stat-number{color:var(--primary);font-size:2rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-weight:500}.stat-divider{background:var(--border-secondary);height:40px;width:1px}@media (max-width:968px){.hero{padding:3rem 0 4rem}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-description{font-size:1.1rem;margin-bottom:var(--spacing-xl)}.feature-carousel{gap:var(--spacing-md)}.hero-actions{flex-direction:column;gap:var(--spacing-sm)}.btn-hero-primary,.btn-hero-secondary{max-width:280px;width:100%}.hero-stats{gap:var(--spacing-md)}.stat-divider{display:none}}@media (max-width:640px){.hero{padding:2rem 0 3rem}.hero-badge{font-size:.8rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm)}.hero-description{font-size:1rem}.feature-carousel{flex-direction:column;gap:var(--spacing-sm);min-height:auto}.feature-item{justify-content:center;max-width:200px;width:100%}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}}.controls-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.panel-title{font-size:1.25rem}.controls-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.control-section{border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-xl)}.control-section:last-child{border-bottom:none;padding-bottom:0}.section-title{gap:var(--spacing-sm)}.section-title,.section-toggle{align-items:center;display:flex;font-size:1rem}.section-toggle{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);transition:var(--transition-fast);width:100%}.section-toggle:hover{background:var(--bg-tertiary)}.section-icon{font-size:1.1em}.toggle-icon{color:var(--text-secondary);font-size:.8em;transition:var(--transition-fast)}.toggle-icon.open{transform:rotate(180deg)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.label-tooltip{cursor:help;font-size:.8em;opacity:.7}.form-input,.form-select{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input.error{border-color:var(--danger)}.input-group{display:flex;gap:var(--spacing-xs)}.input-button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:var(--spacing-sm);transition:var(--transition-fast)}.input-button:hover{background:var(--border-primary);color:var(--text-primary)}.select-wrapper{position:relative}.select-wrapper:after{color:var(--text-secondary);content:"▼";font-size:.8em;pointer-events:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.difficulty-selector{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.difficulty-btn{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;padding:var(--spacing-sm);text-align:left;transition:var(--transition-fast)}.difficulty-btn:hover{background:var(--bg-surface);border-color:var(--border-primary)}.difficulty-btn.active{background:#2563eb1a;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.difficulty-label{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.difficulty-desc{color:var(--text-muted);font-size:.75rem}.slider-group{align-items:center;display:flex;gap:var(--spacing-md)}.form-slider{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;flex:1 1;height:6px;outline:none}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;box-shadow:var(--shadow);cursor:pointer;height:20px;width:20px}.form-slider::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;height:20px;width:20px}.slider-value{color:var(--primary);font-size:.875rem;font-weight:600;min-width:30px;text-align:center}.radio-group{display:flex;gap:var(--spacing-lg)}.radio-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.radio-item input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:50%;cursor:pointer;height:16px;position:relative;width:16px}.radio-item input[type=radio]:checked{border-color:var(--primary)}.radio-item input[type=radio]:checked:after{background:var(--primary);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-label{color:var(--text-primary);font-size:.875rem}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.checkbox-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;height:18px;position:relative;transition:var(--transition-fast);width:18px}.checkbox-item input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.checkbox-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs)}.checkbox-icon{font-size:1em}.advanced-settings{border-left:2px solid var(--border-secondary);padding-left:var(--spacing-md)}.form-hint{color:var(--text-muted);font-style:italic}.form-error,.form-hint{font-size:.75rem;margin-top:var(--spacing-xs)}.form-error{align-items:center;color:var(--danger);display:flex;gap:var(--spacing-xs)}.form-error:before{content:"⚠️";font-size:.9em}.generate-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:12px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;min-height:52px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:var(--transition-normal);width:100%}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:var(--shadow-xl);transform:translateY(-2px)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.generate-btn.generating{background:linear-gradient(135deg,var(--secondary),var(--bg-surface))}.btn-icon{font-size:1.1em}.btn-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.generate-btn:hover:not(:disabled) .btn-glow{left:100%}@media (max-width:480px){.controls-panel{padding:var(--spacing-lg)}.form-row{gap:var(--spacing-sm)}.difficulty-selector,.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:var(--spacing-sm)}.advanced-settings{border-left:none;border-top:1px solid var(--border-secondary);margin-top:var(--spacing-md);padding-left:0;padding-top:var(--spacing-md)}}.zoom-btn.reset-btn{background:var(--bg-secondary);border-color:var(--border-primary);margin-left:var(--spacing-sm)}.zoom-btn.reset-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary-dark);color:#fff}.item-value{color:var(--accent);font-size:.75rem;font-weight:600}.empty-section{align-items:center;border:2px dashed var(--border-secondary);border-radius:8px;color:var(--text-muted);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-section .empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-section p{font-size:.875rem;line-height:1.5;max-width:300px}@media (max-width:1200px){.encounters-grid,.npcs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:968px){.display-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.display-info{justify-content:space-between;width:100%}.display-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.map-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.map-info{flex-wrap:wrap}.map-info,.map-legend{justify-content:center}.map-viewport{max-height:400px}.encounters-grid,.npcs-grid{grid-template-columns:1fr}.data-header{align-items:stretch;flex-direction:column}.room-details{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:640px){.dungeon-display{border-radius:12px}.display-content{padding:var(--spacing-lg)}.display-header{padding:var(--spacing-md) var(--spacing-lg)}.display-title{font-size:1.125rem}.tab-button{padding:var(--spacing-sm) var(--spacing-md)}.info-item{flex:1 1;justify-content:center;min-width:0}.map-controls{padding:var(--spacing-sm)}.map-info{gap:var(--spacing-sm)}.info-text{font-size:.7rem;padding:2px var(--spacing-xs)}.map-viewport{-webkit-overflow-scrolling:touch;max-height:350px;overflow:auto}.zoom-controls{justify-content:center;width:100%}.map-legend{flex-wrap:wrap;gap:var(--spacing-sm)}.npc-card{flex-direction:column;text-align:center}.npc-avatar{align-self:center}.loot-item{gap:var(--spacing-sm);grid-template-columns:auto 1fr}.item-rarity,.item-value{grid-column:1/-1;justify-self:start;margin-left:calc(1.1em + var(--spacing-sm))}}@media (prefers-reduced-motion:reduce){.spinner-ring{animation:none}.copy-btn,.step,.tab-button,.zoom-btn{transition:none}}@media (prefers-contrast:high){.legend-color{border-width:2px}.dungeon-canvas{filter:contrast(1.2)}}dungeon-display{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:600px;overflow:hidden}.display-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.display-header,.display-title{align-items:center;display:flex}.display-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);margin:0}.display-info{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.info-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.info-icon{font-size:1em}.generation-status{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.generation-spinner{height:80px;margin-bottom:var(--spacing-2xl);position:relative;width:80px}.spinner-ring{animation:spin 1s linear infinite;border-top:4px solid var(--border-secondary);border:4px solid var(--border-secondary);border-radius:50%;border-top-color:var(--primary);bottom:0;left:0;position:absolute;right:0;top:0}.spinner-center{font-size:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.generation-steps{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.step{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:var(--spacing-sm);transition:var(--transition-fast)}.step.active{color:var(--text-primary)}.step-icon{font-size:1.1em}.generation-quote{color:var(--text-muted);font-size:.875rem;font-style:italic;max-width:400px}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.empty-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-xl);max-width:500px}.empty-features{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.feature-preview{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-muted);display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.preview-icon{font-size:1.1em}.display-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;overflow-x:auto}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:var(--transition-fast);white-space:nowrap}.tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-button.active{background:var(--bg-secondary);border-bottom-color:var(--primary);color:var(--primary)}.tab-label{align-items:center;display:flex;gap:var(--spacing-xs)}.display-content{flex:1 1;overflow:auto;padding:var(--spacing-xl)}.map-container{display:flex;flex-direction:column;height:100%}.map-controls{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.map-controls,.map-info{align-items:center;display:flex}.map-info{gap:var(--spacing-lg)}.info-text{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-muted);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.zoom-controls{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;gap:var(--spacing-sm)}.zoom-btn,.zoom-controls{align-items:center;display:flex;padding:var(--spacing-xs)}.zoom-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;min-width:32px;transition:var(--transition-fast)}.zoom-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.zoom-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-level{color:var(--text-primary);font-size:.875rem;font-weight:500;min-width:50px;text-align:center}.map-legend{gap:var(--spacing-md)}.legend-item,.map-legend{align-items:center;display:flex}.legend-item{color:var(--text-secondary);font-size:.875rem;gap:var(--spacing-xs)}.legend-color{border:1px solid var(--border-secondary);border-radius:3px;height:16px;width:16px}.legend-color.wall{background:#1e293b}.legend-color.room{background:#64748b}.legend-color.corridor{background:#475569}.legend-color.door{background:#f59e0b}.map-viewport{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;cursor:grab;flex:1 1;max-height:500px;max-width:100%;outline:none;overflow:auto;position:relative;scrollbar-color:var(--bg-surface) var(--bg-secondary);scrollbar-width:thin}.map-viewport:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.map-viewport.dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.map-viewport::-webkit-scrollbar{height:12px;width:12px}.map-viewport::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.map-viewport::-webkit-scrollbar-thumb{background:var(--bg-surface);border:2px solid var(--bg-secondary);border-radius:6px}.map-viewport::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.map-viewport::-webkit-scrollbar-corner{background:var(--bg-secondary)}.dungeon-canvas{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;border-radius:4px;cursor:inherit;display:block;max-width:none}.room-info{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.room-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.room-icon{font-size:1.1em}.room-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.room-stat{display:flex;gap:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.data-container{display:flex;flex-direction:column;height:100%}.data-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.data-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.copy-btn{align-items:center;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.copy-btn:hover{background:var(--primary-dark)}.json-display{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.5;overflow:auto;padding:var(--spacing-lg)}.encounters-container,.loot-container,.npcs-container{display:flex;flex-direction:column;height:100%}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg)}.encounters-grid,.npcs-grid{grid-gap:var(--spacing-lg);align-content:start;display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.encounter-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:var(--spacing-lg)}.encounter-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.encounter-icon{font-size:1.2em}.encounter-name{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.encounter-cr{background:var(--accent);border-radius:4px;color:var(--bg-primary);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.encounter-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.encounter-creatures{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.creature-tag{background:var(--bg-secondary);border-radius:12px;color:var(--text-primary);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.creature-tag,.npc-card{border:1px solid var(--border-secondary)}.npc-card{background:var(--bg-tertiary);border-radius:8px;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.npc-avatar{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.npc-info{flex:1 1}.npc-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.npc-race-class{font-weight:500;margin-bottom:var(--spacing-sm)}.npc-description,.npc-race-class{color:var(--text-secondary);font-size:.875rem}.npc-description{line-height:1.5;margin-bottom:var(--spacing-md)}.npc-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-primary);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.loot-tables{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl)}.loot-table{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden}.table-name{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-secondary);color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);margin:0;padding:var(--spacing-md) var(--spacing-lg)}.table-icon{font-size:1.1em}.loot-items{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.loot-item{grid-gap:var(--spacing-md);align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;display:grid;gap:var(--spacing-md);grid-template-columns:auto 1fr auto auto;padding:var(--spacing-sm)}.item-icon{font-size:1.1em}.item-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.item-rarity{color:var(--text-secondary);font-size:.75rem;text-transform:capitalize}.export-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.panel-header{margin-bottom:var(--spacing-xl);text-align:center}.panel-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xs)}.title-icon{font-size:1.2em}.panel-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:500}.export-formats{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.format-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:var(--transition-fast)}.format-card:hover{background:var(--bg-surface);border-color:var(--border-primary);transform:translateY(-1px)}.format-card.selected{background:#2563eb1a;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.format-card.selected:after{align-items:center;background:var(--primary);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);width:20px}.format-icon{flex-shrink:0;font-size:1.5rem}.format-info{flex:1 1}.format-name{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.format-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.format-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.file-ext{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-family:Fira Code,monospace;font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.export-details,.file-ext{border:1px solid var(--border-secondary)}.export-details{background:var(--bg-tertiary);border-radius:8px;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.detail-row:not(:last-child){border-bottom:1px solid var(--border-secondary);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);font-family:Fira Code,monospace;font-size:.875rem;font-weight:600}.export-actions{flex-direction:column;margin-bottom:var(--spacing-xl)}.export-actions,.export-btn{display:flex;gap:var(--spacing-sm)}.export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:var(--transition-normal)}.export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.export-btn.primary{background:linear-gradient(135deg,var(--success),#059669);box-shadow:var(--shadow);color:#fff}.export-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.export-btn.primary:active:not(:disabled){transform:translateY(0)}.export-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.export-btn.secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-secondary);transform:translateY(-1px)}.export-btn.secondary:active:not(:disabled){transform:translateY(0)}.btn-icon{font-size:1em}.btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.export-help{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:var(--spacing-lg)}.help-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.help-icon{color:var(--accent);font-size:1.1em}.help-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.help-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.help-item{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.help-item strong{color:var(--text-primary);font-weight:600}@media (max-width:640px){.export-panel,.format-card{padding:var(--spacing-lg)}.format-card{flex-direction:column;gap:var(--spacing-sm);text-align:center}.format-info{order:2}.format-meta{justify-content:center;order:3}.detail-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.export-actions{gap:var(--spacing-md)}.export-btn{width:100%}}.export-panel[data-loading=true]{opacity:.7;pointer-events:none}.export-panel[data-loading=true] .format-card{cursor:not-allowed}@keyframes successPulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.export-btn.primary.success{animation:successPulse .6s ease-out}.export-btn:focus,.format-card:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.export-btn,.format-card.selected{border-width:2px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#64748b;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-surface:#475569;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-primary:#475569;--border-secondary:#334155;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--glow:0 0 20px #2563eb4d;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-md)}.main-content{flex:1 1;padding:3rem 0;padding:var(--spacing-2xl) 0}.app-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:380px 1fr;max-width:100%;min-height:80vh;overflow:hidden}.sidebar{gap:1.5rem;gap:var(--spacing-lg);max-height:calc(100vh - 3rem);max-height:calc(100vh - var(--spacing-2xl));overflow-y:auto;position:-webkit-sticky;position:sticky;top:2rem;top:var(--spacing-xl)}.content-area,.sidebar{display:flex;flex-direction:column}.content-area{max-width:100%;min-height:600px;min-width:0}@media (max-width:1200px){.app-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:340px 1fr}}@media (max-width:968px){.app-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.sidebar{order:2;position:static}.content-area{order:1}}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}.main-content{padding:1.5rem 0;padding:var(--spacing-lg) 0}.app-grid{gap:1rem;gap:var(--spacing-md)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#475569;background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--border-primary)}
/*# sourceMappingURL=main.3989db9e.css.map*/