:root{--kl-ink:#1c2945;--kl-muted:#52637e;--kl-violet:#6546d7;--kl-pink:#ff6e99;--kl-bg:#f7f6ff;--kl-border:#dce2f0}.shell{max-width:1100px;margin:auto;padding:0 20px}.lede{max-width:700px;color:var(--kl-muted);font-size:18px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;margin:24px 0 42px}.panel,.preview,.article{background:#fff;border:1px solid var(--kl-border);border-radius:18px;padding:25px;box-shadow:0 8px 28px #2633630a}.field{margin:14px 0}.field label{display:block;font-weight:650;margin-bottom:6px}.layout select,.layout input{width:100%;border:1px solid #c6cee0;padding:12px;border-radius:10px;font:inherit;background:white}.layout button{width:100%;cursor:pointer;font:inherit;font-weight:750;border:0;border-radius:10px;padding:13px;margin:7px 0;background:var(--kl-violet);color:white}.layout button.secondary{background:#eeebff;color:#38259a}.layout button:focus-visible,.layout select:focus-visible,.layout input:focus-visible{outline:3px solid #f29bc6;outline-offset:2px}.status{font-size:14px;color:var(--kl-muted);min-height:45px}.status.error{color:#a21b36}.paper{border:1px solid #d4d4dc;padding:30px;background:white;min-height:380px;box-shadow:0 4px 18px #0000000d;overflow-wrap:anywheretransform:none;}.paper h3{margin:0}.previewheader{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.previewheader span{font-size:13px;color:var(--kl-muted)}.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.q{border:1px solid #dee0e8;border-radius:10px;padding:12px;min-height:86px}.objects{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.shape{width:22px;height:22px;display:inline-block;border:2px solid #27314d}.shape.circle{border-radius:50%}.shape.triangle{border:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid #27314d;background:transparent}.shape.star{border:0;clip-path:polygon(50% 0,63% 35%,100% 35%,70% 58%,82% 100%,50% 75%,18% 100%,30% 58%,0 35%,37% 35%);background:#27314d}.frames{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #27314d;width:min(100%,205px);margin:10px 0}.cell{height:27px;border:1px solid #27314d;display:grid;place-items:center}.dot{width:14px;height:14px;border-radius:50%;background:#27314d}.trace{font-size:32px;letter-spacing:5px;color:#aeb5c3;margin:8px 0 2px}.guideline{height:15px;border-bottom:1px dashed #ccd2de}.article{margin:20px 0}.article p,.article li{color:#465673}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:white;padding:10px;z-index:5}@media(max-width:760px){.layout{grid-template-columns:1fr}.qgrid{grid-template-columns:1fr}.panel,.preview,.article{padding:17px}.paper{padding:15px}}@media print{.top,.hero,.panel,.article,.foot,button{display:none!important}.layout{display:block}.paper{border:0;box-shadow:none}.preview{border:0;box-shadow:none}body{background:white}}.fruit{display:inline-flex}.fruit svg{display:block}