@font-face{font-family:ES1Value;src:url('../../fonts/DejaVuSans.ttf')}*{box-sizing:border-box}body{margin:0;background:#0c1010;color:#eee5d4;font:14px ES1Value,Arial,sans-serif}.demo-toolbar{display:flex;gap:14px;align-items:center;padding:12px 18px;min-height:58px}.demo-toolbar span{flex:1;color:#a9ada5;font-size:12px}.demo-toolbar button,dialog button{background:#272c29;color:#efdfc4;border:1px solid #6c7168;border-radius:5px;padding:8px 12px;cursor:pointer}#viewport{position:relative;width:100%;overflow:hidden}#stage{position:absolute;left:0;top:0;transform-origin:0 0;background-size:100% 100%;font-size:20px}#status{padding:12px 18px;color:#bfc1b4;min-height:42px;font-size:12px}.hit,.live,.search,.list,.chip,.nav,.tab,.menu-row{position:absolute}.hit{border:0;background:transparent;color:transparent;cursor:pointer;padding:0}.hit:hover{box-shadow:inset 0 0 0 1px #dcac63;background:#ffd0870a;border-radius:5px}.hit:focus-visible,button:focus-visible,input:focus-visible,.row:focus-visible{outline:2px solid #f3c77d;outline-offset:-2px}.live{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;color:#f3e8d4;pointer-events:none}.muted{color:#babdb3}.search{border:0;background:transparent;color:#efe6d7;font:20px ES1Value,Arial;outline:none;padding:0 8px}.search::placeholder{color:#a7aba3}.nav,.chip,.tab{border:0;background:transparent;color:#f0e5d0;font:20px ES1Value,Arial;cursor:pointer;text-align:left;padding:0 26px}.nav{display:flex;align-items:center;justify-content:space-between}.nav .count{color:#d3c8b6;font-size:19px}.nav.selected{background:url('../png/1x/states/navigation-row-selected.png') center/100% 100%;color:#ffd17c}.chip{font-size:17px;padding:0;text-align:center;border-radius:5px}.chip.selected{box-shadow:inset 0 0 0 1px #ffbf5e;background:#92651a33;color:#ffdb8b}.list{overflow:auto;scrollbar-width:thin;scrollbar-color:#6c7168 #232825}.row{position:relative;height:44px;display:grid;grid-template-columns:87px 307px 177px 166px;align-items:center;border:0;background:transparent;color:#f1e8d6;cursor:pointer;width:100%;font:20px ES1Value,Arial;text-align:left;padding:0}.row.selected{background:url('../png/1x/states/table-row-selected.png') center/100% 100%;color:#ffd07a}.row:hover:not(.selected){background:#ffcf760b}.row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:17px}.row .bank,.row .author{color:#b5b9af}.row.selected .bank,.row.selected .author{color:#e7c174}.star-button{background:none;border:0;cursor:pointer;color:#e6dbc5;font-size:31px;padding:0;width:50px;height:42px;justify-self:center}.star-button.on{color:#ffbf58}.details-title{font-size:34px;font-weight:bold;letter-spacing:-1px}.description{white-space:normal;align-items:flex-start;line-height:1.45;font-size:20px}.tag{justify-content:center;font-size:16px}.count-info{font-size:16px;color:#b0b5aa}.empty{padding:50px 24px;text-align:center;color:#c7c6b6;font-size:18px}.menu{position:absolute;width:452px;height:628px;background:url('../png/1x/dropdown/skin-live-tabs.png');background-size:100% 100%;box-shadow:0 12px 30px #0007;border-radius:9px;z-index:3}.menu .search{font-size:18px}.tab{font-size:18px;text-align:center;padding:0}.tab.selected{border-bottom:2px solid #f8bb58;color:#ffcf76}.menu-list{position:absolute;overflow:auto;scrollbar-width:thin;scrollbar-color:#626a60 #232825}.menu-row{position:relative;height:43px;width:100%;display:flex;align-items:center;cursor:pointer;padding:0 10px;gap:10px;font-size:18px}.menu-row:hover{background:#b8812736}.menu-row .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-row .cat{font-size:16px;color:#b5b9ad}.menu-row .star-button{font-size:25px;flex:0 0 40px}.menu-heading{font-size:16px;letter-spacing:2px;color:#bfc1b2}.menu-check{color:#ffcd77;font-size:26px}.menu-current{font-size:21px;color:#ffcf7f}.reference-image{position:absolute;inset:0;width:100%;height:100%;z-index:8;object-fit:contain;background:#141818}.header-name{font-size:24px}.header-star{position:absolute;background:#171c19;border-radius:5px;border:1px solid #72776c;color:#eee6d3;font-size:31px;cursor:pointer}.header-star.on{color:#ffc364}dialog{background:#202524 url('../png/1x/browser/texture.png');color:#efe7d6;border:1px solid #83867c;border-radius:10px;width:540px;max-width:94vw;padding:26px;box-shadow:0 20px 70px #000b}dialog::backdrop{background:#0007}dialog h2{margin:0 0 18px;font-size:22px;letter-spacing:2px}dialog p,dialog small{color:#c1c4b6;line-height:1.5}dialog label{display:flex;flex-direction:column;gap:8px;margin:16px 0}dialog input,dialog select,dialog textarea{border:1px solid #60685b;border-radius:4px;background:#141a16;color:#f2e8d4;padding:10px;font:16px ES1Value;min-width:0}dialog textarea{height:85px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog .primary{background:#e9ad4a;color:#171a14}.notice-link{color:#f4c075}

.list::-webkit-scrollbar{width:17px}.list::-webkit-scrollbar-track{background:#232825}.list::-webkit-scrollbar-thumb{background:#6c7168;border:3px solid #232825;border-radius:8px}
.preview-view{position:relative;background-size:100% 100%;background-repeat:no-repeat}
