html{background:#f5f7fa;color:#263238}body,input,button,select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}body{margin:0}.mdui-container{max-width:1120px;padding:0 20px}.mdui-toolbar{max-width:1160px;margin:auto}.mdui-toolbar-spacer{text-align:right;font-size:14px;opacity:.85}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 18px}h1{font-size:26px;font-weight:500;margin:0 0 6px}.intro p{margin:0;color:#607d8b}.timezone,.muted{font-size:13px;color:#60717c}.regions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.regions .mdui-btn{min-width:64px;border-radius:4px}.message{padding:12px 16px;background:#e1f5fe;color:#24546b;border-radius:4px;margin-bottom:16px;line-height:1.6}.message.error{background:#fff3e0;color:#8d4c00}.mdui-card{border-radius:6px;box-shadow:0 1px 4px #16364d21;margin-bottom:20px;overflow:hidden}.viewer-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-heading{padding:10px 16px;border-bottom:1px solid #edf1f4;min-height:40px}.viewer-heading strong{font-size:17px;font-weight:500;display:inline-block;margin-right:12px}.image-actions{display:flex;flex-shrink:0}.image-stage{position:relative;background:#eef2f5;min-height:280px;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-stage img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;background:white}.image-stage img[hidden],[hidden]{display:none!important}.image-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:#60717c;max-width:100%;box-sizing:border-box}.image-stage[aria-busy=true]{cursor:progress}.player{padding:16px 20px}.timeline-label{display:flex;justify-content:space-between;gap:12px;font-size:13px}.mdui-slider{margin:4px 0}.playbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.transport{display:flex;align-items:center;gap:6px}.transport .mdui-btn{min-width:0}.transport #play{min-width:100px}.transport .mdui-btn-icon{min-width:40px}.settings,.history{padding:20px}.section-heading h2{font-size:18px;font-weight:500;margin:0}.quick-ranges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:16px 0 0}.quick-ranges .mdui-btn{min-width:64px}.fields{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:20px}.mdui-textfield-input{box-sizing:border-box;min-width:0}.filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.help{line-height:1.8;margin-bottom:0}.history .mdui-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;padding:0}.history .mdui-list-item{min-height:44px;padding:8px 12px;font-size:14px;border-radius:4px;justify-content:space-between;gap:8px}.history .mdui-list-item .material-icons{font-size:17px;color:#78909c}.history a{text-decoration:none;color:inherit}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}footer{text-align:center;font-size:12px;line-height:1.9;color:#6b7d87;padding:10px 0 28px}footer a{color:#0277bd}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #0277bd;outline-offset:3px}.viewer:fullscreen{background:white;width:100%;height:100%;display:flex;flex-direction:column;margin:0;border-radius:0}.viewer:fullscreen .image-stage{flex:1;min-height:0}.viewer:fullscreen .image-stage img{max-height:100%;height:100%;max-width:100%;object-fit:contain}.viewer:fullscreen .viewer-heading,.viewer:fullscreen .player{flex-shrink:0}
@media(max-width:700px){.mdui-container{padding:0 12px}.intro{padding-top:22px;align-items:flex-start;flex-direction:column;gap:8px}.intro h1{font-size:24px}.regions{gap:6px}.regions .mdui-btn{flex:1 0 20%;min-width:56px}.fields{grid-template-columns:1fr 1fr;gap:0 16px}.settings,.history{padding:16px}.history .mdui-list{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-heading{padding:8px 12px}.viewer-heading strong{font-size:15px;display:block;margin:0}.viewer-heading #frame-count{display:block;margin-top:4px}.player{padding:12px}.playbar{align-items:flex-start;flex-direction:column;gap:8px}.timeline-label{flex-direction:column;gap:5px}.image-stage{min-height:220px}.section-heading{flex-wrap:wrap}.brand{display:none}.mdui-toolbar .mdui-typo-title{flex:1}.quick-ranges .mdui-btn{min-width:52px;padding:0 10px}.help{font-size:12px}.history .mdui-list-item{padding:8px 6px;font-size:12px}.history .mdui-list-item .material-icons{display:none}}
body{background:#f5f7fa}.history .mdui-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain}.history .mdui-list-item{box-sizing:border-box}.history .mdui-list li{list-style:none}.history .mdui-list:before,.history .mdui-list:after{display:none}
@media(max-width:700px){.fields .mdui-textfield:nth-child(-n+2){grid-column:1/-1}.history .mdui-list{max-height:300px}}
@media(max-width:359px){.fields{grid-template-columns:1fr}.transport{gap:0}.transport #play{min-width:80px}.history .mdui-list{grid-template-columns:1fr}.timezone{font-size:12px}}

.media-progress{margin-top:14px}.media-progress p{font-size:13px;color:#526773;line-height:1.6;margin:0 0 8px}.gif-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f4}.gif-tools label{font-size:13px;color:#526773}.gif-tools .mdui-select{margin-left:8px}.gif-tools .mdui-btn{min-width:0}