.mk{--mk-accent:var(--accent,#06c);--mk-accent-soft:var(--accent-soft,#eaf3fd);--mk-text:var(--text,#1d1d1f);--mk-muted:var(--muted,#6e6e73);--mk-rule:var(--rule,#e8e8ed);--mk-rule-strong:var(--rule-strong,#d2d2d7);--mk-surface:var(--surface,#fff);--mk-ground:var(--surface-2,#fafafc);--mk-warn:var(--danger,#c0134f);--mk-warn-soft:var(--danger-soft,#fde8f0);--mk-radius:18px;color:var(--mk-text);grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}@media (max-width:860px){.mk{grid-template-columns:minmax(0,1fr)}}.mk button{font:inherit}.mk-stage{border-radius:var(--mk-radius);background:var(--mk-surface);border:1px solid var(--mk-rule);align-content:start;justify-items:center;gap:12px;min-width:0;padding:16px;display:grid;position:relative}.mk-stage.is-over{outline:3px dashed var(--mk-accent);outline-offset:-8px}.mk-views{justify-self:start;gap:8px;display:flex}.mk-view{border:1px solid var(--mk-rule-strong);background:var(--mk-surface);height:36px;color:var(--mk-muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.mk-view img{object-fit:cover;border-radius:50%;width:28px;height:28px;margin-left:-10px}.mk-view[aria-selected=true]{border-color:var(--mk-text);color:var(--mk-text)}.mk-photo{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:640px;position:relative;overflow:visible}.mk-photo-canvas{border-radius:12px;width:100%;height:100%;display:block}.mk-loading{color:var(--mk-muted);background:var(--mk-ground);border-radius:12px;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.mk-area{pointer-events:none;border:1px dashed #0066ccbf;border-radius:4px;position:absolute;box-shadow:0 0 0 1px #ffffff80}.mk-area>span{color:var(--mk-accent);white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:calc(100% + 4px);left:-1px}.mk-guide-x,.mk-guide-y{background:#ff3d8b;position:absolute}.mk-guide-x{width:1px;top:0;bottom:0;left:50%}.mk-guide-y{height:1px;top:50%;left:0;right:0}.mk-box{position:absolute}.mk-box-hit{cursor:move;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mk-box-hit:focus-visible{outline:2px solid var(--focus,#0071e3);outline-offset:2px}.mk-box.is-selected .mk-box-hit{box-shadow:0 0 0 1px var(--mk-accent), 0 0 0 2px #fff9}.mk-corner,.mk-turn{border:1.5px solid var(--mk-accent);touch-action:none;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 3px #00000040}.mk-corner:after,.mk-turn:after{content:"";position:absolute;inset:-12px}.mk-nw{cursor:nwse-resize;top:-7px;left:-7px}.mk-ne{cursor:nesw-resize;top:-7px;right:-7px}.mk-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.mk-se{cursor:nwse-resize;bottom:-7px;right:-7px}.mk-turn{cursor:grab;margin-left:-7px;top:-34px;left:50%}.mk-turn:before{content:"";background:var(--mk-accent);width:1.5px;height:20px;position:absolute;top:13px;left:5px}.mk-readout{background:var(--mk-text);color:#fff;white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;top:calc(100% + 10px);left:50%;box-shadow:0 2px 8px #0000002e}.mk-readout.is-over{background:var(--mk-warn)}.mk-nophoto{text-align:center;border:1px dashed var(--mk-rule-strong);background:var(--mk-ground);width:100%;min-height:320px;color:var(--mk-muted);border-radius:12px;place-content:center;justify-items:center;gap:8px;padding:24px;font-size:14px;display:grid}.mk-nophoto b{color:var(--mk-text);font-size:16px}.mk-nophoto ul{margin:0;padding:0;list-style:none}.mk-note{color:var(--mk-muted);margin:0;font-size:13px}.mk-empty{border:1.5px dashed var(--mk-accent);background:var(--mk-accent-soft);width:100%;max-width:640px;color:var(--mk-muted);cursor:pointer;border-radius:12px;gap:2px;padding:14px;display:grid}.mk-empty b{color:var(--mk-accent)}.mk-panel{align-content:start;gap:12px;min-width:0;display:grid}.mk-section{border:1px solid var(--mk-rule);border-radius:var(--mk-radius);background:var(--mk-surface);gap:12px;padding:16px;display:grid}.mk-section h3{justify-content:space-between;gap:8px;margin:0;font-size:15px;display:flex}.mk-section h3 span{color:var(--mk-muted);font-weight:500}.mk-swatches{flex-wrap:wrap;gap:8px;display:flex}.mk-swatch{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 2px #ffffff80}.mk-swatch[aria-pressed=true]{outline:2px solid var(--mk-text);outline-offset:2px}.mk-logos{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mk-logo{border:1px solid var(--mk-rule);border-radius:12px;gap:12px;padding:12px;display:grid}.mk-logo.is-selected{border-color:var(--mk-accent);box-shadow:0 0 0 3px var(--mk-accent-soft)}.mk-logo-head{align-items:center;gap:10px;display:flex}.mk-thumb{border:1px solid var(--mk-rule);background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 10px 10px;cursor:pointer;border-radius:8px;flex:none;width:44px;height:44px;padding:4px}.mk-thumb img{object-fit:contain;width:100%;height:100%}.mk-logo-name{flex:1;min-width:0;font-size:13px;display:grid}.mk-logo-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mk-logo-name span{color:var(--mk-muted)}.mk-remove{width:36px;height:36px;color:var(--mk-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px}.mk-remove:hover{background:var(--mk-ground)}.mk-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.mk-row-top{align-items:start}.mk-row-top .mk-label{padding-top:8px}.mk-label{color:var(--mk-muted)}.mk-size-controls,.mk-look{gap:8px;display:grid}.mk-look .mk-row{grid-template-columns:minmax(0,1fr);gap:4px}.mk-size-big{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:650}.mk-num{align-items:center;gap:4px;display:inline-flex}.mk-input{border:1px solid var(--mk-rule-strong);width:72px;height:36px;font:inherit;text-align:right;background:var(--mk-surface);color:var(--mk-text);border-radius:8px;padding:0 8px;font-size:14px}.mk-input:focus-visible{border-color:var(--focus,#0071e3);outline:none;box-shadow:0 0 0 3px #0071e33d}.mk-unit{width:20px;color:var(--mk-muted)}.mk-step{border:1px solid var(--mk-rule-strong);background:var(--mk-surface);width:36px;height:36px;color:var(--mk-text);cursor:pointer;border-radius:50%;font-size:16px}.mk-step:hover:not(:disabled),.mk-btn:hover:not(:disabled){background:var(--mk-ground)}.mk-actions{flex-wrap:wrap;gap:8px;display:flex}.mk-btn{border:1px solid var(--mk-rule-strong);background:var(--mk-surface);height:36px;color:var(--mk-text);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px;font-weight:550}.mk button:disabled{opacity:.55;cursor:default}.mk-seg,.mk-chips{border:0;flex-wrap:wrap;gap:4px;min-width:0;margin:0;padding:0;display:flex}.mk-seg{background:var(--mute-bg,#f0f0f3);border-radius:999px;flex-wrap:nowrap;padding:3px}.mk-seg button{height:30px;color:var(--mk-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:0 10px;font-size:13px;font-weight:550}.mk-seg button[aria-pressed=true]{background:var(--mk-surface);color:var(--mk-text);box-shadow:0 1px 3px #0000001f}.mk-chips button{border:1px solid var(--mk-rule-strong);background:var(--mk-surface);height:32px;color:var(--mk-text);cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.mk-chips button[aria-pressed=true]{background:var(--mk-text);border-color:var(--mk-text);color:#fff}.mk-warn{background:var(--mk-warn-soft);color:var(--mk-warn);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.mk-check{align-items:center;gap:8px;font-size:13px;display:flex}.mk-facts{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:13px;display:grid}.mk-facts dt{color:var(--mk-muted)}.mk-facts dd{margin:0}.mk-facts dd[data-tone=soft]{color:var(--wait,#8a5300)}.mk-facts dd[data-tone=too_low]{color:var(--mk-warn);font-weight:600}.mk-inks{align-items:center;gap:3px;display:inline-flex}.mk-inks span{border:1px solid #00000026;border-radius:50%;width:14px;height:14px}.mk-tip{background:var(--mk-accent-soft);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.mk-problem{color:var(--mk-warn);margin:0;font-size:13px}.mk-add{border:1px dashed var(--mk-accent);height:36px;color:var(--mk-accent);cursor:pointer;background:0 0;border-radius:999px;font-weight:600}.mk-done{color:var(--ok,#127a45);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.mk-done svg{width:16px;height:16px}