:root{color:#142c36;font-synthesis:none;background:#eef4f4;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#d4e7e4,#0000 33%),#eef4f4;margin:0}header{color:#fff;background:#102f3a;border-bottom:3px solid #34d0b0;align-items:center;gap:24px;height:84px;padding:0 max(4vw,32px);display:flex}.brand{letter-spacing:2px;font-size:25px;font-weight:900}.brand span{color:#45dfbd}header small{color:#a7bec4;margin-top:4px;display:block}main{min-height:100vh}.layout{grid-template-columns:1.45fr 1fr;gap:20px;max-width:1360px;margin:26px auto;padding:0 24px;display:grid}.panel{background:#fff;border:1px solid #d9e4e4;border-radius:13px;padding:22px;box-shadow:0 8px 30px #31535c12}.sectionTitle{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sectionTitle>div{align-items:center;gap:10px;display:flex}.sectionTitle span{color:#0ca988;border:1px solid #7ad6c5;border-radius:4px;padding:4px;font:700 12px monospace}.sectionTitle h2{margin:0;font-size:17px}.tabs{background:#eef3f3;border-radius:7px;padding:3px}.tabs button{background:0 0;border:0;padding:7px 12px}.tabs .active{color:#087e69;background:#fff;box-shadow:0 1px 4px #0002}.sampleHead,.sample{grid-template-columns:36px 1fr 150px 34px;align-items:center;gap:8px;display:grid}.sampleHead{color:#6d8086;text-transform:uppercase;font-size:11px}.sample{margin:8px 0}.sampleHead.frames,.sample.frames{grid-template-columns:36px 1fr 34px}.sampleHead.frames span:last-child{grid-column:3}.sample>b{color:#8ca0a5;font:12px monospace}input,select,textarea,button,.button{font:inherit;color:#17343d;background:#fff;border:1px solid #ccdada;border-radius:6px;padding:9px 10px}input,textarea{width:100%;font-family:Cascadia Code,monospace}button,.button{cursor:pointer;text-decoration:none}.icon{color:#a45151;border:0}.ghost{color:#078a72;background:#f6fbfa;border:1px dashed #8bbdb4;width:100%;margin-top:10px}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:#60777d;flex-direction:column;gap:6px;font-size:12px;display:flex}.inline{background:#f3f8f7;gap:12px;margin-bottom:14px;padding:12px;display:flex}.inline label{flex:1}.check{flex-direction:row;align-items:center;margin:18px 0}.check input{width:auto}.actions{gap:8px;display:flex}.primary{color:#fff;background:#07997f;border-color:#07997f;font-weight:700}.progress{background:#e4eded;border-radius:3px;height:5px;margin:18px 0 8px;overflow:hidden}.progress i{background:#16c8a6;height:100%;transition:width .2s;display:block}.error{color:#b84040}.candidates{max-width:1312px;margin:0 auto 40px}.empty{text-align:center;color:#8a9ba0;border:1px dashed #cbdada;padding:45px}.candidate{border-top:1px solid #e3ecec;justify-content:space-between;gap:18px;padding:16px;display:flex}.candidate>div:first-child{flex-direction:column;gap:7px;display:flex}.candidate strong{color:#078b73}.candidate code{font-size:13px}.candidate small{color:#698086}.candidateActions{align-items:center;gap:8px;display:flex}.narrow{max-width:800px;margin:35px auto}.narrow textarea{height:180px;margin:10px 0}.result{background:#eef8f6;justify-content:space-between;margin-top:20px;padding:18px;font-size:24px;display:flex}.modal{background:#0a242dcc;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal>div{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;padding:22px}.modal pre{color:#d8f5ed;background:#102d37;max-height:60vh;padding:16px;overflow:auto}.modal button{margin-right:8px}@media (width<=850px){.layout{grid-template-columns:1fr}.sampleHead,.sample{grid-template-columns:28px 1fr 95px 28px}.sampleHead.frames,.sample.frames{grid-template-columns:28px 1fr 28px}.candidate{flex-direction:column}.candidateActions{flex-wrap:wrap}.grid{grid-template-columns:1fr}}header nav{gap:8px;margin-left:auto;display:flex}header nav a{color:#d8ece9;border:1px solid #496871;border-radius:6px;padding:8px 12px;font-size:13px;text-decoration:none}header nav a:hover{color:#fff;background:#17414c;border-color:#45dfbd}.calculatorTitle{margin-top:20px}.calculatorTitle>small{color:#6d8086}.calculatorParams{margin:18px 0}.calculatorParams .check{align-self:end;min-height:39px;margin:0}@media (width<=600px){header{padding:0 16px}.tagline{display:none}header nav a{padding:7px}.calculatorParams{grid-template-columns:1fr}}.sampleTools{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.sampleTools .ghost{margin-top:0}.ghost.danger{color:#b44242;background:#fff8f8;border-color:#d8a4a4}.importDialog p{color:#667d83;font-size:13px}.importDialog textarea{height:260px;margin:8px 0 16px}.filePicker{color:#087e69;background:#f3faf8;border:1px dashed #77b8ac;margin:12px 0;padding:14px;display:block}.filePicker input{margin-top:8px;font-family:inherit}.importActions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=600px){.sampleTools{grid-template-columns:1fr}}.presetPicker{margin:18px 0 4px}.presetPicker select{color:#075f51;background:#f3faf8;border-color:#83c8bb;font-weight:600}.calculatorPanel{max-width:980px;margin:22px auto;padding:20px 24px}.calculatorPanel .calculatorTitle{margin:14px 0 10px}.calculatorPanel .presetPicker{margin:10px 0}.calculatorPanel .calculatorParams{grid-template-columns:repeat(3,1fr);gap:10px 14px;margin:12px 0}.calculatorPanel textarea{height:105px;margin:6px 0 10px}.calcActions{grid-template-columns:150px 1fr;align-items:stretch;gap:12px;display:grid}.calcActions>.primary{min-height:58px}.calcActions .result{border:1px solid #d8e7e4;border-radius:7px;align-items:center;min-height:58px;margin:0;padding:9px 14px;font-size:20px}.calcActions .result span{color:#6a8085;text-transform:uppercase;font-size:11px}.calcActions .result b{margin-left:14px}.calcActions .result button{margin-left:auto}.calcActions .result:not(.hasResult){color:#91a2a6}@media (width<=700px){.calculatorPanel{margin:14px}.calculatorPanel .calculatorParams{grid-template-columns:1fr 1fr}.calcActions{grid-template-columns:1fr}.calcActions .result{display:flex}}