*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;font-family:system-ui,sans-serif;color:#252a32;background:#f5f6f8}header{height:48px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #dfe1e5}.brand{font-weight:700;text-decoration:none;color:inherit;margin-right:12px}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
.tab-strip{display:flex;align-self:stretch;align-items:center;flex:1;min-width:0;gap:4px}#tabs{display:flex;align-self:stretch;align-items:end;overflow-x:auto;flex:0 1 auto;min-width:0;gap:4px;scrollbar-width:thin}.tab{display:flex;align-items:center;flex-shrink:0;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;height:39px;max-width:210px}.tab.active{background:white;border-color:#dfe1e5}.tab [role=tab]{padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.close{width:28px;height:28px;flex-shrink:0;color:#777}#new{font-size:25px;width:36px;height:36px;flex-shrink:0}#example,#history-button{font-size:13px;white-space:nowrap;padding:8px}button:hover{background:#e9edf3}button:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}main{position:relative;flex:1;min-height:0}iframe{border:0;width:100%;height:100%;display:block}iframe[hidden]{display:none}
#history-menu{position:fixed;inset:54px 12px auto auto;margin:0;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 70px);overflow:auto;border:1px solid #dfe1e5;border-radius:8px;box-shadow:0 8px 28px #0002;background:white;color:inherit;padding:12px}.history-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}.history-heading button{width:32px;height:32px;font-size:21px}#history-search{width:100%;padding:9px 10px;border:1px solid #dfe1e5;border-radius:4px;font:inherit;font-size:13px}#history-status{font-size:13px;color:#68717c;margin:10px 0}#history-status:empty{display:none}.history-row{display:block;width:100%;text-align:left;padding:11px 8px;border-bottom:1px solid #eef0f2}.history-row strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row small{display:block;font-size:12px;color:#727985;margin-top:5px}.history-group{font-size:12px;color:#727985;margin:14px 8px 2px}
#account-name{font-size:12px;color:#68717c;white-space:nowrap;border-left:1px solid #dfe1e5;padding-left:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis}#logout{font-size:13px;white-space:nowrap;padding:8px}
#case-pack-entry{border-top:1px solid #dfe1e5;margin-top:12px;padding-top:12px;font-size:13px}#case-pack-entry [data-open],#case-pack-entry [data-import]{display:block;width:100%;text-align:left;overflow-wrap:anywhere;padding:8px 0;color:#285cac;text-decoration:none}#case-pack-entry [hidden]{display:none}#case-pack-entry p{color:#68717c;margin:6px 0}#case-pack-entry p:empty{display:none}#case-pack-entry div{display:flex;flex-wrap:wrap;gap:16px}#case-pack-entry div button,#case-pack-entry div a{font:inherit;padding:6px 0;color:#285cac;text-decoration:none}#case-pack-entry button:disabled{opacity:.5;cursor:wait}
@media(max-width:620px){header{padding:0 6px;gap:3px;flex-wrap:wrap;height:auto;min-height:78px}.brand{font-size:13px;margin-right:3px}.tab-strip{order:1;flex-basis:100%;height:38px}.tab{max-width:140px;height:36px}#example{margin-left:auto}#example,#history-button,#logout{font-size:12px;padding:5px}#new{width:30px}#account-name{padding-left:5px}#history-menu{top:84px}}
#story-button{font-size:13px;white-space:nowrap;padding:8px;color:#245bb2}@media(max-width:620px){#story-button{font-size:12px;padding:5px}}