/* RuvoKit V12 tool workspaces — category-specific, responsive, accessible. */
.rk12-studio{--rk12-accent:#2859b9;--rk12-soft:#edf2ff;max-width:1190px;margin:28px auto 48px;border:1px solid #dce5f2;border-radius:24px;background:#fff;box-shadow:0 18px 58px rgba(16,42,91,.075);overflow:hidden;color:#193253}
.rk12-studio[data-kind=image]{--rk12-accent:#087a9e;--rk12-soft:#e9f8fb}
.rk12-studio[data-kind=audio]{--rk12-accent:#8051ae;--rk12-soft:#f6effc}
.rk12-studio[data-kind=video]{--rk12-accent:#a9446c;--rk12-soft:#fff1f5}
.rk12-studio[data-kind=documents]{--rk12-accent:#366dba;--rk12-soft:#edf4ff}
.rk12-studio[data-kind=developer]{--rk12-accent:#5e55bd;--rk12-soft:#f0f0ff}
.rk12-studio[data-kind=seo]{--rk12-accent:#107c61;--rk12-soft:#eaf9f2}
.rk12-studio[data-kind=calculators]{--rk12-accent:#966121;--rk12-soft:#fff7e9}
.rk12-studio[data-kind=text]{--rk12-accent:#287965;--rk12-soft:#eafaf5}
.rk12-studio *{box-sizing:border-box}
.rk12-intro{padding:26px 30px;background:linear-gradient(115deg,#112a5c,var(--rk12-accent));color:#fff}
.rk12-kicker{font:800 11px/1.2 system-ui,sans-serif;letter-spacing:1.4px;color:#c4efff}
.rk12-intro h2{font:800 clamp(22px,2.7vw,30px)/1.24 system-ui,sans-serif;letter-spacing:-.65px;margin:10px 0}
.rk12-intro p{font:400 13px/1.7 system-ui,sans-serif;max-width:730px;color:#edf5ff;margin:0}
.rk12-workspace{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
.rk12-form,.rk12-result{padding:26px 28px;min-width:0}
.rk12-form{background:#f9fbff;border-right:1px solid #e3eaf6}
.rk12-studio h3{font:800 15px/1.3 system-ui,sans-serif;color:#203a64;margin:0 0 18px}
.rk12-field{display:grid;gap:8px;margin-bottom:17px;color:#425b80;font-size:12px;font-weight:700}
.rk12-field>span{line-height:1.4}
.rk12-field input,.rk12-field select,.rk12-field textarea{width:100%;min-width:0;min-height:43px;padding:11px 12px;border:1px solid #c5d2e6;border-radius:11px;background:#fff;color:#1d3658;font:500 13px/1.5 system-ui,sans-serif}
.rk12-field textarea{font:500 13px/1.55 ui-monospace,SFMono-Regular,Consolas,'Noto Sans Bengali',monospace;min-height:95px;resize:vertical;white-space:pre-wrap}
.rk12-field input[type=file]{padding:10px;cursor:pointer}
.rk12-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.rk12-file{padding:15px;border:2px dashed #acc2e6;border-radius:13px;background:#fff}
.rk12-file small{font-size:11px;color:#5f759b;font-weight:500;line-height:1.55}
.rk12-note{margin:-5px 0 15px;font-size:12px;color:#5a6f8d;line-height:1.6}
.rk12-actions{display:flex;flex-wrap:wrap;gap:9px;margin:7px 0}
.rk12-studio button{min-height:42px;border:1px solid #c6d5ed;border-radius:10px;padding:10px 17px;background:#fff;color:#254b88;font:700 12px/1.3 system-ui,sans-serif;cursor:pointer}
.rk12-studio button.rk12-primary{color:#fff;background:var(--rk12-accent);border-color:var(--rk12-accent)}
.rk12-studio button:not(:disabled):hover{filter:brightness(.94)}
.rk12-studio button:disabled{cursor:default;opacity:.48}
.rk12-studio :is(button,input,select,textarea):focus-visible{outline:3px solid #91bcff;outline-offset:2px}
.rk12-status{min-height:20px;margin:12px 0 0;color:#137b55;font:600 12px/1.5 system-ui,sans-serif}
.rk12-status[data-error=true]{color:#c0364e}
.rk12-outbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px;flex-wrap:wrap}
.rk12-outbar h3{margin:0}
.rk12-outbar>div{display:flex;gap:7px}
.rk12-outbar button{padding:9px 13px}
.rk12-output{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:490px;min-height:155px;margin:0;padding:16px 18px;border-radius:12px;background:#f4f8fe;border:1px solid #dce6f6;color:#233c62;font:500 12px/1.7 ui-monospace,Consolas,'Noto Sans Bengali',monospace}
.rk12-surface{display:grid;place-items:center;max-width:100%;min-height:0;overflow:hidden;border-radius:12px;margin-bottom:14px;background:repeating-conic-gradient(#e5ebf4 0% 25%,#f9faff 0% 50%) 50%/20px 20px}
.rk12-surface:empty{display:none}
.rk12-surface canvas{max-width:100%;height:auto;display:block}
.rk12-surface audio,.rk12-surface video{display:block;width:100%;max-height:310px}
.rk12-tile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;padding:11px;background:#edf3ff}
.rk12-tile-gallery img{width:100%;height:80px;object-fit:cover;background:#fff;border:1px solid #b6c9e6}
.rk12-clamp-demo{width:100%;padding:28px;text-align:center;overflow-wrap:anywhere;background:#fff;color:#1c3a6c;font-weight:800;line-height:1.3}
.rk12-footer{border-top:1px solid #e0e9f5;background:var(--rk12-soft);padding:12px 29px;color:#42617d;font:600 11px/1.7 system-ui,sans-serif}
@media(max-width:900px){.rk12-workspace{grid-template-columns:1fr}.rk12-form{border-right:0;border-bottom:1px solid #e3eaf6}.rk12-form,.rk12-result{padding:21px 19px}.rk12-intro{padding:23px 20px}}
@media(max-width:480px){.rk12-studio{margin:14px auto 30px;border-radius:17px}.rk12-fields{grid-template-columns:1fr}.rk12-outbar>div{width:100%;justify-content:flex-start}.rk12-file{padding:12px}.rk12-tile-gallery img{height:65px}}
@media(prefers-reduced-motion:reduce){.rk12-studio *, .rk12-studio *::before,.rk12-studio *::after{scroll-behavior:auto;transition:none!important}}

.rk12-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#4d6583;margin:6px 0 15px}.rk12-check input{width:18px;height:18px;accent-color:var(--rk12-accent)}