@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);:root{--button-theme-bg:var(--base2);--button-theme-bg-hover:var(--base3);--button-theme-border:var(--base0);--button-theme-icon:var(--base00);--yellow2:#b589008f;--orange2:#cb4b168f;--red2:#dc322f8f;--magenta2:#d336828f;--violet2:#6c71c48f;--blue2:#268bd28f;--cyan2:#2aa1988f;--green2:#8599008f;--font-display:'CityBrawlers','Orbitron',sans-serif;--font-body:'Roboto','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}body{font-family:var(--font-body);background:var(--bg-color);color:var(--text-color);line-height:1.4;padding:2rem;transition:background .3s,color .3s}.controls{position:fixed;top:1rem;right:1rem;z-index:10}#theme-toggle{background-color:var(--accent-color);color:var(--card-bg-color);border:1px solid var(--accent-color);padding:.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s}#theme-toggle:hover{box-shadow:0 0 5px var(--accent-color)}.controls button#theme-toggle{background-color:var(--accent-color);color:var(--card-bg-color)}h1{font-family:var(--font-display);font-size:2rem;text-align:center;color:var(--cyan);margin-bottom:1rem}.sf6title{font-family:var(--font-display);font-size:2.5rem;color:var(--text-color-strong)}.small-text{font-size:.7em;color:var(--text-color-subtle)}form{width:50%;margin:0 auto 1rem;background:var(--bg-color);border:2px solid var(--border-color);border-radius:.8rem;padding:1rem}.form-row,label{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:var(--text-color-strong);margin-bottom:.5rem}.form-row>label{display:inline;margin-bottom:0;font-size:1.2rem;color:var(--text-color-strong)}select#jsonFile{text-align:left}input[type=number],select{background:var(--form-bg);border:1px solid var(--border-color);border-radius:.4rem;color:var(--text-color-strong);padding:.6rem 1rem;font-size:1.1rem;width:14rem;text-align:right}.switch{position:relative;width:4rem;height:2rem;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--border-color);border-radius:2rem;transition:.4s}.slider::before{content:'';position:absolute;width:1.6rem;height:1.6rem;left:.2rem;bottom:.2rem;background:var(--bg-color);border-radius:50%;transition:.4s}input:checked+.slider{background:var(--blue)}input:checked+.slider::before{transform:translateX(2rem)}#advancedOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;width:100%;margin-bottom:.5rem}#advancedOptions>label:nth-child(odd){border-right:1px solid var(--border-color);padding-right:1rem}#advancedOptions>label:nth-child(-n+4){display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;margin:0}button[type=submit]{display:block;width:100%;background:var(--button-bg);border:0;border-radius:.7rem;font-family:var(--font-body);font-size:1.5rem;color:var(--text-color-strong);padding:.4rem;cursor:pointer;transition:background .2s}button[type=submit]:hover{background:var(--button-bg-hover)}button[type=submit]:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}.results{width:100%;background:var(--bg-color);border:2px solid var(--border-color);border-radius:.6rem;padding:1rem;margin-bottom:1rem;font-family:var(--font-body)}.results:empty{display:none}.result-item{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:0}.result-item:hover{background:var(--result-hover-bg)}.results .result-item button{margin-left:auto;margin-right:1rem;background:var(--copy-button-bg);border:1px solid var(--border-color);color:var(--copy-button-text);font-size:1rem;padding:.4rem .8rem;border-radius:.4rem;cursor:pointer;transition:background .3s}.results .result-item button:hover{background:var(--copy-button-bg-hover)}.results .result-item button:active{transform:scale(.96)}.frame-item,.move-item{display:inline-block;margin:.3rem;padding:.4rem .8rem;border-radius:.4rem;font-size:.9rem;font-family:var(--font-body);background:var(--bg-color-alt);border:1px dashed var(--border-color-dashed);color:var(--text-color)}.frame-item.ok{border-color:var(--blue);background:var(--blue2);cursor:pointer}.frame-item.ok:hover{background:var(--blue)}.frame-item.ng{border-color:var(--red);opacity:.6;cursor:not-allowed}.arrow{margin:0 .2rem;font-size:1rem;color:var(--text-color-subtle)}.frame-text{font-size:1.2rem;font-weight:700;margin:0 .6rem;color:var(--text-color)}.advantage{color:var(--blue);font-size:1.3rem;font-weight:700}.tag-any,.tag-key,.tag-n{background:var(--cyan2);border:1px solid var(--cyan);padding:.2rem;color:var(--text-color-strong);font-size:1.2rem}.tag-weak{background:var(--blue2);border:1px solid var(--blue);padding:.2rem;color:var(--text-color-strong);font-size:1.2rem}.tag-medium{background:var(--yellow2);border:1px solid var(--yellow);padding:.2rem;color:var(--text-color-strong);font-size:1.2rem}.tag-strong{background:var(--red2);border:1px solid var(--red);padding:.2rem;color:var(--text-color-strong);font-size:1.2rem}.input-number-wrapper{position:relative;display:inline-block;width:14rem}.input-number-wrapper input[type=number]{width:100%;padding-right:2.5rem;-moz-appearance:textfield}.input-number-wrapper input[type=number]::-webkit-inner-spin-button,.input-number-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number-buttons{position:absolute;right:1px;top:1px;bottom:1px;display:flex;flex-direction:column;width:2rem;border-left:1px solid var(--border-color)}.input-number-button{flex:1;background:0 0;border:none;color:var(--text-color-subtle);cursor:pointer;padding:0;font-size:.8rem;line-height:1}.input-number-button:hover{background:var(--result-hover-bg);color:var(--text-color-strong)}.input-number-button:first-child{border-bottom:1px solid var(--border-color)}.main-header{position:relative;text-align:center}#commit-hash-display{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-color-subtle)}input[type=number]:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text)}.input-number-button:disabled{color:var(--button-disabled-text);cursor:not-allowed;background:0 0}