:root{--kbd-bg: #ffffff;--kbd-bg-secondary: #f9fafb;--kbd-text: #1f2937;--kbd-text-secondary: #6b7280;--kbd-border: #e5e7eb;--kbd-accent: #3b82f6;--kbd-accent-hover: #2563eb;--kbd-link: var(--kbd-accent);--kbd-link-hover: var(--kbd-accent-hover);--kbd-conflict: #ef4444;--kbd-conflict-bg: #fef2f2;--kbd-warning: #f59e0b;--kbd-warning-bg: #fef3c7;--kbd-timeout-bar: #10b981;--kbd-kbd-bg: #f3f4f6;--kbd-kbd-border: #d1d5db;--kbd-kbd-text: #374151;--kbd-radius: 8px;--kbd-radius-sm: 4px;--kbd-gap: 8px;--kbd-padding: 16px;--kbd-transition: .15s ease;--kbd-sequence-max-height: 300px;--kbd-sequence-row-padding: 8px 12px;--kbd-sequence-row-gap: 8px;--kbd-omnibar-max-height: 50vh}.kbd-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.kbd-modal{background-color:var(--kbd-bg);border-radius:var(--kbd-radius);padding:var(--kbd-padding);width:85vw;max-width:480px;max-height:80vh;overflow:auto;box-shadow:0 4px 20px #00000026;color:var(--kbd-text)}.kbd-modal a,.kbd-lookup a,.kbd-omnibar a,.kbd-sequence a,.kbd-kbd a{color:var(--kbd-link);text-decoration:none;transition:color var(--kbd-transition),opacity var(--kbd-transition)}.kbd-modal a:hover,.kbd-lookup a:hover,.kbd-omnibar a:hover,.kbd-sequence a:hover,.kbd-kbd a:hover{color:var(--kbd-link-hover);text-decoration:underline}.kbd-modal a code,.kbd-lookup a code,.kbd-omnibar a code,.kbd-sequence a code,.kbd-kbd a code{color:inherit;background:var(--kbd-bg-secondary);padding:.1em .3em;border-radius:var(--kbd-radius-sm)}.kbd-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--kbd-gap)}.kbd-modal-title{margin:0;font-size:1.125rem;font-weight:600}.kbd-modal-footer{display:flex;justify-content:center;gap:16px;margin-top:var(--kbd-gap);padding-top:var(--kbd-gap);border-top:1px solid var(--kbd-border)}.kbd-footer-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:6px 10px;font-size:.8125rem;cursor:pointer;color:var(--kbd-text-secondary);transition:color var(--kbd-transition);border-radius:var(--kbd-radius-sm)}.kbd-footer-btn:hover:not(:disabled){color:var(--kbd-text)}.kbd-footer-btn:disabled{opacity:.4;cursor:not-allowed}.kbd-footer-icon{width:16px;height:16px}.kbd-import-error{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:var(--kbd-gap);background-color:var(--kbd-conflict-bg);border:1px solid var(--kbd-conflict);border-radius:var(--kbd-radius-sm);color:var(--kbd-conflict);font-size:.875rem}.kbd-import-error button{background:none;border:none;color:var(--kbd-conflict);cursor:pointer;font-size:1rem;line-height:1;padding:0 4px;opacity:.7;transition:opacity var(--kbd-transition)}.kbd-import-error button:hover{opacity:1}.kbd-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:4px 8px;line-height:1;color:var(--kbd-text-secondary);transition:color var(--kbd-transition)}.kbd-modal-close:hover{color:var(--kbd-text)}.kbd-group{margin-bottom:var(--kbd-padding)}.kbd-group-title{margin:0 0 var(--kbd-gap);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--kbd-text-secondary);letter-spacing:.05em}.kbd-action{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--kbd-border);gap:var(--kbd-gap)}.kbd-action:last-child{border-bottom:none}.kbd-action-label{flex:1;font-size:.875rem}.kbd-action-bindings{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kbd-kbd{position:relative;display:inline-flex;align-items:center;gap:2px;background-color:var(--kbd-kbd-bg);border:1px solid var(--kbd-kbd-border);border-radius:var(--kbd-radius-sm);padding:3px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem;color:var(--kbd-kbd-text);min-height:24px;white-space:nowrap}.kbd-kbd.editable{cursor:pointer;transition:all var(--kbd-transition)}.kbd-kbd.editable:hover,.kbd-kbd.editable:focus{border-color:var(--kbd-accent);background-color:var(--kbd-bg-secondary);outline:none}.kbd-kbd.editable:focus-visible{box-shadow:0 0 0 2px #3b82f64d}.kbd-kbd.editing{border-color:var(--kbd-accent);box-shadow:0 0 0 2px #3b82f633}.kbd-kbd.conflict{border-color:var(--kbd-conflict);background-color:var(--kbd-conflict-bg);color:var(--kbd-conflict)}.kbd-kbd.pending-conflict{border-color:var(--kbd-warning);background-color:var(--kbd-warning-bg);color:#92400e;animation:kbd-pulse 1s ease-in-out infinite}.kbd-kbd.default-binding{border-bottom:1px solid var(--kbd-text-secondary);border-bottom-left-radius:0;border-bottom-right-radius:0}@keyframes kbd-pulse{0%,to{opacity:1}50%{opacity:.7}}.kbd-modifier-icon{width:12px;height:12px;flex-shrink:0}.kbd-key-icon{width:14px;height:14px;flex-shrink:0}.kbd-placeholder{font-family:monospace;font-weight:600;color:var(--kbd-text);background:var(--kbd-bg-secondary);border:1px solid var(--kbd-border);border-radius:var(--kbd-radius-sm);padding:0 3px;margin:0 1px}.kbd-sequence-sep{color:var(--kbd-text-secondary);margin:0 1px}.kbd-clickable{display:inline-flex;align-items:center;gap:2px;background-color:var(--kbd-kbd-bg);border:1px solid var(--kbd-kbd-border);border-radius:var(--kbd-radius-sm);padding:3px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.75rem;color:var(--kbd-kbd-text);min-height:24px;white-space:nowrap;cursor:pointer;transition:all var(--kbd-transition)}@media (hover: hover){.kbd-clickable:hover{background:var(--kbd-accent);color:#fff}}@media (hover: none){.kbd-clickable:active{background:var(--kbd-accent);color:#fff}}.kbd-clickable:focus-visible{outline:2px solid var(--kbd-accent);outline-offset:2px}.kbd-add-btn{background:none;border:1px dashed var(--kbd-border);border-radius:var(--kbd-radius-sm);padding:3px 8px;font-size:.875rem;color:var(--kbd-text-secondary);cursor:pointer;transition:all var(--kbd-transition)}.kbd-add-btn:hover{border-color:var(--kbd-accent);color:var(--kbd-accent)}.kbd-remove-btn{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;background:var(--kbd-conflict, #dc2626);border:none;border-radius:50%;padding:0;width:16px;height:16px;font-size:12px;font-weight:700;line-height:1;color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity var(--kbd-transition),transform var(--kbd-transition),background var(--kbd-transition)}@media (hover: hover){.kbd-kbd:hover .kbd-remove-btn,.kbd-kbd:focus-within .kbd-remove-btn{opacity:1;transform:scale(1)}.kbd-remove-btn:hover{background:#b91c1c}}@media (hover: none){.kbd-kbd.editable .kbd-remove-btn{opacity:.7;transform:scale(.9)}.kbd-remove-btn:active{background:#b91c1c;opacity:1;transform:scale(1)}}.kbd-timeout-bar{position:absolute;bottom:0;left:0;height:3px;background-color:var(--kbd-timeout-bar);animation:kbd-timeout linear forwards}@keyframes kbd-timeout{0%{width:100%}to{width:0}}.kbd-omnibar-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem 1rem;z-index:9999;overflow:hidden}.kbd-omnibar{background-color:var(--kbd-bg);border-radius:var(--kbd-radius);box-shadow:0 4px 20px #00000026;width:100%;max-width:500px;overflow:hidden}.kbd-omnibar-header{display:flex;align-items:center;border-bottom:1px solid var(--kbd-border)}.kbd-omnibar-close{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--kbd-border);color:var(--kbd-text-secondary);font-size:1.5rem;cursor:pointer;transition:background-color .15s,color .15s}.kbd-omnibar-close:hover{background-color:var(--kbd-hover);color:var(--kbd-text)}@media (hover: hover) and (pointer: fine){.kbd-omnibar-close{display:none}}.kbd-omnibar-input{flex:1;min-width:0;padding:16px var(--kbd-padding);border:none;font-size:1.125rem;background-color:var(--kbd-bg);color:var(--kbd-text);outline:none}.kbd-omnibar-input::placeholder{color:var(--kbd-text-secondary)}.kbd-omnibar-param-entry{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:12px var(--kbd-padding)}.kbd-omnibar-param-label{font-size:.875rem;color:var(--kbd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.kbd-omnibar-param-input{flex:1;min-width:80px;padding:6px 10px;border:1px solid var(--kbd-border);border-radius:var(--kbd-radius-sm);font-size:1rem;background-color:var(--kbd-bg);color:var(--kbd-text);outline:none;transition:border-color var(--kbd-transition)}.kbd-omnibar-param-input:focus{border-color:var(--kbd-accent)}.kbd-omnibar-param-input::placeholder{color:var(--kbd-text-secondary)}.kbd-omnibar-param-hint{font-size:.7rem;color:var(--kbd-text-secondary);white-space:nowrap}.kbd-omnibar-results{max-height:var(--kbd-omnibar-max-height);overflow-y:auto}.kbd-omnibar-result{display:flex;align-items:center;padding:10px var(--kbd-padding);cursor:pointer;gap:var(--kbd-gap);transition:background-color var(--kbd-transition);min-width:0;overflow:hidden}.kbd-omnibar-result:hover,.kbd-omnibar-result.selected{background-color:var(--kbd-bg-secondary)}.kbd-omnibar-result.selected{border-left:3px solid var(--kbd-accent);padding-left:calc(var(--kbd-padding) - 3px)}.kbd-omnibar-result-label{flex:1;min-width:0;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbd-omnibar-result-category{font-size:.75rem;color:var(--kbd-text-secondary);flex-shrink:0}.kbd-omnibar-result-bindings{display:flex;gap:4px;flex-shrink:0}@media (max-width: 480px){.kbd-omnibar-result-category{display:none}.kbd-omnibar-result-bindings .kbd-kbd:not(:first-child){display:none}}.kbd-omnibar-no-results,.kbd-omnibar-loading{padding:var(--kbd-padding);text-align:center;color:var(--kbd-text-secondary);font-size:.875rem}.kbd-omnibar-pagination{padding:8px var(--kbd-padding);text-align:center;font-size:.75rem;color:var(--kbd-text-secondary);border-top:1px solid var(--kbd-border)}.kbd-omnibar-pagination-loading,.kbd-omnibar-pagination-more{font-style:italic}.kbd-omnibar-result-description{font-size:.75rem;color:var(--kbd-text-secondary);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.kbd-sequence-backdrop{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:9998;background-color:#0003;animation:kbd-fade-in .1s ease}@keyframes kbd-fade-in{0%{opacity:0}to{opacity:1}}.kbd-sequence{background-color:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:12px;box-shadow:0 8px 32px #0003;min-width:280px;max-width:400px;overflow:hidden;animation:kbd-slide-down .15s ease;color:var(--kbd-text)}@keyframes kbd-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kbd-sequence-current{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 20px;border-bottom:1px solid var(--kbd-border);background-color:var(--kbd-bg-secondary)}.kbd-sequence-keys{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.25rem;font-weight:600;background-color:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:6px;color:var(--kbd-text)}.kbd-sequence-ellipsis{font-size:1.5rem;color:var(--kbd-text-secondary);animation:kbd-ellipsis-pulse .8s ease-in-out infinite}@keyframes kbd-ellipsis-pulse{0%,to{opacity:1}50%{opacity:.4}}.kbd-sequence-timeout{height:3px;background:linear-gradient(90deg,var(--kbd-accent),#60a5fa);transform-origin:left;animation:kbd-shrink linear forwards}@keyframes kbd-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.kbd-sequence-completions{padding:12px 16px;display:flex;flex-direction:column;gap:var(--kbd-sequence-row-gap);max-height:var(--kbd-sequence-max-height);overflow-y:auto}.kbd-sequence-completion{display:flex;align-items:center;gap:8px;padding:var(--kbd-sequence-row-padding);border-radius:6px;transition:background-color .1s ease}.kbd-sequence-completion:hover{background-color:var(--kbd-bg-secondary)}.kbd-sequence-completion.selected{background-color:var(--kbd-bg-secondary);outline:2px solid var(--kbd-accent);outline-offset:-2px}.kbd-sequence-arrow{color:var(--kbd-text-secondary);font-size:.9rem}.kbd-sequence-actions{flex:1;font-size:.9rem;color:var(--kbd-text)}.kbd-sequence-empty{padding:16px;text-align:center;color:var(--kbd-text-secondary);font-style:italic;font-size:.9rem}.kbd-table{width:100%;border-collapse:collapse}.kbd-table th,.kbd-table td{padding:6px var(--kbd-gap);text-align:left;border-bottom:1px solid var(--kbd-border)}.kbd-table th{font-weight:600;font-size:.85rem;color:var(--kbd-text-secondary)}.kbd-table td:not(:first-child){text-align:center}.kbd-lookup-backdrop{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:9999;background-color:#00000080;animation:kbd-fade-in .1s ease}.kbd-lookup{background-color:var(--kbd-bg);border-radius:var(--kbd-radius);box-shadow:0 8px 32px #0003;width:90vw;max-width:500px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.kbd-lookup-header{padding:12px 16px;border-bottom:1px solid var(--kbd-border);display:flex;flex-direction:column;gap:8px}.kbd-lookup-search{display:flex;align-items:center;min-height:32px;position:relative}.kbd-lookup-pending{display:flex;align-items:center;gap:.25rem}.kbd-lookup-input{flex:1;min-width:20px;background:transparent;border:none;color:transparent;caret-color:var(--kbd-text);font-size:.875rem;outline:none}.kbd-lookup-input::placeholder{color:var(--kbd-text-secondary)}.kbd-lookup-input:not(:placeholder-shown){color:transparent}.kbd-lookup-placeholder{color:var(--kbd-text-secondary);font-size:.875rem}.kbd-lookup-hint{font-size:.75rem;color:var(--kbd-text-secondary)}.kbd-lookup-results{flex:1;overflow-y:auto;padding:8px}.kbd-lookup-result{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .1s ease}.kbd-lookup-result:hover,.kbd-lookup-result.selected{background-color:var(--kbd-bg-secondary)}.kbd-lookup-result.selected{outline:2px solid var(--kbd-accent);outline-offset:-2px}.kbd-lookup-binding{display:flex;gap:4px}.kbd-lookup-labels{flex:1;font-size:.875rem;color:var(--kbd-text)}.kbd-lookup-empty{padding:24px;text-align:center;color:var(--kbd-text-secondary);font-size:.875rem}.kbd-lookup-continuations{padding:8px 16px;border-top:1px solid var(--kbd-border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kbd-lookup-continuations-label{font-size:.75rem;color:var(--kbd-text-secondary)}.kbd-lookup-param{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.kbd-lookup-param-label{font-size:1rem;font-weight:500;color:var(--kbd-text)}.kbd-lookup-param-input{width:120px;padding:8px 12px;font-size:1.25rem;text-align:center;background:var(--kbd-bg-secondary);border:2px solid var(--kbd-primary);border-radius:6px;color:var(--kbd-text);outline:none}.kbd-lookup-param-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--kbd-primary) 25%,transparent)}.kbd-lookup-param-hint{font-size:.75rem;color:var(--kbd-text-secondary)}.kbd-kbd.kbd-small{font-size:.7rem;padding:2px 5px}[data-theme=dark],.dark{--kbd-bg: #1f2937;--kbd-bg-secondary: #374151;--kbd-text: #f3f4f6;--kbd-text-secondary: #9ca3af;--kbd-border: #4b5563;--kbd-kbd-bg: #374151;--kbd-kbd-border: #4b5563;--kbd-kbd-text: #e5e7eb}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not(.light){--kbd-bg: #1f2937;--kbd-bg-secondary: #374151;--kbd-text: #f3f4f6;--kbd-text-secondary: #9ca3af;--kbd-border: #4b5563;--kbd-kbd-bg: #374151;--kbd-kbd-border: #4b5563;--kbd-kbd-text: #e5e7eb}}.kbd-fab{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px;width:44px;height:44px;border-radius:50%;background-color:var(--kbd-accent);color:#fff;border:1px solid var(--kbd-border);box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9990;opacity:.7;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}.kbd-fab:hover,.kbd-fab:focus{opacity:1;transform:scale(1.08);box-shadow:0 4px 12px #00000040}.kbd-fab:active{transform:scale(.95);opacity:1}.kbd-fab-icon{width:20px;height:20px}.kbd-fab-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.kbd-fab-auto{display:none}@media (max-width: 640px),(hover: none){.kbd-fab-auto{display:flex}}@media (max-width: 640px),(hover: none){.kbd-omnibar-backdrop{padding-top:0;align-items:stretch}.kbd-omnibar{width:100%;max-width:none;height:100%;border-radius:0;display:flex;flex-direction:column}.kbd-omnibar-input{padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));font-size:1.125rem}.kbd-omnibar-results{flex:1;max-height:none}.kbd-omnibar-result{padding:14px 16px}.kbd-omnibar-result-label{font-size:1rem}.kbd-lookup-backdrop{padding-top:0;align-items:stretch}.kbd-lookup{width:100%;max-width:none;max-height:none;height:100%;border-radius:0}.kbd-lookup-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.kbd-lookup-hint{display:none}.kbd-lookup-results{flex:1}.kbd-lookup-result{padding:12px 16px}.kbd-lookup-labels{font-size:1rem}.kbd-sequence-backdrop{padding-top:0;align-items:flex-end}.kbd-sequence{width:100%;max-width:none;border-radius:var(--kbd-radius) var(--kbd-radius) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}}.kbd-mobile .kbd-omnibar-backdrop,.kbd-mobile .kbd-lookup-backdrop{padding-top:0;align-items:stretch}.kbd-mobile .kbd-omnibar,.kbd-mobile .kbd-lookup{width:100%;max-width:none;max-height:none;height:100%;border-radius:0}.kbd-mobile .kbd-omnibar{display:flex;flex-direction:column}.kbd-mobile .kbd-omnibar-input{padding-top:calc(16px + env(safe-area-inset-top,0px))}.kbd-mobile .kbd-omnibar-results,.kbd-mobile .kbd-lookup-results{flex:1;max-height:none}.kbd-mobile .kbd-lookup-header{padding-top:calc(12px + env(safe-area-inset-top,0px))}.kbd-mobile .kbd-lookup-hint{display:none}.image-gallery{position:fixed;left:0;top:0;bottom:0;width:120px;background:#0f2031f2;border-right:1px solid #3a7982;display:flex;flex-direction:column;z-index:50;overflow:hidden}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #3a7982;flex-shrink:0}.gallery-title{font-size:11px;color:#8ab;text-transform:uppercase;letter-spacing:.5px}.gallery-refresh{background:none;border:none;color:#5ab;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:background-color .15s,color .15s}.gallery-refresh:hover{background:#5aaabb33;color:#fff}.gallery-items{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:8px}.gallery-item{cursor:pointer;border-radius:4px;background:#1a3a4a80;border:1px solid transparent;transition:border-color .15s,background-color .15s;overflow:hidden}.gallery-item:hover{border-color:#5ab;background:#1a3a4acc}.gallery-item.active{border-color:#5ab;background:#5aaabb26}.gallery-thumbnail{position:relative;width:100%;aspect-ratio:1;background:#0a1a24;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.thumbnail-placeholder{color:#5ab;font-size:12px}.gallery-delete{position:absolute;top:2px;right:2px;background:#0009;border:none;color:#f66;font-size:14px;line-height:1;width:18px;height:18px;border-radius:3px;cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s}.gallery-item:hover .gallery-delete{opacity:1}.gallery-delete:hover{background:#ff64644d;color:#fff}.gallery-info{padding:6px;display:flex;flex-direction:column;gap:2px}.gallery-basename{font-size:10px;color:#bbebd8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.gallery-basename:hover{color:#fff}.gallery-dims{font-size:9px;color:#6a9;font-family:monospace}.gallery-edit-input{width:100%;background:#1a3a4a;border:1px solid #5ab;border-radius:2px;color:#bbebd8;font-size:10px;padding:2px 4px;outline:none}.gallery-items::-webkit-scrollbar{width:6px}.gallery-items::-webkit-scrollbar-track{background:#0f203180}.gallery-items::-webkit-scrollbar-thumb{background:#3a7982;border-radius:3px}.gallery-items::-webkit-scrollbar-thumb:hover{background:#5ab}body:has(.image-gallery) .IV{margin-left:120px}@media all and (max-width: 600px){.image-gallery{width:100px}body:has(.image-gallery) .IV{margin-left:100px}}.IV{background-color:#0f2031;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center}.IV.dragging:after{content:"Drop image here";position:fixed;inset:0;background:#0f2031e6;border:4px dashed #5ab;display:flex;align-items:center;justify-content:center;font-size:24px;color:#bbebd8;z-index:100;pointer-events:none}.canvas-container{display:flex;align-items:flex-start;justify-content:center;padding:1em 1em 0;width:100%}.controls-wrapper{padding:12px 2em;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;background-color:#0f2031;border-top:1px #3a7982 solid;width:100%}.nav-wrapper{text-align:center;padding:17px 2em}.light-bg{background-color:#0f2031;border-bottom:1px #3a7982 solid;border-top:1px #3a7982 solid}.control-wrapper{display:inline-block;width:120px;margin-right:20px;vertical-align:middle}.control-label{max-width:90px;float:left;display:block;font-size:11px;color:#bbebd8}.file-label{cursor:pointer;font-size:13px;text-align:center;width:100%}.file-label:hover{color:#fff}.file-input{display:none}.selection-label{max-width:90px;float:left;display:block;font-size:15px;color:#bbebd8;cursor:pointer}.control-slider{display:block;float:left;border:0;width:120px;height:1px;margin-top:6px;background:#ddd;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-number{display:block;color:#bbebd8;float:right;border:0;max-width:40px;font-family:sans-serif;background-color:transparent;font-size:11px}.sites-control,.sites-control .control-slider{width:140px}.seed-control{width:100px}.seed-input{width:60px;background:#1a3a4a;border:1px solid #3a7982;border-radius:2px;color:#bbebd8;font-family:monospace;font-size:11px;padding:2px 4px;margin-top:2px}.seed-input:focus{outline:none;border-color:#5ab}.fps-label{font-family:monospace;color:#5ab;font-size:14px}.checkbox{cursor:pointer}.output-button{background-color:#244d8a;padding:5px 12px;display:inline-block;color:#c6dad3;font-weight:400;border-radius:2px;cursor:pointer;border:0;font-family:sans-serif;font-size:12px;text-decoration:none;line-height:normal}.output-button:hover{background-color:#06f;color:#fff}.icon-button{background:transparent;border:none;cursor:pointer;padding:4px;color:#bbebd8;font-size:20px;line-height:1;border-radius:4px;transition:background-color .15s,color .15s}.icon-button:hover{background-color:#5aaabb33;color:#fff}.icon-button svg{width:20px;height:20px;fill:currentColor}.control-group{display:flex;align-items:center;gap:6px}.control-group .control-label{float:none;margin:0}.slider-group{display:flex;align-items:center;gap:6px}.slider-group .control-slider{float:none;margin:0;width:80px}.slider-group .control-number{float:none;min-width:32px;text-align:left}.slider-group .sites-display{min-width:48px}.canvas-wrapper{width:100%;position:relative;line-height:1.7;padding-top:3%;padding-bottom:2%;text-align:center}.canvas{justify-content:center;align-items:center;max-width:90%;max-height:calc(100vh - 120px);object-fit:contain}.fps-display{font-family:monospace;color:#5ab;font-size:12px;min-width:50px}.image-info{border-right:1px solid #3a7982;padding-right:12px;margin-right:4px}.image-meta{font-size:11px;color:#8ab;display:flex;flex-direction:column;gap:2px;line-height:1.2}.image-filename{color:#bbebd8;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-filename-input{background:transparent;border:1px solid transparent;border-radius:2px;color:#bbebd8;font-size:11px;padding:1px 4px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.image-filename-input:hover{border-color:#3a7982}.image-filename-input:focus{outline:none;border-color:#5ab;background:#1a3a4a}.format-select{background:#1a3a4a;border:1px solid #3a7982;border-radius:2px;color:#bbebd8;font-size:11px;padding:2px 4px;cursor:pointer}.format-select:focus{outline:none;border-color:#5ab}.image-dims{font-family:monospace;font-size:10px}.image-pixels{font-family:monospace;font-size:10px;color:#6a9}.scale-select{background:#1a3a4a;border:1px solid #3a7982;border-radius:2px;color:#bbebd8;font-size:10px;padding:2px 4px;margin-top:4px;cursor:pointer}.scale-select:focus{outline:none;border-color:#5ab}.sites-display{white-space:nowrap}.sites-current{color:#5ab}.sites-arrow{color:#666;margin:0 2px}.sites-target{color:#bbebd8}@media all and (max-width: 860px){.nav-wrapper{text-align:center}.control-wrapper{margin-bottom:10px}.controls-wrapper{padding:10px 1em;gap:6px 12px}.slider-group .control-slider{width:60px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#666;line-height:18px;font-size:14px;background-color:#0f2031}a{color:#06f;text-decoration:none}a:hover{text-decoration:underline}