@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--md-sys-color-primary: #FFB783;--md-sys-color-on-primary: #4F2500;--md-sys-color-primary-container: #6D390B;--md-sys-color-on-primary-container: #FFDCC5;--md-sys-color-secondary: #E4BFA7;--md-sys-color-on-secondary: #422B1B;--md-sys-color-secondary-container: #5B412F;--md-sys-color-on-secondary-container: #FFDCC5;--md-sys-color-tertiary: #EEBF6D;--md-sys-color-on-tertiary: #422D00;--md-sys-color-tertiary-container: #5E4200;--md-sys-color-on-tertiary-container: #FFDEA8;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-surface: #19120D;--md-sys-color-on-surface: #F0DFD6;--md-sys-color-surface-variant: #52443B;--md-sys-color-on-surface-variant: #D6C3B7;--md-sys-color-surface-container-lowest: #130E09;--md-sys-color-surface-container-low: #1E1510;--md-sys-color-surface-container: #231913;--md-sys-color-surface-container-high: #2D2119;--md-sys-color-surface-container-highest: #38281E;--md-sys-color-outline: #9F8D83;--md-sys-color-outline-variant: #4A3C34;--md-sys-color-background: #19120D;--md-sys-color-on-background: #F0DFD6;--md-sys-color-inverse-surface: #F0DFD6;--md-sys-color-inverse-on-surface: #382F29;--md-sys-color-inverse-primary: #8A5021;--md-sys-color-scrim: #000000;--md-sys-color-shadow: #000000;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-ref-typeface-brand: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--md-ref-typeface-plain: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--typescale-display-size: 2.25rem;--typescale-display-weight: 700;--typescale-display-line: 1.15;--typescale-headline-lg-size: 1.75rem;--typescale-headline-lg-weight: 700;--typescale-headline-lg-line: 1.2;--typescale-headline-md-size: 1.375rem;--typescale-headline-md-weight: 600;--typescale-headline-md-line: 1.25;--typescale-title-lg-size: 1.125rem;--typescale-title-lg-weight: 600;--typescale-title-lg-line: 1.3;--typescale-title-md-size: 1rem;--typescale-title-md-weight: 600;--typescale-title-md-line: 1.4;--typescale-body-lg-size: 1rem;--typescale-body-lg-weight: 400;--typescale-body-lg-line: 1.6;--typescale-body-md-size: .875rem;--typescale-body-md-weight: 400;--typescale-body-md-line: 1.5;--typescale-label-lg-size: .875rem;--typescale-label-lg-weight: 600;--typescale-label-lg-line: 1.4;--typescale-label-md-size: .75rem;--typescale-label-md-weight: 600;--typescale-label-md-line: 1.4;--primary: var(--md-sys-color-primary);--primary-light: var(--md-sys-color-primary);--primary-dark: #8A5021;--secondary: var(--md-sys-color-secondary);--accent: var(--md-sys-color-primary);--success: var(--md-sys-color-tertiary);--danger: var(--md-sys-color-error);--info: var(--md-sys-color-tertiary-container);--warning: #EEBF6D;--bg-dark: var(--md-sys-color-surface);--bg-card: var(--md-sys-color-surface-container-low);--bg-input: var(--md-sys-color-surface-container);--bg-hover: var(--md-sys-color-surface-variant);--bg-click: var(--md-sys-color-secondary-container);--text-primary: var(--md-sys-color-on-surface);--text-secondary: var(--md-sys-color-on-surface-variant);--text-muted: var(--md-sys-color-outline);--border: var(--md-sys-color-outline-variant);--shadow: rgba(0, 0, 0, .5);--gradient-bg: linear-gradient(135deg, #19120D 0%, #231913 50%, #19120D 100%);--gradient-radial: radial-gradient(circle at 20% 50%, rgba(255, 183, 131, .07) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(238, 191, 109, .07) 0%, transparent 50%), radial-gradient(circle at 40% 20%, rgba(255, 183, 131, .04) 0%, transparent 50%);--elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--elevation-2: 0 3px 6px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.12);--elevation-3: 0 10px 20px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--elevation-4: 0 15px 25px rgba(0,0,0,.15), 0 5px 10px rgba(0,0,0,.05);--elevation-6: 0 20px 40px rgba(0,0,0,.2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--md-sys-color-primary: #8A5021;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #FFDCC5;--md-sys-color-on-primary-container: #2D1100;--md-sys-color-secondary: #735847;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #FFDCC5;--md-sys-color-on-secondary-container: #2A1608;--md-sys-color-tertiary: #6B5A00;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #FFDEA8;--md-sys-color-on-tertiary-container: #221B00;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #FFF8F5;--md-sys-color-on-surface: #201611;--md-sys-color-surface-variant: #F0DFD6;--md-sys-color-on-surface-variant: #52443B;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #FFF1EB;--md-sys-color-surface-container: #FDEAE3;--md-sys-color-surface-container-high: #F7E4DC;--md-sys-color-surface-container-highest: #F1DED6;--md-sys-color-outline: #7C6B62;--md-sys-color-outline-variant: #D6C3B7;--md-sys-color-background: #FFF8F5;--md-sys-color-on-background: #201611;--md-sys-color-inverse-surface: #382F29;--md-sys-color-inverse-on-surface: #FBEEE9;--md-sys-color-inverse-primary: #FFB783;--primary-light: #B56A30;--primary-dark: #6D390B;--success: #6B5A00;--danger: #BA1A1A;--bg-dark: var(--md-sys-color-surface);--bg-card: var(--md-sys-color-surface-container-lowest);--bg-input: var(--md-sys-color-surface-container-low);--bg-hover: var(--md-sys-color-surface-variant);--bg-click: var(--md-sys-color-primary-container);--shadow: rgba(0, 0, 0, .1);--gradient-bg: linear-gradient(135deg, #FFF8F5 0%, #FDEAE3 50%, #FFF8F5 100%);--gradient-radial: radial-gradient(circle at 20% 50%, rgba(138, 80, 33, .04) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(138, 80, 33, .04) 0%, transparent 50%);--elevation-1: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.16);--elevation-2: 0 3px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08);--elevation-3: 0 10px 20px rgba(0,0,0,.1), 0 3px 6px rgba(0,0,0,.05);--elevation-4: 0 15px 25px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.03);--elevation-6: 0 20px 40px rgba(0,0,0,.15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--md-ref-typeface-brand);font-size:15px;line-height:1.6;color:var(--md-sys-color-on-surface);background:var(--gradient-bg);min-height:100vh;position:relative;overflow-x:clip;transition:background var(--transition-slow) var(--transition-easing),color var(--transition-slow) var(--transition-easing)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-radial);pointer-events:none;z-index:0;transition:background var(--transition-slow) var(--transition-easing)}.material-symbols-outlined{font-size:1.25rem;line-height:1;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;flex-shrink:0}.nav-rail{position:fixed;left:0;top:0;width:88px;height:100vh;background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;align-items:center;padding:1rem 0;z-index:1000;transition:background var(--transition-slow) var(--transition-easing)}.nav-rail-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 1.25rem}.nav-rail-favicon{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.m3-badge{display:inline-flex;align-items:center;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.45rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .4rem;border-radius:var(--md-sys-shape-corner-full)}.nav-rail-items{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;width:100%;padding:0 8px}.nav-rail-item{position:relative;width:100%;background:transparent;border:none;cursor:pointer;font-family:var(--md-ref-typeface-brand);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--md-sys-color-on-surface-variant);transition:color var(--transition-base) var(--transition-easing);border-radius:var(--md-sys-shape-corner-large)}.nav-rail-icon{width:64px;height:32px;border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;transition:background var(--transition-base) var(--transition-easing)}.nav-rail-item:hover .nav-rail-icon{background:var(--md-sys-color-surface-container-highest)}.nav-rail-item:hover{color:var(--md-sys-color-on-surface)}.nav-rail-item.active{color:var(--md-sys-color-primary)}.nav-rail-item.active .nav-rail-icon{background:var(--md-sys-color-secondary-container)}.nav-rail-item.active .nav-rail-icon .material-symbols-outlined{color:var(--md-sys-color-primary);font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.nav-rail-label{font-size:.6875rem;font-weight:600;letter-spacing:.01em;line-height:1}.nav-rail-footer{width:100%;display:flex;justify-content:center;padding:.75rem 0 0;border-top:1px solid var(--md-sys-color-outline-variant)}.app-content{margin-left:88px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.page{display:none}.page.active{display:block}.minecraft-container{width:100%;max-width:1640px;margin:0 auto;padding:2rem 2.5rem;flex:1}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.surface-card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;padding:1.75rem;min-width:0}:root[data-theme=light] .surface-card{background:var(--md-sys-color-surface-container-lowest)}.panel-title{display:flex;align-items:center;gap:.625rem;font-size:var(--typescale-title-lg-size);font-weight:var(--typescale-title-lg-weight);line-height:var(--typescale-title-lg-line);color:var(--md-sys-color-on-surface);padding:0 0 1rem .875rem;margin-bottom:.75rem;border-left:3px solid var(--md-sys-color-primary);border-bottom:1px solid var(--md-sys-color-outline-variant)}.panel-title .material-symbols-outlined{font-size:1.25rem;color:var(--md-sys-color-primary)}md-tabs{display:block;margin-bottom:1.25rem;border-top:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium) var(--md-sys-shape-corner-medium) 0 0}.sub-tabs{margin-bottom:.75rem}.tab-panel{display:block}.tab-panel.hidden{display:none}.sub-panel{display:block;margin-top:.75rem}.sub-panel.hidden{display:none}.m3-info-surface{display:flex;align-items:flex-start;gap:.625rem;background:var(--md-sys-color-tertiary-container);border-radius:var(--md-sys-shape-corner-small);padding:.875rem 1rem;margin-bottom:1.25rem;font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.55;color:var(--md-sys-color-on-tertiary-container);flex-wrap:wrap}.m3-info-surface .material-symbols-outlined{color:var(--md-sys-color-tertiary);font-size:1.125rem;margin-top:.1rem;flex-shrink:0}.m3-info-surface a,.m3-info-surface .footer-link{color:var(--md-sys-color-tertiary);font-weight:600;text-decoration:none}.m3-info-surface a:hover{text-decoration:underline}.checkbox-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--md-sys-color-surface-variant) 35%,transparent);border-radius:var(--md-sys-shape-corner-small);transition:background var(--transition-base) var(--transition-easing)}.checkbox-row:hover{background:color-mix(in srgb,var(--md-sys-color-surface-variant) 60%,transparent)}.field-label{font-size:var(--typescale-body-md-size);font-weight:500;color:var(--md-sys-color-on-surface);cursor:pointer;flex:1}.mc-label{display:block;font-size:var(--typescale-label-md-size);font-weight:var(--typescale-label-md-weight);color:var(--md-sys-color-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.mc-input,.mc-textarea,.mc-select{width:100%;font-family:var(--md-ref-typeface-brand);font-size:.9375rem;color:var(--md-sys-color-on-surface);background:color-mix(in srgb,var(--md-sys-color-surface-container) 80%,transparent);border:none;border-bottom:2px solid color-mix(in srgb,var(--md-sys-color-primary) 35%,transparent);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;padding:.75rem 1rem;margin-bottom:1rem;transition:all var(--transition-base) var(--transition-easing);outline:none}.mc-input::placeholder,.mc-textarea::placeholder{color:var(--md-sys-color-outline)}.mc-input:focus,.mc-textarea:focus,.mc-select:focus{border-bottom-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-surface-container) 95%,transparent);box-shadow:0 1px 0 var(--md-sys-color-primary)}.mc-textarea{resize:vertical;min-height:90px;line-height:1.5}.mc-select{cursor:pointer}.mc-select option{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.mc-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--md-sys-color-primary)}.mc-checkbox-group{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--md-sys-color-surface-variant) 35%,transparent);border-radius:var(--md-sys-shape-corner-small);transition:background var(--transition-base) var(--transition-easing)}.mc-checkbox-group:hover{background:color-mix(in srgb,var(--md-sys-color-surface-variant) 55%,transparent)}.mc-item{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 80%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 60%,transparent);border-radius:var(--md-sys-shape-corner-medium);padding:1.125rem;margin-bottom:.75rem;transition:all var(--transition-base) var(--transition-easing)}.mc-item:hover{border-color:var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.mc-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.mc-item-title{font-size:var(--typescale-label-lg-size);font-weight:var(--typescale-label-lg-weight);color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:.5rem}.mc-item-actions{display:flex;gap:.375rem;align-items:center}.mc-badge{display:inline-flex;align-items:center;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.5625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:var(--md-sys-shape-corner-full)}.mc-badge-blue{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.mc-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--md-sys-color-surface-container-high);border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);padding:.5rem 1rem;font-size:.8125rem;font-weight:600;font-family:var(--md-ref-typeface-brand);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:all var(--transition-base) var(--transition-easing)}.mc-button:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary)}.mc-button:active{transform:scale(.97)}.mc-button:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.mc-button.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mc-button-red{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mc-button-green{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.mc-button-blue{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.mc-button-red:hover{background:color-mix(in srgb,var(--md-sys-color-error) 80%,black);color:#fff}.mc-button-green:hover{background:color-mix(in srgb,var(--md-sys-color-tertiary) 80%,black)}.mc-button-blue:hover{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.icon-btn{background:transparent;border:none;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--transition-base) var(--transition-easing);color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.icon-btn .material-symbols-outlined{font-size:1.125rem}.icon-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent)}.icon-btn-danger{color:var(--md-sys-color-error)}.icon-btn-danger:hover{background:color-mix(in srgb,var(--md-sys-color-error) 12%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 2rem;color:var(--md-sys-color-outline);font-size:var(--typescale-body-md-size);background:color-mix(in srgb,var(--md-sys-color-surface-variant) 20%,transparent);border:2px dashed color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);border-radius:var(--md-sys-shape-corner-medium);gap:.5rem}.button-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--md-sys-color-outline-variant)}.history-controls{display:flex;gap:2px}.action-button-group{display:inline-flex;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);overflow:hidden;margin-left:auto}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-right:1px solid var(--md-sys-color-outline-variant);border-radius:0;height:40px;padding:0 1.25rem;font-family:var(--md-ref-typeface-brand);font-size:.875rem;font-weight:600;cursor:pointer;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);white-space:nowrap;transition:background .15s ease}.action-btn:last-child{border-right:none}.action-btn .material-symbols-outlined{font-size:1.125rem}.action-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container))}.action-btn:active{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 12%,var(--md-sys-color-secondary-container))}.action-btn--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.action-btn--primary:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 8%,var(--md-sys-color-primary))}.action-btn--primary:active{background:color-mix(in srgb,var(--md-sys-color-on-primary) 12%,var(--md-sys-color-primary))}.action-btn--danger{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.action-btn--danger:hover{background:color-mix(in srgb,var(--md-sys-color-on-error-container) 8%,var(--md-sys-color-error-container))}.action-btn--danger:active{background:color-mix(in srgb,var(--md-sys-color-on-error-container) 12%,var(--md-sys-color-error-container))}.tonal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border:none;border-radius:var(--md-sys-shape-corner-full);height:40px;padding:0 1.25rem;font-size:.875rem;font-weight:600;font-family:var(--md-ref-typeface-brand);cursor:pointer;white-space:nowrap;transition:background var(--transition-base) var(--transition-easing)}.tonal-btn .material-symbols-outlined{font-size:1.125rem}.tonal-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container))}.tonal-btn:active{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 12%,var(--md-sys-color-secondary-container))}.tonal-btn.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.danger-btn{--md-text-button-label-text-color: var(--md-sys-color-error);--md-text-button-hover-label-text-color: var(--md-sys-color-error);--md-text-button-pressed-label-text-color: var(--md-sys-color-error);--md-text-button-hover-state-layer-color: var(--md-sys-color-error);--md-text-button-icon-color: var(--md-sys-color-error)}.action-preview{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small);padding:.75rem;margin-top:.75rem;font-size:.8125rem}.action-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 70%,transparent);border-radius:var(--md-sys-shape-corner-extra-small);padding:.625rem .75rem;margin-bottom:.375rem;transition:background var(--transition-base) var(--transition-easing)}.action-item:last-child{margin-bottom:0}.action-item:hover{background:var(--md-sys-color-surface-container-high)}.action-type{font-size:var(--typescale-label-md-size);font-weight:var(--typescale-label-md-weight);color:var(--md-sys-color-tertiary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.action-data{flex:1;font-size:.8125rem;color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-info-box{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 60%,transparent);border-left:3px solid var(--md-sys-color-tertiary);border-radius:0 var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0;padding:.75rem 1rem;margin-top:.5rem;font-size:.8125rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.copy-btn-wrapper{position:relative}.code-preview{background:#0d0906;color:#a5f3fc;padding:1.25rem;border-radius:var(--md-sys-shape-corner-medium);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:560px;overflow-y:auto}.copy-icon-btn{position:absolute;top:.625rem;right:.625rem;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#ffffff14;color:#ffffffa6;cursor:pointer;transition:background .15s ease,color .15s ease}.copy-icon-btn:hover{background:#ffffff26;color:#ffffffe6}.copy-icon-btn:active{background:#ffffff38}.copy-icon-btn .material-symbols-outlined{font-size:1.125rem}.preview-console{margin-top:1rem;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)}.preview-console-header{padding:.625rem 1rem;font-size:var(--typescale-label-md-size);font-weight:var(--typescale-label-md-weight);letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);border-bottom:1px solid var(--md-sys-color-outline-variant)}.preview-console-content{padding:.875rem 1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.6;max-height:180px;overflow-y:auto;color:var(--md-sys-color-on-surface)}.preview-console-content>div{padding:.5rem .75rem;margin-bottom:.375rem;background:color-mix(in srgb,var(--md-sys-color-surface) 60%,transparent);border-left:3px solid var(--md-sys-color-primary);border-radius:0 4px 4px 0}.preview-console-content>div:last-child{margin-bottom:0}.console-action-type{font-size:var(--typescale-label-md-size);font-weight:700;color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.05em}.console-action-data{color:var(--md-sys-color-on-surface-variant);margin-top:.2rem;font-size:.8125rem}.github-link{margin-top:1.5rem;padding:1rem 1.5rem;background:color-mix(in srgb,var(--md-sys-color-surface-container) 60%,transparent);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);font-size:var(--typescale-body-md-size);color:var(--md-sys-color-on-surface-variant);text-align:center}.github-link a{color:var(--md-sys-color-primary);font-weight:600;text-decoration:none;transition:opacity var(--transition-fast) ease}.github-link a:hover{opacity:.75}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.625rem}.preset-card{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 80%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);border-radius:var(--md-sys-shape-corner-medium);padding:.875rem .75rem;cursor:pointer;font-family:var(--md-ref-typeface-brand);display:flex;flex-direction:column;align-items:center;gap:.375rem;text-align:center;transition:all var(--transition-base) var(--transition-easing)}.preset-card:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary);transform:translateY(-2px)}.preset-card:active{transform:translateY(0)}.preset-icon{font-size:1.5rem!important;color:var(--md-sys-color-primary)}.preset-title{font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.05em}.preset-description{font-size:.6875rem;color:var(--md-sys-color-outline);line-height:1.35}.m3-dialog::backdrop{background:#00000052;transition:background .2s ease}@starting-style{.m3-dialog[open]::backdrop{background:#0000}}.m3-dialog{margin:auto;border:none;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0;width:min(560px,calc(100vw - 48px));min-width:280px;max-width:min(560px,calc(100vw - 48px));box-shadow:var(--elevation-3);font-family:var(--md-ref-typeface-brand);overflow:visible;opacity:1;transform:scale(1);transition:opacity .2s cubic-bezier(.05,.7,.1,1),transform .2s cubic-bezier(.05,.7,.1,1)}@starting-style{.m3-dialog[open]{opacity:0;transform:scale(.92)}}.m3-dialog.closing{animation:m3DialogClose .15s cubic-bezier(.3,0,.8,.15) forwards}.m3-dialog.closing::backdrop{animation:m3BackdropOut .15s ease forwards}@keyframes m3DialogClose{to{opacity:0;transform:scale(.92)}}@keyframes m3BackdropOut{to{background:#0000}}.m3-dialog-container{display:flex;flex-direction:column}.m3-dialog-headline{font-size:1.5rem;font-weight:400;line-height:2rem;color:var(--md-sys-color-on-surface);padding:24px 24px 0;margin:0}.m3-dialog-content{padding:16px 24px 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--typescale-body-md-size);line-height:var(--typescale-body-md-line);flex:1;overflow-y:auto;max-height:calc(80vh - 140px);overflow-x:visible}.m3-dialog-content .mc-label{margin-top:1rem}.m3-dialog-content .mc-label:first-child{margin-top:0}.m3-dialog-content md-outlined-text-field,.m3-dialog-content md-outlined-select{margin-bottom:.75rem}.m3-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 24px}#presets-modal{width:min(860px,calc(100vw - 48px));max-width:min(860px,calc(100vw - 48px))}.btn-text{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border:none;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-primary);font-family:var(--md-ref-typeface-brand);font-size:.875rem;font-weight:600;letter-spacing:.00625em;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-text:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.btn-text:active{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.btn-tonal{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-family:var(--md-ref-typeface-brand);font-size:.875rem;font-weight:600;letter-spacing:.00625em;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;white-space:nowrap}.btn-tonal:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container));box-shadow:var(--elevation-1)}.btn-tonal:active{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 12%,var(--md-sys-color-secondary-container));box-shadow:none}.footer{position:relative;z-index:1;margin-top:3rem;background:var(--md-sys-color-surface-container-low);transition:background var(--transition-slow) var(--transition-easing)}.footer-wave{display:block;width:100%;line-height:0;overflow:hidden}.footer-wave svg{display:block;width:100%}.footer-wave-path{stroke:var(--md-sys-color-outline-variant);transition:stroke var(--transition-slow) var(--transition-easing)}.footer-inner{max-width:1600px;margin:0 auto;padding:0 2.5rem}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;padding:2.5rem 0 2rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem;max-width:300px;flex-shrink:0}.footer-brand-lockup{display:flex;align-items:center;gap:.625rem}.footer-favicon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.footer-brand-name{font-size:var(--typescale-title-md-size);font-weight:var(--typescale-title-md-weight);color:var(--md-sys-color-on-surface);letter-spacing:.01em}.footer-tagline{font-size:var(--typescale-body-md-size);line-height:var(--typescale-body-md-line);color:var(--md-sys-color-on-surface-variant)}.footer-nav{display:flex;gap:3.5rem;flex-shrink:0}.footer-nav-col{display:flex;flex-direction:column;gap:.5rem}.footer-nav-heading{font-size:var(--typescale-label-md-size);font-weight:var(--typescale-label-md-weight);color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.footer-nav-link{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--typescale-body-md-size);font-weight:500;color:var(--md-sys-color-on-surface-variant);text-decoration:none;border-radius:4px;transition:color .15s ease}.footer-nav-link .material-symbols-outlined{font-size:.875rem;opacity:.5;transition:opacity .15s ease}.footer-nav-link:hover{color:var(--md-sys-color-primary)}.footer-nav-link:hover .material-symbols-outlined{opacity:1}.footer-bottom{display:flex;align-items:center;padding:1rem 0;border-top:1px solid var(--md-sys-color-outline-variant)}.footer-copyright{font-size:var(--typescale-body-md-size);color:var(--md-sys-color-on-surface-variant);opacity:.7}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#19120d;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-base) ease}.preloader-spinner{--md-circular-progress-active-indicator-color: var(--md-sys-color-primary);--md-circular-progress-size: 56px;--md-circular-progress-active-indicator-width: 7}.toast-container{position:fixed;top:5rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:.625rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;min-width:280px;padding:.875rem 1.25rem;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-large);border-left:4px solid var(--md-sys-color-primary);box-shadow:var(--elevation-4);pointer-events:all;animation:slideInRight var(--transition-base) var(--transition-easing)}.toast.toast-success{border-left-color:var(--md-sys-color-tertiary)}.toast.toast-error{border-left-color:var(--md-sys-color-error)}.toast.toast-warning{border-left-color:#eebf6d}.toast.toast-info{border-left-color:var(--md-sys-color-tertiary-container)}.toast .material-symbols-outlined{font-size:1.375rem;color:var(--md-sys-color-primary)}.toast.toast-success .material-symbols-outlined{color:var(--md-sys-color-tertiary)}.toast.toast-error .material-symbols-outlined{color:var(--md-sys-color-error)}.toast.toast-warning .material-symbols-outlined{color:#eebf6d}.toast-message{flex:1;font-size:var(--typescale-body-md-size);font-weight:500;color:var(--md-sys-color-on-surface);line-height:1.4}.toast.hiding{animation:slideOutRight var(--transition-base) var(--transition-easing) forwards}#drop-indicator{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center}.drop-overlay{background:var(--md-sys-color-surface-container-high);border:2px dashed var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-extra-large);padding:var(--space-12);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);box-shadow:var(--elevation-6)}.drop-overlay .material-symbols-outlined{font-size:3.5rem;color:var(--md-sys-color-primary);animation:bounce .8s ease infinite}.drop-overlay div{font-size:1.125rem;font-weight:600;color:var(--md-sys-color-on-surface)}.tooltip{position:fixed;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);padding:.375rem .625rem;font-size:.75rem;color:var(--md-sys-color-on-surface);line-height:1.4;z-index:10001;pointer-events:none;opacity:0;max-width:240px;box-shadow:var(--elevation-3);transition:opacity var(--transition-base) var(--transition-easing)}.tooltip.visible{opacity:1}.tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--md-sys-color-outline-variant)}.tooltip.tooltip-top:before{top:auto;bottom:-5px;border-bottom-color:transparent;border-top-color:var(--md-sys-color-outline-variant)}.help-panel{position:fixed;right:0;top:0;bottom:0;width:340px;background:var(--md-sys-color-surface-container-high);box-shadow:var(--elevation-6);z-index:999;transform:translate(100%);transition:transform var(--transition-slow) var(--transition-easing);overflow-y:auto}.help-panel:not(.collapsed){transform:translate(0)}.help-toggle{position:absolute;left:-46px;top:50%;transform:translateY(-50%);background:var(--md-sys-color-primary);border:none;border-radius:var(--md-sys-shape-corner-medium) 0 0 var(--md-sys-shape-corner-medium);padding:.875rem .75rem;cursor:pointer;box-shadow:var(--elevation-3);transition:all var(--transition-base) var(--transition-easing)}.help-toggle:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 80%,white)}.help-toggle .material-symbols-outlined{font-size:1.375rem;color:var(--md-sys-color-on-primary)}.help-content{padding:1.75rem}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.875rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.help-header h3{font-size:var(--typescale-title-lg-size);font-weight:var(--typescale-title-lg-weight);color:var(--md-sys-color-on-surface)}.help-header button{background:transparent;border:none;color:var(--md-sys-color-outline);cursor:pointer;padding:.375rem;border-radius:var(--md-sys-shape-corner-small);transition:all var(--transition-base)}.help-header button:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.help-section{margin-bottom:1.5rem}.help-section h4{font-size:var(--typescale-label-lg-size);font-weight:var(--typescale-label-lg-weight);color:var(--md-sys-color-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.help-section ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.help-section li{font-size:var(--typescale-body-md-size);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;gap:.5rem}.help-section kbd,.help-section code{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);border-radius:var(--md-sys-shape-corner-extra-small);padding:.125rem .375rem;font-family:Monaco,monospace;font-size:.6875rem;color:var(--md-sys-color-primary)}.preview-controls{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding:1rem;background:color-mix(in srgb,var(--md-sys-color-surface-container) 60%,transparent);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant)}.preview-scale-controls{display:flex;flex-direction:column;gap:.5rem}.button-group{display:inline-flex;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.button-group .tonal-btn{border-radius:0;border:none;border-right:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface-variant);height:40px;padding:0 1.25rem;flex:1;min-width:48px;transition:background .15s ease,color .15s ease}.button-group .tonal-btn:last-child{border-right:none}.button-group .tonal-btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);color:var(--md-sys-color-on-surface)}.button-group .tonal-btn:active{background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.button-group .tonal-btn.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.button-group .tonal-btn.active:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container))}.validation-error{border-color:var(--md-sys-color-error)!important}.validation-warning{border-color:#eebf6d!important}.docs-layout{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.docs-hero{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;min-height:148px;padding:2.5rem 3rem;background:linear-gradient(130deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-surface-container-low) 100%);border-radius:20px;border:1px solid var(--md-sys-color-outline-variant)}.docs-hero-icon{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.docs-hero-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.375rem}.docs-hero-badge{display:inline-flex;align-items:center;width:fit-content;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .625rem;border-radius:var(--md-sys-shape-corner-full);margin-bottom:.25rem}.docs-hero-title{font-size:var(--typescale-headline-lg-size);font-weight:var(--typescale-headline-lg-weight);line-height:var(--typescale-headline-lg-line);color:var(--md-sys-color-on-primary-container);margin:0}.docs-hero-subtitle{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.6;color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 75%,transparent);margin:0}.docs-hero-link{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;background:var(--md-sys-color-on-primary-container);color:var(--md-sys-color-primary-container);text-decoration:none;font-size:.8125rem;font-weight:700;padding:.625rem 1.25rem;border-radius:var(--md-sys-shape-corner-full);transition:opacity var(--transition-base) ease}.docs-hero-link:hover{opacity:.82}.docs-hero-link .material-symbols-outlined{font-size:1rem!important}.docs-section{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:1.75rem 2rem;transition:border-color var(--transition-base) ease}:root[data-theme=light] .docs-section{background:var(--md-sys-color-surface-container-lowest)}.docs-section-title{display:flex;align-items:center;gap:.625rem;font-size:var(--typescale-title-lg-size);font-weight:var(--typescale-title-lg-weight);line-height:var(--typescale-title-lg-line);color:var(--md-sys-color-on-surface);margin:0 0 1rem;padding-left:.75rem;border-left:3px solid var(--md-sys-color-primary)}.docs-section-title .material-symbols-outlined{font-size:1.25rem!important;color:var(--md-sys-color-primary)}.docs-section-desc{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.6;color:var(--md-sys-color-on-surface-variant);margin:0 0 1.125rem}.docs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.steps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.step-card{position:relative;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);padding:1.125rem 1rem;display:flex;flex-direction:column;gap:.375rem;align-items:center;text-align:center}.step-num{position:absolute;top:.75rem;right:.75rem;width:22px;height:22px;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.step-icon{font-size:1.75rem!important;color:var(--md-sys-color-primary);margin-bottom:.25rem}.step-card h3{font-size:var(--typescale-label-lg-size);font-weight:var(--typescale-label-lg-weight);line-height:var(--typescale-label-lg-line);color:var(--md-sys-color-on-surface);margin:0}.step-card p{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.5;color:var(--md-sys-color-on-surface-variant);margin:0}.code-table{display:flex;flex-direction:column}.code-row{display:flex;align-items:center;gap:1rem;padding:.625rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 60%,transparent);transition:background var(--transition-fast) ease;border-radius:var(--md-sys-shape-corner-extra-small)}.code-row:last-child{border-bottom:none}.code-row:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 50%,transparent)}.code-row code{font-family:Monaco,Menlo,monospace;font-size:.75rem;font-weight:500;color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);padding:.25rem .625rem;border-radius:var(--md-sys-shape-corner-extra-small);white-space:nowrap;flex-shrink:0}.code-row span{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);color:var(--md-sys-color-on-surface-variant)}.docs-note{display:flex;align-items:center;gap:.375rem;margin-top:.875rem;font-size:.78rem;color:var(--md-sys-color-outline);line-height:1.4}.docs-note .material-symbols-outlined{font-size:.9rem!important}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.component-card{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;transition:background var(--transition-base) ease}.component-card:hover{background:var(--md-sys-color-surface-container-highest)}.component-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border-radius:12px;font-size:1.625rem!important}.component-card h3{font-size:var(--typescale-label-lg-size);font-weight:var(--typescale-label-lg-weight);color:var(--md-sys-color-on-surface);margin:0}.component-card p{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.5;color:var(--md-sys-color-on-surface-variant);margin:0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.action-card{display:flex;align-items:flex-start;gap:1rem;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);padding:1rem;transition:background var(--transition-base) ease}.action-card:hover{background:var(--md-sys-color-surface-container-highest)}.action-card>.material-symbols-outlined{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border-radius:10px;font-size:1.375rem!important;flex-shrink:0}.action-card h4{font-size:var(--typescale-label-lg-size);font-weight:var(--typescale-label-lg-weight);line-height:var(--typescale-label-lg-line);color:var(--md-sys-color-on-surface);margin:0 0 .25rem}.action-card p{font-size:var(--typescale-body-md-size);font-weight:var(--typescale-body-md-weight);line-height:1.4;color:var(--md-sys-color-on-surface-variant);margin:0}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.shortcut-row{display:flex;align-items:center;gap:.875rem;padding:.625rem .875rem;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium)}.shortcut-keys{display:flex;gap:3px;flex-shrink:0}kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-bottom-width:2px;border-radius:5px;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;font-family:var(--md-ref-typeface-brand);color:var(--md-sys-color-on-surface);box-shadow:0 1px 0 var(--md-sys-color-outline-variant);white-space:nowrap}.shortcut-row>span{font-size:var(--typescale-body-md-size);color:var(--md-sys-color-on-surface-variant)}.tips-list{display:flex;flex-direction:column;gap:.5rem}.tip-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium)}.tip-item .material-symbols-outlined{color:var(--md-sys-color-tertiary);font-size:1.125rem!important;flex-shrink:0;margin-top:.1rem}.tip-item p{font-size:.84rem;color:var(--md-sys-color-on-surface-variant);line-height:1.55;margin:0}.tip-item code,.tip-item kbd{font-family:Monaco,monospace;font-size:.75rem;color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);padding:.1rem .35rem;border-radius:4px;border:none;box-shadow:none;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container-low);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-container-highest);border-radius:8px;border:2px solid var(--md-sys-color-surface-container-low)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:1200px){.main-grid{grid-template-columns:1fr}.steps-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.docs-two-col{grid-template-columns:1fr}.component-grid{grid-template-columns:1fr 1fr}.shortcuts-grid{grid-template-columns:1fr}}@media(max-width:768px){.minecraft-container{padding:1.25rem 1rem}.surface-card{padding:1.25rem}.docs-hero{padding:1.75rem 1.5rem}.steps-row{grid-template-columns:1fr 1fr}.footer-inner{padding:0 1.25rem}.footer-top{flex-direction:column;gap:2rem;padding:2rem 0 1.5rem}.footer-brand{max-width:100%}.footer-nav{gap:2.5rem}}@media(max-width:640px){.button-row{flex-direction:column;align-items:stretch}.action-button-group{margin-left:0;width:100%}.action-btn{flex:1}.component-grid,.steps-row{grid-template-columns:1fr}}@font-face{font-family:MinecraftSeven;src:url(https://misode.github.io/fonts/seven.ttf) format("truetype")}.preview-wrapper{position:relative;height:500px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:2rem}.preview-background{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:url(../background.png) center/cover no-repeat;filter:blur(5px);z-index:1}.preview-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.preview-dialog{position:relative;z-index:2;width:100%;max-width:500px;background:transparent}.preview-overlay{height:min-content;position:relative;cursor:default}.preview-overlay>img{display:block;width:100%}.preview-overlay>div{position:absolute}.dialog-preview{cursor:default}.dialog-preview *{flex-shrink:0}.dialog-preview .text-component{font-family:MinecraftSeven,sans-serif;font-size:calc(var(--dialog-px) * 10);white-space:pre-wrap;word-break:break-word}.dialog-preview .text-component span{text-shadow:calc(var(--dialog-px) * 1) calc(var(--dialog-px) * 1) var(--shadow-color, transparent)}.dialog-body{text-align:center}.dialog-button,.dialog-edit-box,.dialog-checkbox,.dialog-slider-track,.dialog-slider-handle,.dialog-tooltip{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.dialog-warning-button{flex-shrink:0;background-image:url(../images/dialog/warning_button.png);background-size:contain;cursor:pointer;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.dialog-warning-button:hover{background-image:url(../images/dialog/warning_button_highlighted.png)}.dialog-button{border:solid calc(var(--dialog-px)*2) #000;border-bottom-width:calc(var(--dialog-px)*3);border-image-source:url(../images/dialog/button.png);border-image-slice:2 2 3 2 fill;border-image-repeat:repeat;display:flex;align-items:center;justify-content:center;padding-bottom:var(--dialog-px);overflow:hidden}.dialog-button:hover{border-image-source:url(../images/dialog/button_highlighted.png)}.dialog-edit-box{border:solid calc(var(--dialog-px) * 1) #000;border-image-source:url(../images/dialog/text_field.png);border-image-slice:1 fill;border-image-repeat:repeat;display:flex;align-items:flex-start;padding-top:calc(var(--dialog-px) * 4);padding-left:calc(var(--dialog-px) * 4)}.dialog-checkbox{background-image:url(../images/dialog/checkbox.png);background-size:contain}.dialog-checkbox.dialog-selected{background-image:url(../images/dialog/checkbox_selected.png)}.dialog-slider{position:relative}.dialog-slider-track{border:solid calc(var(--dialog-px) * 1) #000;border-image-source:url(../images/dialog/slider.png);border-image-slice:1 fill;border-image-repeat:repeat;position:absolute;top:0;left:0;width:100%;height:100%}.dialog-slider-handle{background-image:url(../images/dialog/slider_handle.png);background-size:contain;position:absolute;top:0;left:50%;width:calc(var(--dialog-px) * 8);height:100%;transform:translate(-50%)}.dialog-slider-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-bottom:var(--dialog-px)}.dialog-tooltip{padding:calc(var(--dialog-px) * 4) calc(var(--dialog-px) * 6);border:solid calc(var(--dialog-px) * 2) #220044;border-image-source:url(../images/tooltip.png);border-image-slice:2 fill;border-image-outset:calc(var(--dialog-px) * 1);width:max-content;max-width:calc(var(--dialog-px) * 150);display:none;position:absolute;pointer-events:none}.tooltip-container{position:relative}.tooltip-container:hover>.dialog-tooltip{display:block}.tooltip-container>.dialog-tooltip .text-component{white-space:pre-wrap;text-align:initial}.preview-text-input{background:transparent;border:none;outline:none;font-family:MinecraftSeven,sans-serif;color:#fff;width:100%;height:100%}md-filled-button{--md-filled-button-container-shape: var(--md-sys-shape-corner-full);--md-filled-button-container-color: var(--md-sys-color-primary);--md-filled-button-label-text-color: var(--md-sys-color-on-primary);--md-filled-button-icon-color: var(--md-sys-color-on-primary);--md-filled-button-container-height: 44px;--md-filled-button-leading-space: 40px;--md-filled-button-trailing-space: 40px;--md-filled-button-label-text-font: var(--md-ref-typeface-brand);--md-filled-button-label-text-weight: 700;--md-filled-button-label-text-size: .875rem;--md-filled-button-icon-size: 1.125rem}md-filled-tonal-button{--md-filled-tonal-button-container-shape: var(--md-sys-shape-corner-full);--md-filled-tonal-button-container-color: var(--md-sys-color-secondary-container);--md-filled-tonal-button-label-text-color: var(--md-sys-color-on-secondary-container);--md-filled-tonal-button-icon-color: var(--md-sys-color-on-secondary-container);--md-filled-tonal-button-hover-state-layer-color: var(--md-sys-color-on-secondary-container);--md-filled-tonal-button-container-height: 44px;--md-filled-tonal-button-leading-space: 40px;--md-filled-tonal-button-trailing-space: 40px;--md-filled-tonal-button-label-text-font: var(--md-ref-typeface-brand);--md-filled-tonal-button-label-text-weight: 700;--md-filled-tonal-button-label-text-size: .875rem;--md-filled-tonal-button-icon-size: 1.125rem}md-outlined-button{--md-outlined-button-container-shape: var(--md-sys-shape-corner-full);--md-outlined-button-outline-color: var(--md-sys-color-outline);--md-outlined-button-label-text-color: var(--md-sys-color-primary);--md-outlined-button-hover-outline-color: var(--md-sys-color-primary);--md-outlined-button-container-height: 44px;--md-outlined-button-leading-space: 40px;--md-outlined-button-trailing-space: 40px;--md-outlined-button-label-text-font: var(--md-ref-typeface-brand);--md-outlined-button-label-text-weight: 700;--md-outlined-button-label-text-size: .875rem;--md-outlined-button-icon-size: 1.125rem}md-text-button{--md-text-button-label-text-color: var(--md-sys-color-primary);--md-text-button-hover-label-text-color: var(--md-sys-color-primary);--md-text-button-label-text-font: var(--md-ref-typeface-brand);--md-text-button-label-text-weight: 600}md-icon-button{--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-icon-button-hover-icon-color: var(--md-sys-color-on-surface);--md-icon-button-hover-state-layer-color: var(--md-sys-color-primary);--md-icon-button-icon-size: 1.25rem}md-outlined-text-field{--md-outlined-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--md-outlined-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);--md-outlined-text-field-caret-color: var(--md-sys-color-primary);--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-small);--md-outlined-text-field-input-text-font: var(--md-ref-typeface-brand);--md-outlined-text-field-supporting-text-font: var(--md-ref-typeface-brand);width:100%;margin-bottom:.75rem;display:block}md-outlined-select{--md-outlined-select-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-select-text-field-focus-outline-color: var(--md-sys-color-primary);--md-outlined-select-text-field-label-text-color: var(--md-sys-color-on-surface-variant);--md-outlined-select-text-field-focus-label-text-color: var(--md-sys-color-primary);--md-outlined-select-text-field-input-text-color: var(--md-sys-color-on-surface);--md-outlined-select-text-field-caret-color: var(--md-sys-color-primary);--md-outlined-select-text-field-container-shape: var(--md-sys-shape-corner-small);width:100%;margin-bottom:.75rem;display:block}md-select-option{--md-menu-item-label-text-color: var(--md-sys-color-on-surface)}md-tabs{--md-primary-tab-active-indicator-color: var(--md-sys-color-primary);--md-primary-tab-active-indicator-height: 3px;--md-primary-tab-active-label-text-color: var(--md-sys-color-primary);--md-primary-tab-label-text-color: var(--md-sys-color-outline);--md-primary-tab-hover-label-text-color: var(--md-sys-color-on-surface-variant);--md-primary-tab-label-text-font: var(--md-ref-typeface-brand);--md-primary-tab-label-text-weight: 700;--md-primary-tab-label-text-size: .875rem;--md-primary-tab-height: 52px;--md-secondary-tab-active-indicator-color: var(--md-sys-color-primary);--md-secondary-tab-active-label-text-color: var(--md-sys-color-primary);--md-secondary-tab-label-text-color: var(--md-sys-color-outline);--md-secondary-tab-label-text-font: var(--md-ref-typeface-brand);--md-secondary-tab-label-text-weight: 700;--md-secondary-tab-height: 48px;--md-tabs-divider-color: var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container)}md-checkbox{--md-checkbox-selected-container-color: var(--md-sys-color-primary);--md-checkbox-selected-focus-container-color: var(--md-sys-color-primary);--md-checkbox-selected-hover-container-color: var(--md-sys-color-primary);--md-checkbox-selected-pressed-container-color: var(--md-sys-color-primary-container);--md-checkbox-selected-icon-color: var(--md-sys-color-on-primary);--md-checkbox-outline-color: var(--md-sys-color-outline)}md-circular-progress{--md-circular-progress-active-indicator-color: var(--md-sys-color-primary)}:root[data-theme=light] md-outlined-text-field{--md-outlined-text-field-outline-color: var(--md-sys-color-outline)}:root[data-theme=light] md-outlined-select{--md-outlined-select-text-field-outline-color: var(--md-sys-color-outline)}.danger-tonal-btn{--md-filled-tonal-button-container-color: var(--md-sys-color-error-container);--md-filled-tonal-button-label-text-color: var(--md-sys-color-on-error-container);--md-filled-tonal-button-icon-color: var(--md-sys-color-on-error-container);--md-filled-tonal-button-hover-state-layer-color: var(--md-sys-color-on-error-container)}