:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#140400;color:#f4fafb}*{box-sizing:border-box}body{margin:0}header{height:78px;border-bottom:1px solid #39476b;display:flex;align-items:center;justify-content:space-between;padding:0 36px}header span{color:#c8ddf9;font-size:14px}.brand{text-decoration:none;color:inherit;font-size:18px;font-weight:650}.brand b{color:#c8ddf9;font:24px monospace;margin-right:12px}main{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 78px)}aside{border-right:1px solid #39476b;padding:28px 24px}section+section{margin-top:30px;padding-top:28px;border-top:1px solid #39476b}.section-label{font:12px monospace;letter-spacing:2px;color:#c8ddf9;margin-bottom:20px}.drop{border:1px dashed #c8ddf9;background:#39476b;border-radius:10px;text-align:center;padding:27px 10px;display:flex;flex-direction:column;gap:9px;cursor:pointer}.drop:hover,.drop.over{border-color:#c8ddf9}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:2px solid #c8ddf9}.drop strong{color:#f4fafb;font-size:17px}.drop span{font-size:14px;color:#f4fafb}small{font-size:12px;color:#c8ddf9;line-height:1.6}.original{margin-top:16px}#original{max-width:100%;max-height:180px;object-fit:contain;border-radius:6px;background:#140400}#imageInfo{font-size:12px;color:#c8ddf9;overflow-wrap:anywhere}label:not(.drop){display:block;font-size:14px;margin:16px 0 9px}label small{margin-left:5px}select,textarea,input[type=number]{background:#140400;border:1px solid #39476b;border-radius:6px;color:#f4fafb;padding:10px;font:14px system-ui;width:100%}textarea{font:16px/1.5 monospace;resize:vertical}textarea:focus,select:focus,input:focus{outline:2px solid #c8ddf9;outline-offset:2px}.width-control{display:flex;gap:12px;align-items:center}.width-control input[type=number]{width:80px}input[type=range]{width:100%;accent-color:#c8ddf9}.check{display:flex!important;align-items:center;gap:7px}input[type=checkbox]{accent-color:#c8ddf9;width:18px;height:18px}button{border:1px solid #c8ddf9;border-radius:7px;background:#39476b;color:#f4fafb;padding:11px 18px;font:600 14px system-ui;cursor:pointer}button:hover{border-color:#f4fafb}button:disabled{background:#39476b;color:#c8ddf9;border-color:#39476b;cursor:default}.primary{background:#c8ddf9;color:#140400;border:0;width:100%;margin-top:14px;padding:14px}#status{font-size:13px;color:#c8ddf9;min-height:36px;line-height:1.6}progress{width:100%;accent-color:#c8ddf9;margin-top:15px}article{padding:32px;min-width:0;display:flex;flex-direction:column}.result-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.result-head .section-label{margin-bottom:9px}h1{font-size:23px;letter-spacing:-1px;margin:0;font-weight:550}#resultWrap{min-height:520px;flex:1;background:#140400;border:1px solid #39476b;border-radius:10px;overflow:auto;padding:24px}#empty{text-align:center;color:#c8ddf9;padding-top:130px}#empty>span{font:64px monospace;letter-spacing:5px;color:#39476b}#empty h2{font-size:18px;font-weight:500;color:#f4fafb}#empty p{font-size:14px}pre{font:12px/14.4px monospace;letter-spacing:0;white-space:pre;margin:0;color:#f4fafb;font-variant-ligatures:none}footer{display:flex;justify-content:space-between;gap:16px;color:#c8ddf9;font-size:12px;padding-top:16px}@media(max-width:760px){header{padding:0 20px}header>span{display:none}main{display:block}aside{border-right:0;border-bottom:1px solid #39476b;padding:20px}article{padding:20px}#resultWrap{min-height:360px}#empty{padding-top:65px}.result-head{align-items:flex-end}h1{font-size:20px}}

