:root{--ink:#07172b;--blue:#0758bd;--sky:#dceaf8;--gray:#c8ced4;--line:#6c7884}.flip-shell{min-height:100vh;color:var(--ink);background-color:#0f7187;background-image:linear-gradient(45deg,#ffffff0b 25%,#0000 25% 75%,#ffffff0b 75%),linear-gradient(45deg,#ffffff0b 25%,#0000 25% 75%,#ffffff0b 75%);background-position:0 0,16px 16px;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:22px;font:13px Arial,sans-serif}.flip-shell>header,.flip-window{width:min(1100px,100%);margin:auto}.flip-shell>header{color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;display:grid}.flip-shell>header a{color:#fff;font-weight:700}.flip-shell>header div{text-align:center}.flip-shell>header b{letter-spacing:-2px;font:900 30px Arial Black,Arial,sans-serif;display:block}.flip-shell>header span{letter-spacing:.2em;font-size:9px}.flip-shell>header i{color:#6dff91;justify-self:end;font-size:10px;font-style:normal}.flip-window{background:#e7ebee;border:2px solid #fff;box-shadow:0 0 0 2px #233748,10px 10px #073947}.flip-window nav{background:#f1f3f4;border-bottom:1px solid #78818a;padding:7px 12px}.flip-toolbar{background:#c9ced2;border-bottom:2px solid #7a858e;gap:7px;padding:9px;display:flex}.flip-toolbar button,.flip-list button{background:linear-gradient(#fff,#cbd1d5);border:1px solid #4f5a62;padding:8px 12px;box-shadow:inset 1px 1px #fff}.flip-toolbar span{color:#075421;margin-left:auto;padding:8px;font-weight:700}.flip-drop{color:#123b61;background:#f8fcff;border:3px dashed #5484ad;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 24px);min-height:165px;margin:12px;display:flex}.flip-drop strong{font:900 clamp(24px,5vw,42px) Arial Black,Arial,sans-serif}.flip-drop span{font-size:15px}.flip-drop small{color:#637487;margin-top:13px}.flip-list{background:#fff;border:1px solid #5c6871;min-height:260px;margin:12px}.flip-head,.flip-list article{grid-template-columns:minmax(180px,2fr) 80px 140px minmax(100px,1fr) 42px;align-items:center;gap:8px;display:grid}.flip-head{color:#fff;background:#0758bd;padding:7px;font-size:10px;font-weight:700}.flip-list article{border-bottom:1px solid #c7ced4;padding:8px}.flip-list article b,.flip-list article small{text-overflow:ellipsis;display:block;overflow:hidden}.flip-list article small{color:#71808d;margin-top:3px}.flip-list select{background:#fff;border:1px solid #667582;padding:7px}.flip-list code{font-weight:700}.flip-list .status{font-size:10px;font-weight:700}.status.ready{color:#315b8c}.status.working{color:#8d6900}.status.done{color:#08712d}.status.failed{color:#a21621}.flip-empty{text-align:center;color:#76848f;padding:70px 20px}.flip-window footer{background:#c9ced2;border-top:1px solid #77838c;align-items:center;gap:15px;padding:12px;display:flex}.flip-window footer div{color:#43515c;flex:1}.flip-convert{color:#fff;background:linear-gradient(#237fe6,#0752ab);border:2px solid #042d5d;padding:13px 20px;font-weight:900;box-shadow:inset 1px 1px #75b7ff}.flip-convert:disabled{filter:grayscale();opacity:.55}@media (width<=700px){.flip-shell{padding:8px}.flip-shell>header{grid-template-columns:1fr 1fr}.flip-shell>header>i{display:none}.flip-shell>header div{text-align:right}.flip-head{display:none}.flip-list article{grid-template-columns:1fr 70px 38px}.flip-list article>div{grid-column:1/-1}.flip-list article .status{grid-column:1/3}.flip-window footer{display:block;position:sticky;bottom:0}.flip-window footer div{margin-bottom:9px}.flip-convert{width:100%}}:where(.flip-window footer){justify-content:flex-end}