.mk{border:1px solid #d1d6db;border-radius:10px;background:#fff;overflow:hidden}.mk:focus-within{border-color:#191f28;box-shadow:0 0 0 3px rgb(25 31 40/.08)}.mk.over{border-color:#d92d20}.mk-bar{display:flex;gap:8px;padding:6px 8px;border-bottom:1px solid #eef0f2;background:#fafbfc}.mk-bar,.mk-pen{align-items:center}.mk-pen{display:inline-flex;gap:6px;height:28px;padding:0 10px;border-radius:7px;border:1px solid #e3d48a;background:#fff8d6;color:#5c4a00;font-size:13px;font-weight:700;cursor:pointer;flex:none}.mk-pen:hover{background:#fff1a8}.mk-pen i{width:10px;height:14px;border-radius:2px 2px 4px 4px;background:linear-gradient(180deg,#f6dc8a 0 70%,#8a6d00 70%);transform:rotate(35deg)}.mk-hint{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-hint,.mk-len{font-size:12px;color:#8b95a1}.mk-len{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mk.over .mk-len{color:#d92d20;font-weight:700}.mk-area{position:relative;padding:10px 12px;min-height:2.6em;font-size:15px;line-height:1.65;color:#191f28;outline:none;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.mk-area.is-empty:before{content:attr(data-placeholder);position:absolute;left:12px;right:12px;top:10px;color:#b0b8c1;pointer-events:none;white-space:pre-line}.mk-area mark{background:linear-gradient(transparent 50%,#f6dc8a 0,#f6dc8a 94%,transparent 0);color:inherit;padding:0 1px}.pf-back{position:fixed;inset:0;z-index:1000;background:rgba(15,18,24,.55);display:grid;place-items:center;padding:16px;font-family:var(--font)}.pf-sheet{width:min(940px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.pf-sheet h3{margin:0 0 6px;font-size:19px}.pf-lead{margin:0 0 14px;color:#555;font-size:14px;line-height:1.55}.pf-cards{display:flex;gap:14px;align-items:flex-start}.pf-fig{margin:0;min-width:0}.pf-fig.pc{flex:320 1;--w:320;--h:324}.pf-fig.tab{flex:380 1;--w:380;--h:324}.pf-fig.mob{flex:173 1;--w:173;--h:230}.pf-fig figcaption{margin-top:6px;font-size:12px;color:#777;text-align:center}.pf-fig figcaption b{color:#333;font-weight:700}.pf-fig{--pt:40;--px:36;--tag:15;--tag-py:2;--tag-px:10;--subj:22;--subj-mt:26;--name:28;--name-long:28;--title:15;--title-mt:6;--col:42%;--ph-w:54%;--ph-h:92%}.pf-fig.mob{--pt:22;--px:18;--tag:12;--tag-py:1;--tag-px:7;--subj:16;--subj-mt:14;--name:19;--name-long:16;--title:12;--title-mt:4;--col:54%;--ph-w:46%;--ph-h:88%}.pf-card{position:relative;width:100%;aspect-ratio:var(--w) /var(--h);container-type:inline-size}.pf-in{--u:calc(100cqw / var(--w));position:absolute;inset:0;border-radius:calc(20 * var(--u));background:#eceeec;overflow:hidden;padding:calc(var(--pt) * var(--u)) calc(var(--px) * var(--u)) 0;display:flex;flex-direction:column;align-items:flex-start;word-break:keep-all;letter-spacing:-.01em}.pf-name,.pf-subj,.pf-tags,.pf-title{position:relative;z-index:1}.pf-tags{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u))}.pf-tag{font-size:calc(var(--tag) * var(--u));line-height:1.5;padding:calc(var(--tag-py) * var(--u)) calc(var(--tag-px) * var(--u));border:1px solid #6b707a;border-radius:calc(4 * var(--u));color:#555a64;white-space:nowrap}.pf-subj{margin-top:calc(var(--subj-mt) * var(--u));font-size:calc(var(--subj) * var(--u));line-height:1.6;color:#1d1d1f;font-weight:500}.pf-name,.pf-subj{max-width:var(--col)}.pf-name{font-size:calc(var(--name) * var(--u));line-height:1.3;font-weight:800;color:#2d5d70;letter-spacing:-.03em;white-space:nowrap}.pf-name.long{font-size:calc(var(--name-long) * var(--u))}.pf-title{margin-top:calc(var(--title-mt) * var(--u));font-size:calc(var(--title) * var(--u));line-height:1.4;color:#2d5d70;font-weight:700;max-width:var(--col)}.pf-box{position:absolute;right:0;bottom:0;width:var(--ph-w);height:var(--ph-h);overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none;outline:1.5px dashed rgba(45,93,112,.45);outline-offset:-1.5px}.pf-fig.boxed .pf-box{right:calc(28 * var(--u));bottom:calc(28 * var(--u));width:38%;height:64%;border-radius:calc(14 * var(--u))}.pf-fig.mob.boxed .pf-box{right:calc(14 * var(--u));bottom:calc(14 * var(--u));width:40%;height:48%}.pf-box:active{cursor:-webkit-grabbing;cursor:grabbing}.pf-box img{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pf-tools{display:flex;align-items:center;gap:10px;margin-top:14px}.pf-tools input[type=range]{flex:1 1}.pf-pct{width:46px;text-align:right;font-size:13px;color:#555;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-foot{display:flex;gap:8px;margin-top:16px}.pf-btn{border:1px solid #d5d8de;background:#fff;border-radius:10px;height:38px;min-width:38px;padding:0 14px;font-size:14px;font-family:inherit;cursor:pointer}.pf-btn.primary{background:#1f2a37;border-color:#1f2a37;color:#fff;font-weight:700}.pf-btn.ghost{color:#333}@media (max-width:640px){.pf-cards{flex-wrap:wrap;justify-content:center;gap:12px}.pf-fig.pc,.pf-fig.tab{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px)}.pf-fig.mob{flex:0 0 min(173px,56%)}}