.check:has(input:disabled){color:#c8ddf9}pre .art-cell{display:inline-block;width:.6em;height:1.2em;line-height:1.2em;vertical-align:top;text-align:center;overflow:hidden;white-space:pre}

input[type=checkbox]{appearance:none;background:#140400;border:1px solid #c8ddf9;border-radius:3px;display:grid;place-content:center;flex-shrink:0}input[type=checkbox]:checked{background:#c8ddf9}input[type=checkbox]:checked::after{content:"";width:8px;height:4px;border-left:2px solid #140400;border-bottom:2px solid #140400;transform:rotate(-45deg)}input[type=checkbox]:disabled{border-color:#39476b;background:#39476b}input[type=range]{appearance:none;background:transparent;height:20px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#39476b;border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#c8ddf9;margin-top:-6px}input[type=range]::-moz-range-track{height:4px;background:#39476b}input[type=range]::-moz-range-thumb{border:0;width:16px;height:16px;border-radius:50%;background:#c8ddf9}progress{appearance:none;background:#39476b;border:0}progress::-webkit-progress-bar{background:#39476b}progress::-webkit-progress-value{background:#c8ddf9}progress::-moz-progress-bar{background:#c8ddf9}

.density-control{display:flex;gap:8px;padding:8px;border:1px solid #39476b;border-radius:7px}.density-control input{min-width:0;text-align:center;appearance:textfield;-moz-appearance:textfield}.density-control input::-webkit-inner-spin-button,.density-control input::-webkit-outer-spin-button{appearance:none;margin:0}.density-control button{padding:8px 14px;font-size:20px}.density-control.is-disabled{background:#39476b;border-style:dashed}.density-control.is-disabled input,.density-control.is-disabled button{background:#39476b;color:#c8ddf9;border-color:#39476b;cursor:not-allowed}.density-notice{font-size:12px;color:#c8ddf9;line-height:1.6;margin:6px 0 0}.density-control.is-disabled+.density-stats{color:#c8ddf9}

.check{display:grid!important;grid-template-columns:18px max-content minmax(0,1fr);column-gap:8px;row-gap:4px;align-items:start}.check input{margin:1px 0 0}.check-title{white-space:nowrap;line-height:1.5}.check small{min-width:0;margin-left:0;word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}aside{min-width:0}aside>section>small{display:block;word-break:keep-all;overflow-wrap:anywhere}.brand{line-height:1.4}footer span{min-width:0;overflow-wrap:anywhere}@media(max-width:360px){.check small{grid-column:2/4}.brand{font-size:16px}.brand b{margin-right:7px}header{padding:0 16px}}

#language{width:auto;max-width:145px;padding:7px;font-size:13px;margin-inline-start:12px}header{gap:12px}.check{grid-template-columns:18px minmax(0,max-content) minmax(0,1fr)}.check-title{white-space:normal;word-break:keep-all}html[dir=rtl] aside{border-right:0;border-left:1px solid #39476b}#output,#chars,#resultInfo{direction:ltr;text-align:left;unicode-bidi:isolate}html[dir=rtl] .density-control{direction:ltr}@media(max-width:760px){html[dir=rtl] aside{border-left:0}}@media(max-width:420px){header{padding:0 12px}.brand{font-size:15px}#language{max-width:110px;margin-inline-start:0}.check small{grid-column:2/4}}

.ad-zone{margin:24px auto;padding:12px 24px;max-width:1100px;width:100%;clear:both}.ad-zone>span{display:block;text-align:center;color:#c8ddf9;font-size:11px;margin-bottom:8px}.ad-top{min-height:132px}.ad-bottom{min-height:292px}.ad-preview{border:1px dashed #39476b;border-radius:8px}.ad-top .ad-reserved{height:90px}.ad-bottom .ad-reserved{height:250px}.site-info{max-width:1100px;margin:24px auto;padding:24px;color:#f4fafb;line-height:1.8;border-top:1px solid #39476b}.site-info h2{font-size:19px}.site-info a{color:#c8ddf9}.site-info nav{overflow-wrap:anywhere;font-size:13px}.policy{max-width:800px;margin:40px auto;padding:24px;line-height:1.8;color:#f4fafb;background:#140400;font-family:system-ui,sans-serif}.policy a{color:#c8ddf9}@media(max-width:760px){.ad-zone{padding:12px 20px}.ad-top{min-height:142px}}