/* OnlineTools Kenya v1.1.0 developer workspaces. GPL-2.0-or-later. */
.otk-dev{color:#17304b;min-width:0}
.otk-dev *{box-sizing:border-box}
.otk-dev [hidden]{display:none!important}
.otk-dev .dev-intro{font-size:.97rem;line-height:1.7;color:#4c6077;margin:0 0 22px;max-width:92ch}
.otk-dev .dev-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px;min-width:0}
.otk-dev .dev-wide{grid-column:1/-1;min-width:0}
.otk-dev label{display:block;font-weight:700;font-size:.9rem;margin:0 0 8px;line-height:1.5}
.otk-dev input,.otk-dev select,.otk-dev textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid #b7c7d8;border-radius:9px;background:#fff;color:#17304b;font:inherit;padding:11px 12px}
.otk-dev textarea{resize:vertical;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.otk-dev input[type=file]{padding:10px;overflow:hidden}
.otk-dev .dev-help{font-size:.8rem;line-height:1.6;color:#51667b;margin:7px 0 0}
.otk-dev .dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0}
.otk-dev button{min-height:44px;padding:10px 16px;border:1px solid #b5c6d9;border-radius:9px;color:#173858;background:#fff;font:650 .87rem/1.5 system-ui,sans-serif;cursor:pointer}
.otk-dev button:hover{background:#eef4fb}
.otk-dev button.dev-primary{background:#0053d8;border-color:#0053d8;color:#fff}
.otk-dev button.dev-primary:hover{background:#0044b4}
.otk-dev button:disabled{opacity:.55;cursor:wait}
.otk-dev :is(input,select,textarea,button):focus-visible{outline:3px solid #77a7fa;outline-offset:3px}
.otk-dev .dev-status{font-size:.87rem;color:#4c6077;line-height:1.6;margin:12px 0}
.otk-dev .dev-error{border:1px solid #e6b7b0;background:#fff3f1;color:#95281e;border-radius:10px;padding:16px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
.otk-dev .dev-output{min-width:0;border-top:1px solid #d9e2eb;padding-top:26px;margin-top:22px}
.otk-dev .dev-output h2{font-size:1.25rem;line-height:1.4;margin:0 0 20px}
.otk-dev .dev-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(175px,100%),1fr));gap:12px;margin:16px 0 22px}
.otk-dev .dev-metrics>div{border:1px solid #dce7f2;border-radius:10px;background:#f4f8fd;padding:17px;min-width:0}
.otk-dev .dev-metrics dt{font-size:.79rem;color:#4c6077;margin:0 0 8px;line-height:1.5}
.otk-dev .dev-metrics dd{font-weight:760;font-size:1.14rem;line-height:1.4;margin:0;overflow-wrap:anywhere}
.otk-dev .dev-note,.otk-dev .dev-callout{font-size:.87rem;line-height:1.75;margin:17px 0;overflow-wrap:anywhere}
.otk-dev .dev-note{color:#4c6077}
.otk-dev .dev-callout{background:#fff7e3;color:#704b09;border:1px solid #ebd191;border-left:4px solid #b48217;padding:15px 17px;border-radius:0 8px 8px 0;font-weight:550}
.otk-dev .dev-text-result{margin:22px 0;min-width:0}
.otk-dev .dev-text-result textarea{background:#f8fafc}
.otk-dev .dev-scroll{overflow-x:auto;width:100%;max-width:100%;min-width:0;margin:20px 0;border:1px solid #dbe4ed;border-radius:10px}
.otk-dev table{width:100%;border-collapse:collapse;font-size:.85rem;line-height:1.6;margin:0;table-layout:fixed}
.otk-dev caption{text-align:left;font-weight:700;font-size:.9rem;padding:14px}
.otk-dev th,.otk-dev td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid #dbe4ed;overflow-wrap:anywhere}
.otk-dev th{background:#f2f6fb;font-weight:700}
.otk-dev td{white-space:pre-wrap}
@media(max-width:600px){.otk-dev .dev-actions button{flex:1 1 150px}.otk-dev .dev-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.otk-dev th,.otk-dev td{padding:10px 9px}.otk-dev .dev-scroll table{min-width:530px}.otk-dev .dev-callout{padding:12px}.otk-dev input,.otk-dev select{font-size:16px}}

/* dark-mode:start — generated by scripts/dark-mode.py from assets/developer-plus.css; do not edit by hand */
@media screen{
 html[data-theme="dark"] .otk-dev:not([data-otk-paper],[data-otk-paper] *){color:#ebebeb}
 html[data-theme="dark"] .otk-dev .dev-intro:not([data-otk-paper],[data-otk-paper] *){color:#b1b1b1}
 html[data-theme="dark"] .otk-dev input:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-dev select:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-dev textarea:not([data-otk-paper],[data-otk-paper] *){border:1px solid #484848;background:#212121;color:#ebebeb}
 html[data-theme="dark"] .otk-dev .dev-help:not([data-otk-paper],[data-otk-paper] *){color:#ababab}
 html[data-theme="dark"] .otk-dev button:not([data-otk-paper],[data-otk-paper] *){border:1px solid #484848;color:#e1e1e1;background:#212121}
 html[data-theme="dark"] .otk-dev button:hover:not([data-otk-paper],[data-otk-paper] *){background:#292929}
 html[data-theme="dark"] .otk-dev button.dev-primary:not([data-otk-paper],[data-otk-paper] *){background:#0053d8;border-color:#0053d8;color:#fff}
 html[data-theme="dark"] .otk-dev button.dev-primary:hover:not([data-otk-paper],[data-otk-paper] *){background:#0044b4}
 html[data-theme="dark"] .otk-dev :is(input,select,textarea,button):focus-visible:not([data-otk-paper],[data-otk-paper] *){outline:3px solid #455571}
 html[data-theme="dark"] .otk-dev .dev-status:not([data-otk-paper],[data-otk-paper] *){color:#b1b1b1}
 html[data-theme="dark"] .otk-dev .dev-error:not([data-otk-paper],[data-otk-paper] *){border:1px solid #613e39;background:#201615;color:#f9a294}
 html[data-theme="dark"] .otk-dev .dev-output:not([data-otk-paper],[data-otk-paper] *){border-top:1px solid #3d3d3d}
 html[data-theme="dark"] .otk-dev .dev-metrics>div:not([data-otk-paper],[data-otk-paper] *){border:1px solid #3b3b3b;background:#191919}
 html[data-theme="dark"] .otk-dev .dev-metrics dt:not([data-otk-paper],[data-otk-paper] *){color:#b1b1b1}
 html[data-theme="dark"] .otk-dev .dev-note:not([data-otk-paper],[data-otk-paper] *){color:#b1b1b1}
 html[data-theme="dark"] .otk-dev .dev-callout:not([data-otk-paper],[data-otk-paper] *){background:#1f1806;color:#e0b67c;border:1px solid #4d4121;border-left:4px solid #705e40}
 html[data-theme="dark"] .otk-dev .dev-text-result textarea:not([data-otk-paper],[data-otk-paper] *){background:#1d1d1d}
 html[data-theme="dark"] .otk-dev .dev-scroll:not([data-otk-paper],[data-otk-paper] *){border:1px solid #3c3c3c}
 html[data-theme="dark"] .otk-dev th:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-dev td:not([data-otk-paper],[data-otk-paper] *){border-top:1px solid #3c3c3c}
 html[data-theme="dark"] .otk-dev th:not([data-otk-paper],[data-otk-paper] *){background:#191919}
}
/* dark-mode:end */