.ts-mark{width:min(100%, calc(var(--mark-cap,76vh) * var(--ratio)));margin-inline:auto;position:relative}.ts-mark__stage{background:var(--surface-2);box-shadow:var(--shadow-example);border-radius:10px;position:relative;overflow:hidden}.ts-mark__stage img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.ts-mark__canvas{opacity:.5;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.ts-mark__parts{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0;overflow:visible}.ts-mark__parts li{left:min(var(--x), calc(100% - 26px));top:min(var(--y), calc(100% - 26px));align-items:flex-start;gap:4px;width:max(200px,min(270px,50%));display:flex;position:absolute}.ts-mark__parts li[data-flip-x]{left:auto;right:calc(100% - min(var(--x), 100% - 26px) - 24px);justify-content:flex-end}.ts-mark__parts li[data-flip-y]{top:auto;bottom:calc(100% - min(var(--y), 100% - 26px) - 24px);align-items:flex-end}.ts-mark__parts li:focus-within{z-index:1}.ts-mark__button{color:#111;cursor:pointer;pointer-events:auto;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid;box-shadow:0 1px 4px #00000059}.ts-mark__button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.ts-mark__button:disabled{color:#9a9a9a;cursor:not-allowed}.ts-mark__button:focus-visible{outline:3px solid var(--accent-fill);outline-offset:2px}.ts-mark__note{box-sizing:border-box;color:#111;min-width:0;min-height:30px;max-height:66px;box-shadow:0 0 0 2px var(--part), 0 2px 8px #0000004d;font:inherit;overflow-wrap:anywhere;resize:none;field-sizing:content;pointer-events:auto;background:#fff;border:0;border-radius:8px;flex:1;padding:6px 8px;font-size:13px;font-weight:500;line-height:18px}.ts-mark__said{color:#111;min-width:0;box-shadow:0 0 0 2px var(--part), 0 2px 8px #0000004d;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;pointer-events:auto;background:#fff;border-radius:8px;-webkit-box-orient:vertical;flex:0 auto;margin:0;padding:4px 8px;font-size:13px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.ts-mark__note::placeholder{color:#6b6b6b}.ts-mark__note:focus-visible{outline:3px solid var(--accent-fill);outline-offset:2px}@media (max-width:640px),(max-height:480px) and (hover:none){.ts-mark{width:100%}.ts-mark__stage{width:min(100%, calc(var(--mark-cap,76vh) * var(--ratio)));margin-inline:auto}.ts-mark__parts{pointer-events:auto;border-radius:0;gap:8px;margin-top:10px;display:grid;position:static;overflow:visible}.ts-mark__parts li,.ts-mark__parts li[data-flip-x],.ts-mark__parts li[data-flip-y]{grid-template-columns:12px minmax(0,1fr) 44px;justify-content:stretch;align-items:center;gap:8px;width:auto;display:grid;position:static}.ts-mark__parts li:before{content:"";background:var(--part);border-radius:50%;width:12px;height:12px}.ts-mark__note,.ts-mark__said{max-height:92px;color:var(--ink);background:var(--surface-2);box-shadow:0 0 0 2px var(--part);font-size:16px;line-height:22px}.ts-mark__note::placeholder{color:var(--text-2)}.ts-mark__button{width:44px;height:44px;color:var(--ink);background:var(--surface-2);box-shadow:0 0 0 1px var(--ink-border)}.ts-mark__button[data-role=keep]{display:none}}