:root{--mtg-primary:var(--main-primary);--mtg-primary-rgb:99, 102, 241;--mtg-text:#1e293b;--mtg-text-muted:#64748b;--mtg-bg:#fff;--mtg-bg-hover:#f8fafc;--mtg-border:#e2e8f0;--mtg-border-hover:#cbd5e1;--mtg-shadow:0 1px 3px #00000014;--mtg-shadow-lg:0 4px 12px #0000001a;--mtg-radius:.5rem;--mtg-radius-lg:.75rem;--mtg-count-ok:#10b981;--mtg-count-warn:#f59e0b;--mtg-count-over:#ef4444;--mtg-output-bg:#f8faff;--mtg-output-header-bg:#f0f4ff;--mtg-output-border:#c7d2fe;--mtg-output-glow:#6366f114;--mtg-code-bg:#1e1e2e;--mtg-code-text:#cdd6f4;--mtg-code-tag:#89b4fa;--mtg-code-attr:#cba6f7;--mtg-code-value:#a6e3a1;--mtg-code-punc:#6c7086;--mtg-google-title:#1a0dab;--mtg-google-url:#006621;--mtg-google-desc:#545454;--mtg-fb-bg:#f0f2f5;--mtg-fb-border:#dadde1;--mtg-tw-border:#cfd9de}._mtg-container{grid-template-columns:1fr 1fr;gap:1.25rem;max-width:1100px;margin:0 auto;display:grid}._mtg-col-left{flex-direction:column;gap:0;display:flex}._mtg-col-right{flex-direction:column;gap:1rem;display:flex}@media (max-width:900px){._mtg-container{grid-template-columns:1fr;max-width:640px}}@media (max-width:768px){._mtg-container{padding-left:1rem;padding-right:1rem}}._mtg-tabs{border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--mtg-border);gap:0;margin-bottom:0;display:flex}._mtg-tab{color:var(--mtg-text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:0 solid #0000;border-bottom-width:2px;flex:1;margin-bottom:-2px;padding:.75rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s}._mtg-tab:hover{color:var(--mtg-text)}._mtg-tab--active{color:var(--mtg-primary);border-bottom-color:var(--mtg-primary);font-weight:600}._mtg-panel{flex-direction:column;gap:1rem;padding:1.25rem 0;display:flex}._mtg-panel--hidden{display:none}._mtg-preview-tabs{background:var(--mtg-bg);border-radius:var(--mtg-radius);border-style:solid;border-width:1px;border-color:var(--mtg-border);box-shadow:var(--mtg-shadow);gap:.375rem;padding:.25rem;display:flex}._mtg-preview-tab{color:var(--mtg-text-muted);cursor:pointer;text-align:center;background:0 0;border:0 solid #0000;border-radius:.375rem;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background .15s,color .15s}._mtg-preview-tab:hover{color:var(--mtg-text);background:var(--mtg-bg-hover)}._mtg-preview-tab--active{background:var(--mtg-primary);color:#fff;box-shadow:0 1px 4px rgba(var(--mtg-primary-rgb), .3)}._mtg-preview-tab--active:hover{background:var(--mtg-primary);color:#fff}._mtg-actions{padding-top:.5rem}._mtg-btn-reset{border-style:solid;border-width:1px;border-color:var(--mtg-border);border-radius:var(--mtg-radius);color:var(--mtg-text-muted);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._mtg-btn-reset:hover{color:var(--mtg-count-over);border-color:var(--mtg-count-over)}._mtg-btn-reset svg{width:14px;height:14px}._mtg-field{flex-direction:column;gap:.375rem;display:flex}._mtg-label{color:var(--mtg-text);font-size:.8125rem;font-weight:600}._mtg-input,._mtg-textarea,._mtg-select{background:var(--mtg-bg);border-style:solid;border-width:1.5px;border-color:var(--mtg-border);border-radius:var(--mtg-radius);width:100%;color:var(--mtg-text);outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._mtg-input:focus,._mtg-textarea:focus,._mtg-select:focus{border-color:var(--mtg-primary);box-shadow:0 0 0 3px rgba(var(--mtg-primary-rgb), .1)}._mtg-input::placeholder,._mtg-textarea::placeholder{color:var(--mtg-text-muted);opacity:.6}._mtg-textarea{resize:vertical;min-height:3.5rem}._mtg-select{cursor:pointer;-webkit-appearance:none;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='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}._mtg-hint{color:var(--mtg-text-muted);font-size:.75rem}._mtg-char-count{color:var(--mtg-text-muted);text-align:right;justify-content:flex-end;align-items:center;gap:.125rem;font-size:.75rem;display:flex}._mtg-char-count--ok ._mtg-char-current{color:var(--mtg-count-ok)}._mtg-char-count--warn ._mtg-char-current{color:var(--mtg-count-warn)}._mtg-char-count--over ._mtg-char-current{color:var(--mtg-count-over)}._mtg-char-count--ok{color:var(--mtg-count-ok)}._mtg-char-count--warn{color:var(--mtg-count-warn)}._mtg-char-count--over{color:var(--mtg-count-over)}._mtg-toggles{gap:1.25rem;display:flex}._mtg-toggle-label{color:var(--mtg-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}._mtg-toggle{display:none}._mtg-toggle-switch{background:var(--mtg-border);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}._mtg-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._mtg-toggle:checked+._mtg-toggle-switch{background:var(--mtg-primary)}._mtg-toggle:checked+._mtg-toggle-switch:after{left:18px}@media (max-width:480px){._mtg-input,._mtg-textarea,._mtg-select{font-size:1rem}}._mtg-preview-card{background:var(--mtg-bg);border-radius:var(--mtg-radius-lg);border-style:solid;border-width:1px;border-color:var(--mtg-border);box-shadow:var(--mtg-shadow);min-height:120px;overflow:hidden}._mtg-preview-card--hidden{display:none}._mtg-google-preview{padding:1.25rem}._mtg-google-url{color:var(--mtg-google-url);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.8125rem;overflow:hidden}._mtg-google-title{color:var(--mtg-google-title);-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1.125rem;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}._mtg-google-title:hover{text-decoration:underline}._mtg-google-desc{color:var(--mtg-google-desc);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}._mtg-fb-preview{flex-direction:column;display:flex}._mtg-fb-image{aspect-ratio:1.91;background:var(--mtg-fb-bg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}._mtg-fb-image img{object-fit:cover;width:100%;height:100%}._mtg-fb-image-placeholder{color:var(--mtg-text-muted);opacity:.6;font-size:.875rem}._mtg-fb-content{border-top-style:solid;border-top-width:1px;border-top-color:var(--mtg-fb-border);background:var(--mtg-fb-bg);padding:.75rem 1rem}._mtg-fb-site{color:var(--mtg-text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.6875rem}._mtg-fb-title{color:var(--mtg-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}._mtg-fb-desc{color:var(--mtg-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}._mtg-tw-preview{flex-direction:column;display:flex}._mtg-tw-image{aspect-ratio:1.91;background:var(--mtg-fb-bg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}._mtg-tw-image img{object-fit:cover;width:100%;height:100%}._mtg-tw-image-placeholder{color:var(--mtg-text-muted);opacity:.6;font-size:.875rem}._mtg-tw-preview--summary{flex-direction:row}._mtg-tw-preview--summary ._mtg-tw-image{aspect-ratio:1;border-right-style:solid;border-right-width:1px;border-right-color:var(--mtg-tw-border);width:130px;min-width:130px}._mtg-tw-content{padding:.75rem 1rem}._mtg-tw-site-label{color:var(--mtg-text-muted);margin-bottom:.125rem;font-size:.75rem}._mtg-tw-title-label{color:var(--mtg-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}._mtg-tw-desc-label{color:var(--mtg-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:480px){._mtg-tw-preview--summary ._mtg-tw-image{width:100px;min-width:100px}}._mtg-output-card{background:var(--mtg-output-bg);border-radius:var(--mtg-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--mtg-output-border);box-shadow:var(--mtg-shadow-lg), 0 0 0 1px var(--mtg-output-glow);overflow:hidden}._mtg-output-header{background:var(--mtg-output-header-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mtg-output-border);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._mtg-output-label{color:var(--mtg-primary);letter-spacing:.05em;font-size:.8125rem;font-weight:700}._mtg-copy-btn{background:var(--mtg-primary);color:#fff;border-radius:var(--mtg-radius);cursor:pointer;box-shadow:0 1px 4px rgba(var(--mtg-primary-rgb), .3);border:0 solid #0000;align-items:center;gap:.375rem;padding:.4rem .875rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}._mtg-copy-btn:hover{opacity:.88}._mtg-copy-btn svg{width:14px;height:14px}._mtg-code{font-family:var(--main-font-mono);color:var(--mtg-code-text);background:var(--mtg-code-bg);white-space:pre-wrap;word-break:break-all;min-height:8rem;max-height:24rem;margin:0;padding:1.25rem;font-size:.8125rem;line-height:1.7;overflow-y:auto}._mtg-code code{font-family:inherit}._mtg-code .hl-tag{color:var(--mtg-code-tag)}._mtg-code .hl-attr{color:var(--mtg-code-attr)}._mtg-code .hl-value{color:var(--mtg-code-value)}._mtg-code .hl-punc{color:var(--mtg-code-punc)}
