@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Crimson+Text:wght@400;600;700&display=swap";.build-summary-container{max-height:calc(100vh - 32px);padding:12px}.build-summary-header{margin-bottom:12px}.build-summary-title{margin-bottom:4px;font-size:1.1rem}.build-summary-badges{flex-wrap:wrap}.badge-unsaved{color:#fef08a;background-color:#854d0e;border:1px solid #ca8a04;padding:2px 6px;font-size:.7rem}.badge-errors{color:#fecaca;background-color:#7f1d1d;border:1px solid #dc2626;padding:2px 6px;font-size:.7rem}.error-box{background-color:#7f1d1d;border:1px solid #dc2626;margin-bottom:8px;padding:6px}.error-box-title{color:#fecaca;margin-bottom:4px;font-size:.75rem}.error-box-list{color:#fecaca;padding-left:16px;font-size:.7rem}.summary-section{margin-bottom:8px}.summary-text{font-size:.75rem}.summary-row{margin-bottom:2px}.summary-value-bold{font-weight:700}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:.7rem;display:grid}.stat-item{text-align:center}.stat-value{font-weight:700}.stat-value-health{color:var(--color-health)}.stat-value-magicka{color:var(--color-magicka)}.stat-value-stamina{color:var(--color-stamina)}.summary-message{text-align:center;border:2px solid;margin-bottom:8px;padding:8px;font-size:.75rem;font-weight:600}.summary-message-success{border-color:var(--color-valid);color:var(--color-valid);background-color:#22c55e1a}.summary-message-error{border-color:var(--color-invalid);color:var(--color-invalid);background-color:#ef44441a}.summary-actions{flex-direction:column;gap:6px;margin-top:12px;display:flex}.bonus-badge{padding:2px 6px}.stats-manager-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stats-manager-info{gap:16px;margin-top:4px;display:flex}.perk-tree-view{gap:var(--spacing-sm);flex-direction:column;display:flex}.perk-tree-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron);flex-wrap:wrap;max-height:80px;display:flex;overflow:auto hidden}.perk-tree-tab{background:var(--color-stone-medium);border:2px solid var(--color-metal-iron);width:120px;height:30px;color:var(--color-text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:.65rem;font-weight:600;display:flex;position:relative;overflow:hidden}.perk-tree-tab:hover{background:var(--color-stone-light);border-color:var(--color-metal-bronze);color:var(--color-text-primary)}.perk-tree-tab.active{background:var(--color-metal-gold);border-color:var(--color-metal-gold);color:var(--color-stone-dark);font-weight:700}.perk-tree-tab-badge{background:var(--color-metal-bronze);min-width:16px;height:16px;color:var(--color-text-primary);border:1px solid var(--color-metal-iron);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex}.perk-tree-tab.active .perk-tree-tab-badge{background:var(--color-stone-dark);color:var(--color-metal-gold);border-color:var(--color-stone-dark)}.perk-tree-header{padding:var(--spacing-sm);background:var(--color-stone-medium);border:2px solid var(--color-metal-iron);justify-content:space-between;align-items:center;display:flex}.perk-tree-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--color-metal-gold);margin:0;font-size:1.1rem;font-weight:700}.perk-tree-stats{gap:var(--spacing-md);display:flex}.perk-tree-stat{font-family:var(--font-body);color:var(--color-text-secondary);font-size:.85rem}.perk-tree-stat strong{color:var(--color-metal-gold);font-weight:700}.perk-tree-canvas{background:var(--color-stone-dark);border:2px solid var(--color-metal-iron);padding:var(--spacing-sm);flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;overflow:auto}.perk-tree-canvas canvas{border:1px solid var(--color-metal-iron);background:#1a1612;display:block}.perk-tree-info{padding:var(--spacing-sm);background:var(--color-stone-medium);border:2px solid var(--color-metal-gold);min-height:110px}.perk-tree-info h4{margin:0 0 var(--spacing-xs)0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--color-metal-gold);font-size:.95rem;font-weight:700}.perk-info-level{margin:0 0 var(--spacing-xs)0;font-family:var(--font-body);color:var(--color-text-secondary);font-size:.8rem}.perk-info-desc{font-family:var(--font-body);color:var(--color-text-primary);margin:0;font-size:.85rem;line-height:1.4}.perk-info-placeholder{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;margin:0;font-size:.85rem;font-style:italic}.perk-tree-legend{gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-stone-medium);border:2px solid var(--color-metal-iron);justify-content:center;align-items:center;display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);color:var(--color-text-secondary);font-size:.8rem;display:flex}.legend-icon{border:2px solid;border-radius:50%;flex-shrink:0;width:16px;height:16px}.legend-icon-available{border-color:var(--color-metal-iron);background:#4a4a4a80}.legend-icon-selected{background:var(--color-metal-gold);border-color:var(--color-metal-bronze)}.legend-icon-locked{background:var(--color-stone-dark);border-color:var(--color-locked);opacity:.5}.legend-hint{font-family:var(--font-body);color:var(--color-text-muted);margin-left:auto;font-size:.75rem;font-style:italic}@media (max-width:1200px){.perk-tree-tabs{max-height:120px}.perk-tree-tab{width:110px;height:28px;padding:4px 6px;font-size:.65rem}.perk-tree-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.perk-tree-stats{gap:var(--spacing-sm);flex-wrap:wrap}}@media (max-width:768px){.perk-tree-canvas canvas{width:100%;height:auto}.perk-tree-legend{gap:var(--spacing-sm);flex-wrap:wrap}.legend-hint{text-align:center;width:100%;margin-left:0}}.gear-manager{flex-direction:column;gap:8px;display:flex}.gear-actions{gap:6px;margin-bottom:8px;display:flex}.gear-list{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);flex-direction:column;gap:4px;max-height:200px;margin-top:8px;padding:4px;display:flex;overflow-y:auto}.gear-item{background:var(--color-stone-medium);border:1px solid var(--color-metal-iron);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px;display:flex}.gear-item-content{flex:1;min-width:0}.gear-item-name{color:var(--color-text-primary);margin-bottom:2px;font-size:.85rem;font-weight:600}.gear-item-detail{color:var(--color-text-secondary);margin-bottom:1px;font-size:.75rem}.gear-item-actions{flex-shrink:0;gap:4px;display:flex}.btn-icon{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);width:24px;height:24px;color:var(--color-metal-gold);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:.9rem;transition:all .2s;display:flex}.btn-icon:hover{background:var(--color-metal-bronze);border-color:var(--color-metal-gold)}.btn-icon-danger{color:var(--color-danger)}.btn-icon-danger:hover{background:var(--color-danger);color:var(--color-text-primary);border-color:var(--color-danger)}.empty-state{text-align:center;color:var(--color-text-tertiary);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);padding:12px;font-size:.75rem;font-style:italic}.ability-manager{flex-direction:column;gap:8px;display:flex}.ability-actions{gap:6px;margin-bottom:8px;display:flex}.ability-list{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);flex-direction:column;gap:4px;max-height:200px;margin-top:8px;padding:4px;display:flex;overflow-y:auto}.ability-item{background:var(--color-stone-medium);border:1px solid var(--color-metal-iron);justify-content:space-between;align-items:center;gap:8px;padding:6px;display:flex}.ability-item-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.ability-item-actions{flex-shrink:0;gap:4px;display:flex}.guide-editor{flex-direction:column;gap:8px;display:flex}.guide-editor .textarea-sm{min-height:60px;max-height:120px}.build-creator-wrapper{min-height:100vh;padding:16px}.build-creator-grid{grid-template-columns:1fr 280px;gap:16px}.build-sections{flex-direction:column;gap:12px;display:flex}.build-creator-header{margin-bottom:4px}.build-creator-title{margin-bottom:2px;font-size:1.5rem}.section-padding{padding:12px}.section-padding-sm{padding:8px}.section-title-spacing{margin-bottom:8px}.character-grid,.bottom-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.perks-section{padding:12px}.placeholder-text{font-size:.85rem}.placeholder-text-sm{font-size:.7rem}.build-creator-aside{align-self:flex-start;position:sticky;top:16px}.build-viewer-container{max-width:1200px;padding:var(--spacing-lg);min-height:100vh;margin:0 auto}.loading-message,.error-message{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.error-message h2{color:var(--color-metal-gold);font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.error-message p{margin-bottom:var(--spacing-lg)}.build-viewer-header{background:var(--color-stone-medium);border:var(--border-width-medium)var(--border-style)var(--color-metal-gold);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.header-content{max-width:800px}.build-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-metal-gold);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:2px}.build-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.build-meta{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.meta-item{color:var(--color-text-secondary)}.meta-separator{color:var(--color-metal-iron)}.build-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);color:var(--color-metal-gold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.header-actions{gap:var(--spacing-sm);display:flex}.build-viewer-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.viewer-section{background:var(--color-stone-medium);border:var(--border-width-medium)var(--border-style)var(--color-metal-iron);padding:var(--spacing-lg)}.viewer-section .section-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-metal-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-metal-iron)}.info-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.stats-display{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-box{text-align:center;padding:var(--spacing-md);background:var(--color-stone-dark);border:2px solid}.stat-health{border-color:var(--color-health)}.stat-magicka{border-color:var(--color-magicka)}.stat-stamina{border-color:var(--color-stamina)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-priority{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize}.perks-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.perk-item{padding:var(--spacing-sm);background:var(--color-stone-dark);border:1px solid var(--color-metal-iron);justify-content:space-between;align-items:center;display:flex}.perk-name{color:var(--color-text-primary);font-size:var(--font-size-sm)}.perk-rank{color:var(--color-metal-gold);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.gear-list{gap:var(--spacing-md);flex-direction:column;display:flex}.gear-item{padding:var(--spacing-md);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron)}.gear-name{color:var(--color-metal-gold);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.gear-detail{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.two-column-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ability-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ability-list li{padding:var(--spacing-sm);background:var(--color-stone-dark);border-left:3px solid var(--color-metal-gold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.guide-section{background:var(--color-stone-dark)}.guide-block{margin-bottom:var(--spacing-lg)}.guide-block:last-child{margin-bottom:0}.guide-title{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-metal-bronze);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.guide-text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap}.empty-message{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}@media (max-width:768px){.build-viewer-container{padding:var(--spacing-md)}.build-title{font-size:var(--font-size-xl)}.stats-display,.info-grid,.perks-list{grid-template-columns:1fr}.header-actions{flex-direction:column}.header-actions .btn{width:100%}}:root{--color-stone-dark:#1a1612;--color-stone-medium:#2d2619;--color-stone-light:#4a3f2e;--color-metal-gold:#d4af37;--color-metal-silver:silver;--color-metal-iron:#4a4a4a;--color-metal-bronze:#8b6914;--color-health:#8b0000;--color-magicka:#1e3a8a;--color-stamina:#166534;--color-valid:#22c55e;--color-invalid:#ef4444;--color-warning:#f59e0b;--color-locked:#6b7280;--color-selected:#d4af37;--color-text-primary:beige;--color-text-secondary:#c4b5a0;--color-text-muted:#8b7d6b;--color-text-inverse:#1a1612;--color-bg-primary:#1a1612;--color-bg-secondary:#2d2619;--color-bg-tertiary:#4a3f2e;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-display:"Cinzel","Times New Roman",serif;--font-body:"Crimson Text","Georgia",serif;--font-mono:"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-style:solid;--border-color:var(--color-metal-gold);--border-color-secondary:var(--color-metal-silver);--border-radius:0;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 8px #0009;--shadow-lg:0 8px 16px #000000b3;--shadow-xl:0 12px 24px #000c;--shadow-glow-gold:0 0 16px #d4af3799;--shadow-glow-blue:0 0 16px #1e3a8a99;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-tooltip:1070;--header-height:64px;--sidebar-width:400px;--max-content-width:1920px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin:0 0 var(--spacing-md)0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md)0}a{color:var(--color-metal-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-metal-bronze)}strong,b{font-weight:var(--font-weight-bold);color:var(--color-metal-gold)}em,i{font-style:italic}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{background:var(--color-bg-secondary);border:1px solid var(--color-metal-iron);padding:2px 6px}pre{background:var(--color-bg-secondary);padding:var(--spacing-md);border:var(--border-width-thin)var(--border-style)var(--color-metal-iron);overflow-x:auto}ul,ol{margin:0 0 var(--spacing-md)0;padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-metal-gold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}#root{flex-direction:column;display:flex}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--spacing-md);margin:0 auto}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width-medium)var(--border-style)var(--color-metal-gold);background:linear-gradient(180deg,var(--color-stone-medium),var(--color-stone-dark));color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.btn:before,.btn:after{content:"";border-color:var(--color-metal-gold);border-style:var(--border-style);width:8px;height:8px;transition:all var(--transition-fast);position:absolute}.btn:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.btn:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.btn:hover:not(:disabled){background:linear-gradient(180deg,var(--color-stone-light),var(--color-stone-medium));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--color-metal-gold);box-shadow:var(--shadow-glow-gold)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-gold),var(--shadow-md)}.btn-secondary{border-color:var(--color-metal-silver);background:linear-gradient(180deg,var(--color-stone-light),var(--color-stone-medium))}.btn-danger{border-color:var(--color-invalid);color:var(--color-invalid)}.btn-success{border-color:var(--color-valid);color:var(--color-valid)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-sm);width:40px;height:40px}.btn-icon-sm{padding:var(--spacing-xs);width:32px;height:32px}.btn-with-icon{gap:var(--spacing-sm)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-stone-medium);border-color:var(--color-metal-silver)}.btn-link{color:var(--color-metal-gold);background:0 0;border:none;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-metal-bronze);box-shadow:none;background:0 0;transform:none}.btn-link:before,.btn-link:after{display:none}.btn-group{gap:0;display:inline-flex}.btn-group .btn{border-right-width:0}.btn-group .btn:last-child{border-right-width:var(--border-width-medium)}.btn-group .btn:not(:first-child):before,.btn-group .btn:not(:last-child):after{display:none}.select-wrapper{width:100%;display:inline-block;position:relative}.select{width:100%;height:38px;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron);color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23d4af37%27 d=%27M0 0l6 8 6-8z%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm)center;padding-right:calc(var(--spacing-md) + 20px);font-size:.9rem;line-height:1.2;transition:all .2s}.select:hover{border-color:var(--color-metal-bronze)}.select:focus{border-color:var(--color-metal-gold);outline:none;box-shadow:0 0 0 2px #d4af3733}.select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-stone-medium)}.select option{background:var(--color-stone-medium);color:var(--color-text-primary);padding:var(--spacing-xs)}.select-sm{height:32px;padding:var(--spacing-xs)var(--spacing-sm);padding-right:calc(var(--spacing-sm) + 18px);font-size:.85rem;line-height:1.2}.select-lg{height:44px;padding:var(--spacing-md)var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 24px);font-size:1rem;line-height:1.2}.input{width:100%;height:38px;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron);color:var(--color-text-primary);font-family:var(--font-body);box-sizing:border-box;font-size:.9rem;line-height:1.2;transition:all .2s}.input:hover{border-color:var(--color-metal-bronze)}.input:focus{border-color:var(--color-metal-gold);outline:none;box-shadow:0 0 0 2px #d4af3733}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-stone-medium)}.input::placeholder{color:var(--color-text-tertiary)}.input-sm{height:32px;padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem;line-height:1.2}.input-lg{height:44px;padding:var(--spacing-md)var(--spacing-lg);font-size:1rem;line-height:1.2}.input-icon-wrapper{width:100%;position:relative}.input-icon{left:var(--spacing-sm);color:var(--color-metal-gold);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon{padding-left:calc(var(--spacing-md) + 24px)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-stone-dark);border:2px solid var(--color-metal-iron);color:var(--color-text-primary);font-family:var(--font-body);resize:vertical;min-height:80px;font-size:.9rem;transition:all .2s}.textarea:hover{border-color:var(--color-metal-bronze)}.textarea:focus{border-color:var(--color-metal-gold);outline:none;box-shadow:0 0 0 2px #d4af3733}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-stone-medium);resize:none}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea-sm{padding:var(--spacing-xs)var(--spacing-sm);min-height:60px;font-size:.85rem}.textarea-lg{padding:var(--spacing-md)var(--spacing-lg);min-height:120px;font-size:1rem}.label{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600;display:inline-block}.label-required:after{content:" *";color:var(--color-danger)}.label-optional:after{content:" (Optional)";color:var(--color-text-tertiary);text-transform:none;letter-spacing:0;font-size:.75rem}.label-sm{margin-bottom:calc(var(--spacing-xs)/2);font-size:.75rem}.label-lg{margin-bottom:var(--spacing-sm);font-size:.95rem}.form-group{margin-bottom:var(--spacing-md)}.form-group-sm{margin-bottom:var(--spacing-sm)}.form-group-lg{margin-bottom:var(--spacing-lg)}.form-group-compact{margin-bottom:var(--spacing-sm);flex-direction:column;justify-content:flex-end;min-height:52px;display:flex}.form-group-inline{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.form-group-inline .label{white-space:nowrap;flex-shrink:0;margin-bottom:0}.form-group-inline .input,.form-group-inline .select{flex:1}.form-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-row-compact{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.checkbox-wrapper,.radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--spacing-xs);align-items:center;display:inline-flex}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-metal-iron);background:var(--color-stone-dark);width:18px;height:18px;margin-right:var(--spacing-xs);cursor:pointer;transition:all .2s;position:relative}.radio{border-radius:50%}.checkbox:hover,.radio:hover{border-color:var(--color-metal-bronze)}.checkbox:checked,.radio:checked{background:var(--color-metal-gold);border-color:var(--color-metal-gold)}.checkbox:checked:after{content:"✓";color:var(--color-stone-dark);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio:checked:after{content:"";background:var(--color-stone-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.checkbox-label,.radio-label{color:var(--color-text-primary);cursor:pointer;font-size:.9rem}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--color-metal-gold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-metal-iron);font-size:1.1rem;font-weight:700}.section-subtitle{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.95rem;font-weight:600}.section-title-compact{margin-bottom:var(--spacing-sm);padding-bottom:calc(var(--spacing-xs)/2);font-size:.95rem}.section-subtitle-compact{margin-bottom:var(--spacing-xs);font-size:.85rem}.panel{background:var(--color-stone-medium);border:2px solid var(--color-metal-iron);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.panel-compact{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-panel-container{min-height:120px;max-height:120px;margin-top:var(--spacing-sm);overflow-y:auto}.panel-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-metal-iron)}.panel-body{color:var(--color-text-primary)}.panel-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--color-metal-iron)}.help-text{margin-top:var(--spacing-xs);color:var(--color-text-tertiary);font-size:.8rem;font-style:italic;display:block}.error-text{margin-top:var(--spacing-xs);color:var(--color-danger);font-size:.8rem;font-weight:600;display:block}.success-text{margin-top:var(--spacing-xs);color:var(--color-success);font-size:.8rem;font-weight:600;display:block}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--color-danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 2px #dc354533}.input.is-valid,.select.is-valid,.textarea.is-valid{border-color:var(--color-success)}.input.is-valid:focus,.select.is-valid:focus,.textarea.is-valid:focus{box-shadow:0 0 0 2px #28a74533}.form-section{margin-bottom:var(--spacing-lg)}.form-section-compact{margin-bottom:var(--spacing-md)}.form-section-divider{background:var(--color-metal-iron);height:2px;margin:var(--spacing-lg)0}@media (max-width:768px){.form-row{gap:var(--spacing-sm);grid-template-columns:1fr}.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.form-group-inline{flex-direction:column;align-items:flex-start}.form-group-inline .label{margin-bottom:var(--spacing-xs)}.form-group-compact{justify-content:flex-end;min-height:52px}.info-panel-container{min-height:140px;max-height:140px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);background-image:linear-gradient(135deg,var(--color-stone-dark)0%,var(--color-stone-medium)50%,var(--color-stone-dark)100%);color:var(--color-text-primary);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-stone-dark);border:1px solid var(--color-metal-iron)}::-webkit-scrollbar-thumb{background:var(--color-stone-light);border:1px solid var(--color-metal-gold)}::-webkit-scrollbar-thumb:hover{background:var(--color-metal-bronze)}::selection{background:var(--color-metal-gold);color:var(--color-text-inverse);background:var(--color-metal-gold)}:focus-visible{outline:2px solid var(--color-metal-gold);outline-offset:2px}button{font-family:var(--font-display);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:var(--border-width-thin)var(--border-style)var(--color-metal-silver);padding:var(--spacing-sm)var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-metal-gold);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}img{max-width:100%;height:auto;display:block}hr{border:none;border-top:var(--border-width-thin)var(--border-style)var(--color-metal-iron);margin:var(--spacing-lg)0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}