.mnk-pren { box-sizing:border-box; max-width:1120px; padding:28px; margin:36px auto; background:linear-gradient(145deg,#f5f6fc,#fff); color:#1e293b; border:1px solid #d2d5ed; border-radius:16px; scroll-margin-top:48px; }
.mnk-pren *, .mnk-pren *::before, .mnk-pren *::after { box-sizing:border-box; }
.mnk-pren [hidden] { display:none !important; }
.mnk-pren h2 { color:#0800ad; margin:0 0 14px; font-size:clamp(24px,3vw,32px); }
.mnk-pren .mnk-pren__formula { padding:14px 18px; background:#0800ad; color:#fff; border-radius:8px; font-weight:600; overflow-wrap:anywhere; }
.mnk-pren .mnk-pren__formula-note, .mnk-pren .mnk-pren__hint { font-size:13px; }
.mnk-pren__inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mnk-pren__inputs > div { min-width:0; }
.mnk-pren label { display:block; margin-bottom:8px; font-size:14px; font-weight:600; }
.mnk-pren input[type="text"] { width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #bbc1de; border-radius:8px; color:#1e293b; background:#fff; font:inherit; }
.mnk-pren .mnk-pren__scope { display:flex; align-items:flex-start; gap:10px; margin:20px 0; }
.mnk-pren__scope input { flex:none; width:18px; height:18px; margin:3px 0 0; }
.mnk-pren__actions { display:flex; flex-wrap:wrap; gap:12px; }
.mnk-pren button { min-height:44px; padding:10px 22px; font:inherit; font-weight:600; border:0; border-radius:24px; background:#ffd252; color:#1e293b; cursor:pointer; }
.mnk-pren .mnk-pren__clear { background:#e8ebf7; }
.mnk-pren input:focus-visible, .mnk-pren button:focus-visible, .mnk-pren a:focus-visible { outline:3px solid #edb827; outline-offset:3px; }
.mnk-pren [aria-invalid="true"] { border-color:#b22121; }
.mnk-pren .mnk-pren__error { padding:12px; border-left:4px solid #b22121; background:#fff1f1; color:#851b1b; margin:18px 0; }
.mnk-pren .mnk-pren__result-label { margin:20px 0 8px; font-size:14px; font-weight:600; }
.mnk-pren output { display:block; min-height:55px; padding:10px 16px; border:1px solid #cdd3eb; border-radius:8px; background:#fff; font-size:26px; font-weight:600; color:#0800ad; }
.mnk-pren .mnk-pren__limit { margin:24px 0 12px; padding:14px 18px; background:#fff8df; border-left:4px solid #ffd252; font-size:14px; }
.mnk-pren .mnk-pren__source { font-size:13px; margin-bottom:0; }
.mnk-pren__source a { color:#0800ad; text-decoration:underline; }
@media (max-width:600px) { .mnk-pren { padding:18px; margin:28px 0; } .mnk-pren__inputs { grid-template-columns:minmax(0,1fr); gap:14px; } .mnk-pren input[type="text"] { font-size:16px; } .mnk-pren__actions button { flex:1 1 auto; } }

.mnk-pren .mnk-pren__copy-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}
.mnk-pren .mnk-pren__copy-panel p{margin:10px 0;font-size:14px;line-height:1.5;color:#1e293b}
.mnk-pren .mnk-pren__copy-panel p:empty{display:none}
.mnk-pren .mnk-pren__copy-panel textarea{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:130px;padding:12px;border:1px solid #bbc1de;border-radius:8px;background:#fff;color:#1e293b;font:inherit;font-size:16px;line-height:1.5;resize:vertical}
.mnk-pren .mnk-pren__copy-panel textarea:focus-visible{outline:3px solid #edb827;outline-offset:3px}
.mnk-pren [hidden]{display:none!important}

.mnk-pren__actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.mnk-pren__actions button:disabled{opacity:.55;cursor:not-allowed}
