.mk{--mk-accent:var(--accent,#0b67a0);--mk-accent-soft:var(--accent-soft,#e8f2f9);--mk-text:var(--text,#15171c);--mk-muted:var(--muted,#5b616b);--mk-rule:var(--rule,#e3e5e0);--mk-surface:var(--surface,#fff);--mk-ground:var(--surface-2,#f8f9f6);--mk-radius:12px;color:var(--mk-text);grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}@media (max-width:860px){.mk{grid-template-columns:1fr}}.mk-stage{border-radius:var(--mk-radius);background:radial-gradient(circle at 50% 35%, #fff 0, #fff0 70%), var(--mk-ground);border:1px solid var(--mk-rule);touch-action:none;place-items:center;min-height:420px;padding:56px 24px 24px;display:grid;position:relative}.mk-stage.is-over{outline:3px dashed var(--mk-accent);outline-offset:-8px}.mk-canvas{filter:drop-shadow(0 12px 18px #15171c1f);-webkit-user-select:none;user-select:none;width:100%;max-width:560px;max-height:640px}.mk-views{gap:8px;display:flex;position:absolute;top:12px;left:12px}.mk-view{border:1px solid var(--mk-rule);background:var(--mk-surface);height:36px;color:var(--mk-muted);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:13px;font-weight:600;display:flex}.mk-view svg{width:28px;height:28px}.mk-view[aria-selected=true]{border-color:var(--mk-accent);color:var(--mk-text);background:var(--mk-accent-soft)}.mk-empty{border:1.5px dashed var(--mk-accent);border-radius:var(--mk-radius);color:var(--mk-muted);font:inherit;cursor:pointer;background:#ffffffe6;gap:2px;padding:14px;display:grid;position:absolute;inset:auto 24px 24px}.mk-empty b{color:var(--mk-accent)}.mk-size{background:var(--mk-text);color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;position:absolute;bottom:12px;right:12px}.mk-panel{align-content:start;gap:12px;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;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-accent);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:10px;gap:10px;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:8px;font-size:20px}.mk-remove:hover{background:var(--mk-ground)}.mk-field{gap:4px;font-size:13px;font-weight:600;display:grid}.mk-field select{border:1px solid var(--mk-rule);height:36px;font:inherit;background:var(--mk-surface);border-radius:8px;padding:0 8px;font-weight:400}.mk-field input[type=range]{accent-color:var(--mk-accent)}.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:#7a4a00}.mk-facts dd[data-tone=too_low]{color:#a3134f;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:#a3134f;margin:0;font-size:13px}.mk-add{border:1px dashed var(--mk-accent);height:36px;color:var(--mk-accent);font:inherit;cursor:pointer;background:0 0;border-radius:8px;font-weight:600}.mk-add:disabled{opacity:.6}.mk-done{color:#13703f;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.mk-done svg{width:16px;height:16px}