.md-page{max-width:1180px;margin:30px auto;padding:0 18px;color:#edf2ff}.md-heading{text-align:center;margin-bottom:25px}.md-heading>span{font-size:.8rem;letter-spacing:.15em;color:#b1dccb}.md-heading h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0}.md-page p{color:#b9c8dd;line-height:1.65;overflow-wrap:anywhere}.md-controls,.md-toolbar,.md-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.md-page button,.md-file{background:#23354b;color:#f2f7ff;border:1px solid #6f819b;border-radius:8px;padding:10px 13px;font:inherit;cursor:pointer}.md-page button.md-primary{background:#a6dec9;color:#102e26;border-color:#a6dec9;font-weight:700}.md-page button:disabled{opacity:.5;cursor:default}.md-page label{display:block;font-weight:600;margin:10px 0 7px}.md-page label.md-check{display:flex;gap:8px;align-items:center;font-weight:400}.md-check input{width:18px;height:18px;accent-color:#a6dec9}.md-page select,.md-page textarea{background:#0b1424;color:#eef3ff;border:1px solid #52617b;border-radius:8px;padding:10px;font:inherit;box-sizing:border-box;max-width:100%}.md-page textarea{width:100%;resize:vertical;font:.95rem/1.6 ui-monospace,Consolas,monospace}.md-page #mdInput{min-height:500px}.md-file{position:relative;overflow:hidden}.md-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.md-file:focus-within{outline:3px solid #b5e8d6;outline-offset:3px}.md-page :is(button,textarea,select,input,summary):focus-visible{outline:3px solid #b5e8d6;outline-offset:3px}.md-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.md-card{background:#121d30;border:1px solid #34415a;border-radius:16px;padding:20px;min-width:0}.md-card h2,.md-note h2{font-size:1.2rem;margin:0 0 15px}.md-toolbar button{padding:7px 10px;font-size:.85rem}.md-actions{margin-top:16px}.md-preview>p{font-size:.85rem}.md-preview iframe{display:block;width:100%;height:500px;border:1px solid #52617b;border-radius:8px;box-sizing:border-box;background:white}.md-page #mdStatus{color:#d7ebdf}.md-page #mdStatus[data-error=true]{color:#ffb6b6}.md-html,.md-note{margin-top:20px;padding:18px;background:#17273b;border:1px solid #34415a;border-radius:10px}.md-html summary{cursor:pointer;font-weight:700}.md-note p:last-child{margin-bottom:0}.md-page .md-mobile-view{display:none}.md-page [hidden]{display:none!important}@media(max-width:760px){.md-page{padding:0 12px}.md-workspace{grid-template-columns:1fr}.md-card{padding:16px}.md-page .md-mobile-view{display:block}.md-page[data-view=editor] .md-preview,.md-page[data-view=preview] .md-editor{display:none}.md-page #mdInput{min-height:400px}.md-preview iframe{height:450px}}