.cl-head{max-width:46rem;padding:8px 0 34px}.cl-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.cl-switch{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 18px;display:flex}.cl-switch[hidden]{display:none}.ws-form .cl-switch label{margin:0}.cl-switch select{font:inherit;border:2px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;max-width:100%;padding:8px 10px;font-size:17px}.cl-form>p{margin:0 0 12px}.cl-status{min-height:1.4em;color:var(--ink);font-weight:700}.cl-status:focus{outline:none}.cl-share{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--drop);padding:20px 22px}.cl-share[hidden]{display:none}.cl-link-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.cl-link{font-family:var(--font-display);color:var(--sky-deep);overflow-wrap:anywhere;font-size:clamp(19px,2.2cqw,25px);font-weight:700}.cl-qr{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 16px;display:flex}.cl-qr svg{border:2px solid var(--line);background:#fff;border-radius:10px;width:140px;height:140px;padding:6px;display:block}.cl-qr figcaption{max-width:18em}.cl-buttons{flex-wrap:wrap;gap:10px;margin:0 0 6px;display:flex}.cl-buttons .button,.cl-link-row .button,.cl-edit .button,.cl-switch .button{cursor:pointer;font:inherit;padding:10px 16px;font-size:16px}.cl-share .ws-check{margin:12px 0 4px}.cl-stats{border:2px dashed var(--line);color:var(--ink);background:#fff;border-radius:12px;margin:12px 0 8px;padding:12px 14px}.cl-stats:empty{display:none}.cl-stats p{margin:0}.cl-stats p+p{margin-top:4px}.cl-edit summary{cursor:pointer;color:var(--ink);margin:12px 0 6px;font-weight:700}.cl-edit-url{min-width:0;font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;flex:16em;padding:8px 10px;font-size:15px}.cl-share .button.cl-danger{background:#ffe1dc}.cl-points{max-width:var(--measure);color:var(--ink-soft);margin:0 0 1.2em;padding-left:1.2em;font-size:17px}.cl-points li{margin:.35em 0}.cl-print{display:none}.cl-tool [hidden]{display:none!important}@container (width<=860px){.cl-tool{grid-template-columns:1fr}.cl-share{order:-1}}.cl-what{background:var(--sky-pale);border:2px dashed var(--sky-deep);border-radius:var(--radius);color:var(--ink);padding:18px 22px}.cl-what h2{margin:0 0 10px}.cl-what ul{margin:0;padding-left:1.2em}.cl-what li{margin:.35em 0}.cl-letter-page{break-after:page;page-break-after:always;color:#1c2833;font-family:Trebuchet MS,Verdana,sans-serif}.cl-letter-page:last-child{break-after:auto;page-break-after:auto}.cl-letter{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;border:.4mm solid #9aa5b1;border-radius:4mm;flex-direction:column;gap:2.5mm;height:104mm;padding:5mm 7mm;display:flex}.cl-letter h1{color:#1c2833;margin:0;font-size:5.8mm;line-height:1.2}.cl-letter-lead{margin:0;font-size:3.9mm;line-height:1.4}.cl-letter-body{flex:1;grid-template-columns:1fr 46mm;align-items:center;gap:6mm;display:grid}.cl-letter-body ol{margin:0;padding-left:6mm;font-size:4.1mm;line-height:1.45}.cl-letter-body li{margin:0 0 1.4mm}.cl-letter figure{text-align:center;margin:0}.cl-letter-qr{width:34mm;height:34mm;margin:0 auto 1.5mm;display:block}.cl-letter figcaption{overflow-wrap:anywhere;font-size:3.3mm;font-weight:700}.cl-letter-small{color:#3d4a57;margin:0;font-size:3.1mm;line-height:1.35}.cl-cut{text-align:left;color:#9aa5b1;border-top:.4mm dashed #9aa5b1;height:0;margin:6mm 0;font-size:4mm;line-height:0;position:relative}@media print{body.cl-printing>:not(.cl-print){display:none!important}body.cl-printing{background:#fff!important;margin:0!important;padding:0!important}body.cl-printing .cl-print{width:100%;display:block!important}}.cl-import{margin:0 0 16px}.cl-step-title{color:var(--ink);margin:0 0 8px;font-weight:700}.cl-n{background:var(--sky-deep);color:#fff;vertical-align:.08em;border-radius:50%;place-items:center;width:1.6em;height:1.6em;margin-right:6px;font-size:.85em;display:inline-grid}.cl-prompt{border:2px dashed var(--line);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:12px;max-height:14em;margin:0 0 8px;padding:10px 12px;font-size:14px;line-height:1.45;overflow:auto}.cl-copy-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;display:flex}.cl-copy-row .button,.cl-file{cursor:pointer;font:inherit;padding:10px 16px;font-size:16px}.ws-form label.cl-file{margin:0;font-weight:700;display:inline-block}.cl-under{color:var(--ink-soft);margin:-2px 0 8px}.cl-preview{color:var(--ink);margin:6px 0 0}.cl-preview p{margin:0 0 4px}.cl-warn{color:#a8321f}.cl-pics{border:2px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:4px 0 16px;padding:14px 16px}.cl-pics>p,.cl-pics #cl-pics-ask>p{margin:0 0 10px}.cl-pics-count{color:var(--ink)}.ws-form .cl-picmode label{align-items:center;gap:6px;margin:0 14px 4px 0;font-weight:400;display:inline-flex}.cl-pic-table{gap:8px;margin:0 0 10px;display:grid}.cl-pic-row{border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}.cl-pic-row.cl-selected{border-color:var(--sky-deep);background:var(--sky-pale)}.cl-pic-slot{border:2px dashed var(--line);cursor:pointer;width:56px;height:56px;color:var(--ink-soft);background:#fff;border-radius:10px;flex:none;place-items:center;padding:0;font-size:24px;display:grid;overflow:hidden}.cl-pic-slot img{object-fit:contain;width:100%;height:100%}.cl-pic-word{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:1}.cl-pic-word small{color:var(--ink-soft);display:block}.cl-pic-remove{border:2px solid var(--line);cursor:pointer;width:36px;height:36px;font:inherit;color:var(--ink);background:#fff;border-radius:50%;flex:none}.cl-pics-note{color:var(--ink-soft)}
