.mk{background:var(--color-surface,#fff);width:min(1100px,100vw - 32px);max-width:none;height:min(860px,100dvh - 32px);max-height:none;color:var(--color-fg);-webkit-user-select:none;user-select:none;border:0;border-radius:22px;flex-direction:column;gap:10px;margin:auto;padding:14px 18px 16px;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #1e140c80}.mk::backdrop{background:#1c140eb8}.mk.is-full{border-radius:0;width:100vw;height:100dvh;padding:12px 18px 14px}.mk button{cursor:pointer;font:inherit}.mk button:disabled{cursor:default;opacity:.45}.mk .undo-redo button:disabled{opacity:1}.mk-top{align-items:center;gap:12px;display:flex}.mk-top h2{font-family:var(--font-display);letter-spacing:-.01em;flex:1;margin:0;font-size:19px;font-weight:700}.mk-top-r{align-items:center;gap:6px;display:flex}.mk-text{color:var(--color-fg-muted);background:0 0;border:0;padding:6px 4px;font-size:13.5px;font-weight:700}.mk-text:hover:not(:disabled){color:var(--color-accent)}.mk-ib{border:1px solid var(--color-rule);width:38px;height:38px;color:var(--color-fg);background:#fff;border-radius:11px;place-items:center;font-size:20px;line-height:1;display:grid}.mk-ib .icon{width:18px;height:18px}.mk-ib[aria-pressed=true]{background:var(--color-night,#1e1814);border-color:var(--color-night,#1e1814);color:#fff}.mk-full{border:1px solid var(--color-rule);height:38px;color:var(--color-fg);background:#fff;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.mk-full .icon{width:17px;height:17px}.mk-full[aria-pressed=true]{color:var(--color-accent);border-color:#edc1a9}.mk .mk-done{border-radius:12px;min-height:40px;padding:0 20px;font-size:14.5px}.mk-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.mk-seg{background:#f3ece4;border-radius:12px;gap:3px;padding:3px;display:flex}.mk-seg button{height:36px;color:var(--color-fg-muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 13px;font-size:13.5px;font-weight:700;display:inline-flex}.mk-seg button .icon{width:16px;height:16px}.mk-seg button[aria-pressed=true]{color:var(--color-fg);background:#fff;box-shadow:0 1px 4px #372e2524}.mk-size{color:var(--color-fg-muted);align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.mk-size input{width:120px;accent-color:var(--color-accent)}.mk-size i{background:var(--color-fg);border-radius:50%;max-width:28px;max-height:28px;display:inline-block}.mk-crop-act{align-items:center;gap:8px;display:inline-flex}.mk .mk-apply{border-radius:10px;min-height:36px;padding:0 16px;font-size:13.5px}.mk-smart{height:34px;color:var(--color-accent);white-space:nowrap;background:#fff6f0;border:1.5px solid #edc1a9;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.mk-smart .icon{width:15px;height:15px}.mk-smart:hover:not(:disabled){background:#ffeadf}.mk-hint{min-height:18px;color:var(--color-fg-muted);margin:0;font-size:13px;line-height:1.4}.mk-smartbar{color:#6a3a14;background:#fff3e9;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 12px;font-size:13px;font-weight:600;display:flex}.mk-smartbar>.icon{width:16px;height:16px;color:var(--color-accent);flex:none}.mk-smartbar span{flex:1}.mk-x{color:#8a6a50;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.mk-x .icon{width:14px;height:14px}.mk-area{touch-action:none;cursor:default;background-color:#f1ebe4;background-image:radial-gradient(#e2d8cc .8px,#0000 .8px);background-size:16px 16px;border-radius:14px;flex:1;min-height:200px;position:relative;overflow:hidden}.mk-area.is-brush{cursor:none}.mk-area.is-click{cursor:pointer}.mk-area.is-pan,.mk-area.is-pan *{cursor:grab!important}.mk-stage{transform-origin:0 0;background-color:#fcf5ee;background-image:linear-gradient(45deg,#ece6de 25%,#0000 25%),linear-gradient(-45deg,#ece6de 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ece6de 75%),linear-gradient(-45deg,#0000 75%,#ece6de 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;top:0;left:0;box-shadow:0 8px 30px -12px #28190a59}.mk-stage canvas{image-rendering:auto;width:100%;height:100%;display:block}.mk-cursor{aspect-ratio:1;pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #372e25;position:absolute;transform:translate(-50%,-50%)}.mk-crop{outline:calc(2px * var(--k,1)) solid #fff;cursor:move;position:absolute;box-shadow:0 0 0 99999px #1e140e80}.mk-crop:before,.mk-crop:after{content:"";pointer-events:none;border:calc(1px * var(--k,1)) dashed #ffffff8c;position:absolute}.mk-crop:before{border-top:0;border-bottom:0;inset:0 33.3%}.mk-crop:after{border-left:0;border-right:0;inset:33.3% 0}.mk-h{width:calc(22px * var(--k,1));height:calc(22px * var(--k,1));position:absolute;transform:translate(-50%,-50%)}.mk-h:after{content:"";box-shadow:0 0 0 calc(1.5px * var(--k,1)) #e8622a;background:#fff;border-radius:50%;position:absolute;inset:25%}.mk-h-n{cursor:ns-resize;top:0;left:50%}.mk-h-s{cursor:ns-resize;top:100%;left:50%}.mk-h-w{cursor:ew-resize;top:50%;left:0}.mk-h-e{cursor:ew-resize;top:50%;left:100%}.mk-h-nw{cursor:nwse-resize;top:0;left:0}.mk-h-se{cursor:nwse-resize;top:100%;left:100%}.mk-h-ne{cursor:nesw-resize;top:0;left:100%}.mk-h-sw{cursor:nesw-resize;top:100%;left:0}.mk-suggest{white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #28190a73}.mk-view{background:#ffffffeb;border-radius:14px;gap:5px;padding:5px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 20px -8px #28190a59}.mk-view .mk-ib{background:0 0;border:0;width:36px;height:36px}.mk-view .mk-ib[aria-pressed=true]{background:var(--color-night,#1e1814)}.mk-pct{min-width:58px;height:36px;color:var(--color-fg);background:#f3ece4;border:0;border-radius:9px;font-size:13px;font-weight:800}.mk-gest{color:var(--color-fg-muted);pointer-events:none;background:#fffc;border-radius:8px;margin:0;padding:5px 9px;font-size:11.5px;position:absolute;bottom:16px;left:12px}.mk-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mk-links{flex-wrap:wrap;gap:14px;display:flex}.mk-links .mk-text{text-underline-offset:3px;font-size:12.5px;text-decoration:underline}.mk-note{background:#fff6e9;border-radius:10px;padding:10px 12px;font-size:13px}.mk-note p{margin:0 0 8px}.mk-error{color:#a42b25;margin:0;font-size:13px}.mk-status{color:var(--color-fg-muted);margin:0}.mk [data-tip]{position:relative}.mk [data-tip]:hover:after{content:attr(data-tip);z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#1e1814;border-radius:7px;padding:5px 8px;font-size:11.5px;font-weight:600;position:absolute;top:calc(100% + 6px);right:0}.mk-view [data-tip]:hover:after{top:auto;bottom:calc(100% + 8px)}@media (max-width:800px){.mk,.mk.is-full{border-radius:0;gap:8px;width:100vw;height:100dvh;padding:10px 12px 12px}.mk-full{display:none}.mk-top h2{font-size:16px}.mk-top-r{gap:4px}.mk .mk-done{padding:0 14px}.mk-tools{gap:6px}.mk-seg{flex:100%}.mk-seg button{flex:1;justify-content:center;padding:0 6px;font-size:13px}.mk-size input{width:140px}.mk-suggest{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center}.mk-gest{bottom:60px;left:10px}}