.mc-card{background:#fff;border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.06);margin-bottom:2rem;overflow:hidden;}
.mc-card-inner{display:grid;grid-template-columns:1fr;min-height:320px;}
.mc-card-left{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;}
.mc-card-right{display:flex;flex-direction:column;min-height:280px;padding:1.5rem;background:var(--surface-muted,#f8fafc);border-top:1px solid var(--border,#e2e8f0);}
.mc-result{flex:1;display:flex;align-items:flex-start;}
.mc-mode{display:flex;flex-wrap:wrap;gap:0.375rem;padding:0.25rem;background:var(--surface-muted,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:12px;}
.mc-mode-btn{padding:0.625rem 1rem;font-size:0.9375rem;font-weight:500;color:var(--text-muted,#64748b);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color 0.2s,background 0.2s;}
.mc-mode-btn:hover{color:var(--text-main,#334155);background:#fff;}
.mc-mode-btn.is-active{color:var(--primary,#2563eb);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.06);}
.mc-panel{display:none;flex-direction:column;gap:1rem;}
.mc-panel.is-visible{display:flex;}
.mc-grid{display:grid;gap:1rem;align-items:start;}
.mc-grid-one{grid-template-columns:1fr;}
.mc-grid-two{grid-template-columns:1fr auto 1fr;align-items:stretch;}
.mc-block{display:flex;flex-direction:column;gap:0.5rem;}
.mc-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted,#64748b);}
.mc-textarea{width:100%;min-height:6rem;padding:0.75rem 1rem;font-family:ui-monospace,monospace;font-size:0.9375rem;line-height:1.5;color:var(--text-main,#334155);background:var(--surface-muted,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:12px;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s;}
.mc-textarea:focus{outline:none;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,0.12);}
.mc-textarea::placeholder{color:var(--text-muted,#94a3b8);}
.mc-op-row{display:flex;align-items:center;justify-content:center;}
.mc-select{padding:0.6rem 2rem 0.6rem 0.75rem;font-size:1.125rem;font-weight:600;color:var(--text-main,#334155);background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;}
.mc-op-symbol{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-muted,#64748b);}
.mc-actions{display:flex;flex-wrap:wrap;gap:0.5rem;}
.mc-btn{padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background 0.2s,transform 0.15s;}
.mc-btn-primary{color:#fff;background:var(--primary,#2563eb);}
.mc-btn-primary:hover{background:var(--primary-dark,#1d4ed8);}
.mc-btn:active{transform:scale(0.98);}
.mc-result{min-height:0;}
.mc-result-content{padding:1.25rem;background:var(--surface-muted,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:12px;}
.mc-result-title{font-size:0.8125rem;font-weight:600;color:var(--text-muted,#64748b);margin-bottom:0.75rem;}
.mc-result-matrix{font-family:ui-monospace,monospace;font-size:0.9375rem;white-space:pre-wrap;word-break:break-all;}
.mc-result-value{font-size:1.25rem;font-weight:700;color:var(--primary,#2563eb);}
.mc-result-error{padding:1rem;font-size:0.9375rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;}
.mc-note{padding:1rem 1.25rem;margin-bottom:2rem;background:var(--surface-muted,#f8fafc);border-left:4px solid var(--primary,#2563eb);border-radius:0 12px 12px 0;}
.mc-note p{margin:0;font-size:0.9375rem;color:var(--text-main,#334155);line-height:1.5;}
.mc-note code{font-family:ui-monospace,monospace;font-size:0.875em;padding:0.2em 0.4em;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:6px;}
.mc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media (min-width:768px){.mc-card-inner{grid-template-columns:1fr 1fr;}.mc-card-right{border-top:none;border-left:1px solid var(--border,#e2e8f0);}}
@media (max-width:639px){.mc-mode{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}.mc-grid-two{grid-template-columns:1fr;}.mc-op-row,.mc-op-symbol{order:-1;}.mc-op-symbol{grid-column:1;}.mc-card-left{padding:1rem;}.mc-card-right{padding:1rem;min-height:200px;}}
@media (min-width:640px){.mc-card-left{padding:1.5rem;}.mc-textarea{min-height:7rem;}}