@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.border{border-style:var(--tw-border-style);border-width:1px}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--surface:#0f131c;--surface-dim:#0f131c;--surface-bright:#353943;--surface-lowest:#0a0e17;--surface-low:#181b25;--surface-container:#1c1f29;--surface-high:#262a34;--surface-highest:#31353f;--surface-variant:#31353f;--on-surface:#dfe2ef;--on-surface-variant:#c7c4d7;--primary:#c0c1ff;--primary-container:#8083ff;--on-primary:#1000a9;--secondary:#d0bcff;--secondary-container:#571bc1;--on-secondary-container:#c4abff;--tertiary:#4cd7f6;--tertiary-container:#009eb9;--error:#ffb4ab;--error-container:#93000a;--outline:#908fa0;--outline-variant:#464554;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-crimson:#ef4444;--font-body:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--surface-lowest);color:var(--on-surface);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}::selection{color:var(--primary);background:#c0c1ff33}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0e1780}::-webkit-scrollbar-thumb{background:#46455466;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#c0c1ff66}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #4cd7f600}50%{box-shadow:0 0 8px 2px #4cd7f699}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-up{animation:.4s ease-out slideUp}.animate-pulse-glow{animation:2s infinite pulseGlow}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#0a0e17cc;border-bottom:1px solid #46455433;position:sticky;top:0;box-shadow:0 4px 24px #00000080}.app-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary-container), var(--secondary-container));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.125rem;display:flex;box-shadow:0 0 16px #8083ff73}.brand-name{letter-spacing:-.01em;color:var(--primary);text-shadow:0 0 12px #c0c1ff66;font-size:1.25rem;font-weight:700}.version-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--primary);background:#c0c1ff1a;border:1px solid #c0c1ff33;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.nav-tabs{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:.75rem;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{height:56px;font-family:var(--font-body);color:var(--on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.nav-tab:hover{color:var(--on-surface)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-tab .material-symbols-outlined{font-size:1rem}.header-actions{align-items:center;gap:.5rem;display:flex}.header-btn{font-family:var(--font-mono);letter-spacing:.06em;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:1px solid #4645544d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.6875rem;font-weight:500;transition:all .15s;display:flex}.header-btn:hover{color:var(--on-surface);background:#262a3480}.header-icon-btn{width:32px;height:32px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-icon-btn:hover{color:var(--on-surface);background:#262a3480}.kbd-hint{background:var(--surface-container);font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);border:1px solid #4645544d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:500;display:flex}.main-canvas{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1280px;margin:0 auto;padding:.75rem 1rem;display:flex}@media (min-width:640px){.main-canvas{padding:1.5rem}}.tool-header{border-bottom:1px solid #46455426;flex-direction:column;gap:.75rem;padding-bottom:.5rem;display:flex}@media (min-width:640px){.tool-header{flex-direction:row;justify-content:space-between;align-items:center}}.tool-title{letter-spacing:-.01em;color:var(--on-surface);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.tool-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--secondary);background:#571bc133;border:1px solid #571bc14d;border-radius:6px;padding:2px 8px;font-size:.6875rem;font-weight:500}.tool-desc{color:var(--outline);margin-top:2px;font-size:.75rem}.tool-presets{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preset-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);font-size:.6875rem;font-weight:500}.preset-btn{font-family:var(--font-mono);letter-spacing:.06em;background:var(--surface-container);color:var(--on-surface);cursor:pointer;border:1px solid #4645544d;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-weight:500;transition:all .15s}.preset-btn:hover{border-color:#c0c1ff66}.preset-btn.danger{color:var(--accent-crimson)}.preset-btn.danger:hover{background:#ef44441a;border-color:#ef444466}.panel{background:var(--surface-low);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000073}.panel-header{background:#1c1f2999;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.panel-title{align-items:center;gap:8px;display:flex}.panel-dot{border-radius:50%;width:10px;height:10px}.panel-dot.inactive{background:#46455466}.panel-dot.primary{background:var(--primary)}.panel-dot.tertiary{background:var(--tertiary)}.panel-dot.secondary{background:var(--secondary)}.panel-dot.error{background:var(--accent-crimson)}.panel-filename{font-family:var(--font-mono);letter-spacing:.06em;color:var(--on-surface);font-size:.6875rem;font-weight:600}.panel-stat{font-family:var(--font-mono);letter-spacing:.06em;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:500}.panel-stat.neutral{background:var(--surface-highest);color:var(--on-surface-variant)}.panel-stat.success{color:var(--tertiary);background:#009eb94d;border:1px solid #4cd7f633}.panel-actions{align-items:center;gap:4px;display:flex}.panel-icon-btn{color:var(--outline);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .15s;display:flex}.panel-icon-btn:hover{color:var(--on-surface);background:var(--surface-container)}.panel-icon-btn.danger:hover{color:var(--accent-crimson)}.panel-body{flex:1;min-height:320px;padding:8px}.panel-body.output-bg{background:#0a0e1766}.copy-btn{font-family:var(--font-mono);letter-spacing:.06em;background:var(--surface-container);color:var(--on-surface);cursor:pointer;border:1px solid #4645544d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:500;transition:all .15s;display:flex}.copy-btn:hover{border-color:#c0c1ff80}.copy-btn.copied{color:var(--primary);border-color:#c0c1ff80}.code-textarea{width:100%;height:100%;color:var(--on-surface);font-family:var(--font-mono);resize:none;background:0 0;border:none;outline:none;flex:1;padding:8px;font-size:.8125rem;line-height:1.6}.code-textarea::placeholder{color:#908fa066}.code-textarea.output-text{color:var(--primary)}.code-textarea.secondary-text{color:#d0bcffd9}.control-spine{background:var(--surface-container);border:1px solid #46455433;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex;box-shadow:0 4px 16px #0000004d}.control-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);align-items:center;gap:4px;font-size:.6875rem;font-weight:500;display:flex}.radio-group{flex-direction:column;gap:6px;display:flex}.radio-option{cursor:pointer;border-radius:4px;align-items:flex-start;gap:8px;padding:6px;transition:background .15s;display:flex}.radio-option:hover{background:#262a3466}.radio-option input[type=radio]{appearance:none;border:1.5px solid var(--outline-variant);background:var(--surface-low);cursor:pointer;border-radius:50%;flex-shrink:0;place-content:center;width:16px;height:16px;margin-top:2px;transition:all .15s;display:grid}.radio-option input[type=radio]:before{content:"";background:var(--primary-container);border-radius:50%;width:8px;height:8px;transition:transform .15s;transform:scale(0)}.radio-option input[type=radio]:checked{border-color:var(--primary-container)}.radio-option input[type=radio]:checked:before{transform:scale(1)}.radio-option .option-title{color:var(--on-surface);font-size:.875rem;font-weight:500}.radio-option .option-desc{color:var(--outline);font-size:.75rem}.checkbox-option{color:var(--on-surface);cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.checkbox-option input[type=checkbox]{appearance:none;border:1.5px solid var(--outline-variant);background:var(--surface-low);cursor:pointer;border-radius:4px;flex-shrink:0;place-content:center;width:16px;height:16px;transition:all .15s;display:grid}.checkbox-option input[type=checkbox]:before{content:"";background:var(--primary-container);border-radius:2px;width:10px;height:10px;transition:transform .15s;transform:scale(0)}.checkbox-option input[type=checkbox]:checked{border-color:var(--primary-container)}.checkbox-option input[type=checkbox]:checked:before{transform:scale(1)}.control-select{background:var(--surface-low);width:100%;font-family:var(--font-mono);color:var(--on-surface);cursor:pointer;border:1px solid #4645544d;border-radius:8px;outline:none;padding:6px 8px;font-size:.75rem;transition:border-color .15s}.control-select:focus{border-color:var(--primary)}.control-divider{border:none;border-top:1px solid #46455433;margin:0}.action-btn-primary{background:linear-gradient(135deg, var(--primary-container), var(--secondary-container));width:100%;color:var(--surface-lowest);font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.action-btn-primary:hover{box-shadow:0 0 20px #6366f159}.action-btn-primary:active{transform:scale(.98)}.tool-layout-3col{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media (min-width:1024px){.tool-layout-3col{grid-template-columns:5fr 2fr 5fr}}@media (max-width:1023px){.control-spine{flex-flow:wrap;align-items:center}}.split-pane{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.split-pane{grid-template-columns:1fr 1fr}}.diff-action-bar{background:var(--surface-container);border:1px solid #46455433;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:8px;display:flex}.diff-action-bar .action-group{align-items:center;gap:8px;display:flex}.diff-compare-btn{background:linear-gradient(135deg, var(--primary-container), var(--secondary-container));color:var(--surface-lowest);font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 0 16px #6366f140}.diff-compare-btn:hover{box-shadow:0 0 24px #6366f166}.diff-compare-btn:active{transform:scale(.98)}.filter-tabs{background:var(--surface-low);border:1px solid #4645544d;border-radius:8px;align-items:center;padding:4px;display:flex}.filter-tab{font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.6875rem;font-weight:500;transition:all .15s}.filter-tab:hover{color:var(--on-surface)}.filter-tab.active{background:var(--surface-high);color:var(--on-surface);font-weight:600}.diff-card{background:#1c1f29b3;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s;display:flex}.diff-card:hover{border-color:#46455466}@media (min-width:768px){.diff-card{flex-direction:row;justify-content:space-between;align-items:center}}.diff-badge{font-family:var(--font-mono);letter-spacing:.06em;border-radius:4px;padding:2px 8px;font-size:.6875rem;font-weight:600}.diff-badge.added{color:var(--tertiary);background:#009eb933;border:1px solid #4cd7f64d}.diff-badge.removed{color:var(--error);background:#93000a33;border:1px solid #ffb4ab4d}.diff-badge.modified{color:var(--primary);background:#c0c1ff33;border:1px solid #c0c1ff4d}.diff-key{font-family:var(--font-mono);color:var(--on-surface);font-size:.8125rem;font-weight:600}.diff-value{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:.75rem;overflow:hidden}.diff-value.added-val{color:var(--tertiary)}.diff-value.removed-val{color:var(--error);opacity:.8;text-decoration:line-through}.diff-value.old-val{color:#ffb4abb3;text-decoration:line-through}.diff-value.new-val{color:var(--tertiary)}.docker-diff-container{font-family:var(--font-mono);background:#0a0e17cc;min-height:160px;max-height:380px;padding:12px;font-size:.75rem;line-height:1.7;overflow-y:auto}.diff-line{border-radius:4px;align-items:flex-start;padding:2px 8px;display:flex}.diff-line.context{color:var(--on-surface-variant)}.diff-line.context:hover{color:var(--on-surface)}.diff-line.addition{color:var(--tertiary);border-left:2px solid var(--tertiary);background:#009eb926}.diff-line.deletion{color:var(--error);border-left:2px solid var(--accent-crimson);background:#93000a26}.diff-line .line-marker{text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:32px;padding-right:12px}.diff-line.context .line-marker{color:#908fa066}.diff-line.addition .line-marker{color:#4cd7f699}.diff-line.deletion .line-marker{color:#ffb4ab99}.diff-line .line-content{flex:1}.empty-state{color:var(--outline);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.empty-state .material-symbols-outlined{opacity:.5;font-size:2.5rem}.empty-state p{font-size:.75rem}.toast{z-index:100;background:var(--surface-container);color:var(--primary);font-family:var(--font-mono);pointer-events:none;border:1px solid #c0c1ff33;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:500;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.toast.show{animation:.2s ease-out toastIn}.toast.hide{animation:.3s ease-out forwards toastOut}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-container);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:512px;padding:1.5rem;animation:.3s ease-out slideUp;display:flex;box-shadow:0 8px 32px #0009}.modal-header{border-bottom:1px solid #46455433;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.modal-title{color:var(--on-surface);align-items:center;gap:8px;font-size:1.25rem;font-weight:600;display:flex}.modal-close{color:var(--outline);cursor:pointer;background:0 0;border:none;transition:color .15s}.modal-close:hover{color:var(--on-surface)}.modal-section h4{color:var(--on-surface);margin-bottom:2px;font-weight:600}.modal-section p{color:var(--on-surface-variant);font-size:.875rem;line-height:1.5}.modal-privacy-note{background:var(--surface-lowest);color:var(--on-surface-variant);border:1px solid #4645544d;border-radius:8px;padding:10px;font-size:.75rem}.modal-privacy-note strong{color:var(--primary)}.modal-footer{justify-content:flex-end;padding-top:8px;display:flex}.modal-dismiss-btn{background:var(--surface-high);color:var(--on-surface);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:background .15s}.modal-dismiss-btn:hover{background:var(--surface-bright)}.app-footer{width:100%;color:var(--on-surface-variant);background:#0a0e17cc;border-top:1px solid #ffffff1a;margin-top:48px;padding:48px 1rem;font-size:.875rem}.footer-inner{flex-direction:column;gap:40px;max-width:1280px;margin:0 auto;display:flex}.footer-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand-col{flex-direction:column;gap:16px;display:flex}.footer-desc{color:var(--outline);max-width:320px;font-size:.75rem;line-height:1.6}.footer-security-badge{background:var(--surface-container);color:var(--on-surface);border:1px solid #4645544d;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;display:inline-flex}.footer-security-badge .pulse-dot{background:var(--tertiary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;box-shadow:0 0 8px #4cd7f699}.footer-col-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);font-size:.6875rem;font-weight:600}.footer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links li button,.footer-links li a{font-family:var(--font-body);color:var(--outline);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.875rem;text-decoration:none;transition:color .15s}.footer-links li button:hover,.footer-links li a:hover{color:var(--primary)}.footer-links .wip-tag{font-family:var(--font-mono);background:var(--surface-high);color:var(--outline);border-radius:4px;margin-left:6px;padding:1px 4px;font-size:.625rem}.footer-bottom{border-top:1px solid #46455433;flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex}@media (min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom-left{font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);align-items:center;gap:16px;font-size:.6875rem;font-weight:500;display:flex}.footer-status-pill{background:var(--surface-container);color:var(--on-surface);border:1px solid #4645544d;border-radius:9999px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.footer-status-pill .dot{background:var(--tertiary);border-radius:50%;width:6px;height:6px}.footer-social-links{align-items:center;gap:16px;display:flex}.footer-social-links a{font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);align-items:center;gap:4px;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.footer-social-links a:hover{color:var(--on-surface)}.system-bar{background:var(--surface-lowest);font-family:var(--font-mono);letter-spacing:.06em;color:var(--outline);border-top:1px solid #46455433;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:6px 1rem;font-size:.6875rem;font-weight:500;display:flex}@media (min-width:768px){.system-bar{padding:6px 2rem}}.system-bar-left{align-items:center;gap:.75rem;display:flex}.system-bar-right{align-items:center;gap:1rem;display:flex}.engine-badge{background:var(--surface-container);color:var(--on-surface);border:1px solid #4645544d;border-radius:9999px;align-items:center;gap:8px;padding:2px 8px;display:flex}.engine-badge .pulse-dot{background:var(--tertiary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;box-shadow:0 0 8px #4cd7f699}.docker-presets{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1;display:inline-block}@media (max-width:640px){.nav-tab span:not(.material-symbols-outlined){display:none}.brand-name{font-size:1rem}.version-badge,.header-btn,.kbd-hint{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}