:root{--md-purple:#7c3aed;--md-deep:#4c1d95;--md-soft:#f5f3ff;--md-ink:#171225;--md-muted:#665f73;--md-line:#e6e0ee}
body{background:linear-gradient(180deg,#fbfaff 0,#fff 440px)}.md-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,#4c1d95,#7c3aed 55%,#db2777);border:0;color:#fff;box-shadow:0 22px 60px rgba(76,29,149,.22)}.md-hero .tool-hero-title,.md-hero .tool-hero-desc{color:#fff}.md-hero .tool-hero-icon{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.3);font:800 1.15rem/1 ui-monospace,monospace}.md-hero .tool-badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}.md-page{max-width:1180px}.md-workspace{margin-top:4px;padding:22px;border:1px solid var(--md-line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(52,35,75,.1)}.md-topbar,.md-insertbar,.md-actions,.md-switches{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.md-topbar{justify-content:space-between;margin-bottom:14px}.md-topbar>div:first-child{display:flex;align-items:center;gap:10px}.md-topbar strong{color:var(--md-ink)}#live-status{font-size:.75rem;color:var(--md-muted);background:#f3f0f7;padding:4px 8px;border-radius:999px}.md-switches label{font-size:.82rem;color:var(--md-muted);cursor:pointer}.md-switches input{accent-color:var(--md-purple)}.md-insertbar{padding:9px;background:#f8f6fb;border:1px solid var(--md-line);border-radius:12px;margin-bottom:14px}.md-insertbar button,.md-file,.md-actions button{border:1px solid var(--md-line);background:#fff;color:var(--md-ink);border-radius:9px;padding:8px 12px;font:600 .82rem 'Google Sans',sans-serif;cursor:pointer;transition:.18s}.md-insertbar button:hover,.md-file:hover,.md-actions button:hover{border-color:var(--md-purple);color:var(--md-purple);transform:translateY(-1px)}.md-file{margin-left:auto}.md-file input{display:none}.md-banner{display:none;padding:10px 13px;margin-bottom:14px;border-radius:10px;font-size:.85rem}.md-banner.show{display:block}.md-banner.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.md-banner.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.md-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.md-pane{min-width:0}.pane-label,.md-tabs{height:34px;display:flex;align-items:center;justify-content:space-between;color:var(--md-muted);font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.md-tabs{justify-content:flex-start;gap:5px}.md-tabs button{border:0;background:transparent;color:var(--md-muted);padding:7px 11px;border-radius:8px;font:600 .8rem 'Google Sans',sans-serif;cursor:pointer}.md-tabs button.active{background:var(--md-soft);color:var(--md-purple)}.md-input,.md-source,.md-preview{width:100%;height:470px;box-sizing:border-box;border:1.5px solid var(--md-line);border-radius:15px;background:#fff;padding:18px;overflow:auto}.md-input,.md-source{resize:vertical;outline:none;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#282032}.md-input:focus{border-color:var(--md-purple);box-shadow:0 0 0 4px rgba(124,58,237,.09)}.md-source{background:#171225;color:#ddd6fe}.md-preview{line-height:1.7;color:#292332}.md-preview>:first-child{margin-top:0}.md-preview h1,.md-preview h2,.md-preview h3{line-height:1.25;color:#171225}.md-preview a{color:var(--md-purple)}.md-preview blockquote{margin-left:0;padding:4px 16px;border-left:4px solid var(--md-purple);color:var(--md-muted);background:var(--md-soft)}.md-preview code{padding:2px 5px;border-radius:5px;background:#f1edf7}.md-preview pre{padding:16px;overflow:auto;border-radius:12px;background:#171225;color:#ede9fe}.md-preview pre code{padding:0;background:none}.md-preview table{width:100%;border-collapse:collapse}.md-preview th,.md-preview td{padding:8px 10px;border:1px solid var(--md-line);text-align:left}.md-actions{margin-top:16px}.md-actions button{padding:10px 15px}.md-actions .md-primary{background:linear-gradient(135deg,var(--md-purple),#a855f7);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.22)}.md-actions .md-danger{margin-left:auto;color:#be123c}.md-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.md-stats div{padding:12px;text-align:center;border:1px solid var(--md-line);border-radius:12px;background:#faf9fc}.md-stats strong,.md-stats span{display:block}.md-stats strong{font-size:1.08rem;color:var(--md-deep)}.md-stats span{font-size:.72rem;color:var(--md-muted);margin-top:2px}.md-info,.md-guide,.md-faq{margin-top:28px;padding:30px;border:1px solid var(--md-line);border-radius:22px;background:#fff}.md-info{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;background:linear-gradient(135deg,#fff,#faf5ff)}.md-info h2,.md-guide h2,.md-faq h2{margin:6px 0 10px;color:var(--md-ink);font-size:1.55rem}.md-info p,.md-guide p,.md-faq p{color:var(--md-muted);line-height:1.7}.eyebrow{color:var(--md-purple);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.md-info ol{list-style:none;padding:0;margin:0;counter-reset:step}.md-info li{position:relative;padding:5px 0 16px 46px;counter-increment:step}.md-info li:before{content:counter(step);position:absolute;left:0;top:2px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--md-purple);color:#fff;font-weight:700}.md-info li strong,.md-info li span{display:block}.md-info li span{font-size:.84rem;color:var(--md-muted);margin-top:2px}.md-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.md-card-grid article{padding:18px;border:1px solid var(--md-line);border-radius:15px;background:#fcfbfd}.md-card-grid h3{font-size:1rem;color:var(--md-ink);margin:0 0 7px}.md-card-grid p{font-size:.86rem;margin:0}.md-faq details{border-top:1px solid var(--md-line);padding:14px 0}.md-faq summary{font-weight:600;color:var(--md-ink);cursor:pointer}.md-faq details p{margin-bottom:0}.md-library-error{padding:14px;border-radius:10px;background:#fff1f2;color:#be123c}
.md-empty-preview{display:grid;place-items:center;min-height:390px;margin:0;text-align:center;color:var(--md-muted)}
@media(max-width:850px){.md-layout,.md-info{grid-template-columns:1fr}.md-card-grid{grid-template-columns:1fr 1fr}.md-input,.md-source,.md-preview{height:390px}}
@media(max-width:560px){.md-workspace,.md-info,.md-guide,.md-faq{padding:16px;border-radius:17px}.md-file{margin-left:0}.md-actions button{flex:1 1 44%}.md-actions .md-primary{flex-basis:100%}.md-actions .md-danger{margin-left:0}.md-stats{grid-template-columns:1fr 1fr}.md-card-grid{grid-template-columns:1fr}.md-topbar{align-items:flex-start}.md-input,.md-source,.md-preview{height:340px}}