.native-inspector{min-width:0}.native-stage{min-height:280px;height:min(58vh,560px);position:relative;overflow:hidden;margin:14px;border:1px solid #b8b4aa;border-radius:7px;background-color:#eeeae3;background-image:repeating-conic-gradient(#e7e3dc 0% 25%,transparent 0% 50%);background-size:24px 24px}.native-stage :is(img,canvas){position:absolute;inset:3%;image-rendering:pixelated;width:94%;height:94%;max-width:94%;max-height:94%;object-fit:contain}.native-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.native-controls label{font-size:12px;display:flex;align-items:center;gap:7px}.native-controls button,.native-downloads a:where(:not(.download)){min-height:44px;border:1px solid #8b8981;border-radius:4px;background:#f7f4ec;color:#282b2a;font:inherit;padding:5px 9px}.native-controls button:not(:disabled),.native-downloads a{cursor:pointer}.native-controls :focus-visible{outline:3px solid #586a98;outline-offset:2px}.native-frame-controls{display:flex;align-items:center;gap:5px;flex:1 1 320px}.native-scrubber{flex:1;min-width:70px}.native-scrubber input{width:100%;min-width:50px}.native-frame-controls output{min-width:70px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.native-downloads{display:flex;flex-wrap:wrap;gap:6px;width:100%}.native-downloads a{text-decoration:none;display:inline-flex;align-items:center;font-size:12px}.native-inspector [hidden]{display:none}[data-native-status]{font-size:12px;color:#555851;overflow-wrap:anywhere;margin:8px 0}.native-inspector [data-native-status][data-error=true]{color:#8b241f}@media(max-width:520px){.native-stage{min-height:220px;height:42vh}.native-frame-controls{flex-basis:100%}}nav.native-collection-link{display:flex;flex-wrap:wrap;gap:8px 16px}.native-picker{position:relative;width:100%;min-width:0}.native-controls .native-picker-trigger{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:8px 12px}.native-picker-trigger>span:first-of-type{flex:1;min-width:0}.native-picker strong,.native-picker small{display:block;overflow-wrap:anywhere}.native-picker small{font-size:11px;color:#555851;margin-bottom:3px}.native-picker strong{font-size:13px}.native-picker img{object-fit:contain;image-rendering:pixelated;flex:0 0 48px;width:48px;height:48px}.native-picker-panel{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;padding:12px;border:2px solid #8b8981;border-radius:4px;background:#eeeae3;box-shadow:4px 4px #0003}.native-controls .native-picker-search{display:grid;gap:5px}.native-picker-search input{width:100%;min-height:44px;box-sizing:border-box;font:inherit;padding:8px;border:1px solid #8b8981;border-radius:3px;background:#fffdf7}.native-picker-results{display:grid;gap:5px;max-height:min(40vh,360px);overflow-y:auto;overscroll-behavior:contain}.native-controls .native-picker-option{display:flex;align-items:center;text-align:left;gap:10px;width:100%;min-width:0}.native-picker-option>span{min-width:0}.native-controls .native-picker-option[aria-pressed=true]{border:2px solid #586a98;background:#e2e7ef}.native-picker-pages{display:flex;justify-content:space-between;gap:8px;margin-top:10px}[data-native-results-status]{font-size:12px;margin:8px 0}[data-native-play]{flex:0 0 44px}.native-controls button:disabled{cursor:default;opacity:.6}.native-scrubber input{min-height:44px;accent-color:#586a98}[data-native-status]:empty{display:none}.native-stage[aria-busy=true] img{opacity:.5}[data-native-retry]{min-height:44px;padding:8px 12px;cursor:pointer}
