/* RuvoKit V11: accessible purpose-specific workspaces. No external CSS/fonts. */
.rk11-studio{--rk11-accent:#3458cb;--rk11-soft:#eaf0ff;margin:22px auto 50px;border:1px solid #dee6f5;border-radius:24px;background:#fff;box-shadow:0 22px 65px rgba(19,39,85,.07);overflow:hidden;max-width:1180px;color:#1e3151}
.rk11-studio[data-kind=image]{--rk11-accent:#1872a5;--rk11-soft:#e8f8fc}.rk11-studio[data-kind=seo]{--rk11-accent:#08756f;--rk11-soft:#e6faf6}.rk11-studio[data-kind=audio]{--rk11-accent:#9047ae;--rk11-soft:#f6ecfc}.rk11-studio[data-kind=calculator]{--rk11-accent:#955e1b;--rk11-soft:#fff4e4}.rk11-studio[data-kind=documents]{--rk11-accent:#3467a8;--rk11-soft:#e9f3ff}
.rk11-studio *{box-sizing:border-box}.rk11-intro{background:linear-gradient(108deg,#122b61,var(--rk11-accent));color:#fff;padding:24px 28px}.rk11-kicker{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;color:#bceeff}.rk11-intro h2{font-size:clamp(21px,2.5vw,29px);margin:7px 0;letter-spacing:-.5px;line-height:1.2}.rk11-intro p{font-size:13px;line-height:1.65;color:#eef4ff;margin:0;max-width:800px}
.rk11-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rk11-form{background:#f8faff;border-right:1px solid #e0e8f5;padding:24px 28px;min-width:0}.rk11-result{padding:24px 28px;min-width:0}.rk11-studio h3{font-size:15px;margin:0 0 19px;color:#20355b}
.rk11-field{display:grid;gap:8px;margin:0 0 17px;color:#3d5270;font-size:12px;font-weight:750}.rk11-field input,.rk11-field select,.rk11-field textarea{font:inherit;border:1px solid #c8d5ed;border-radius:11px;padding:12px 13px;color:#192f52;background:#fff;min-width:0;width:100%;font-size:13px}.rk11-field textarea{resize:vertical;min-height:115px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.rk11-field input[type=color]{min-height:46px;padding:5px}.rk11-field input[type=checkbox]{width:auto;min-width:auto}.rk11-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#475e80;margin:0 0 13px}.rk11-check input{accent-color:var(--rk11-accent)}.rk11-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 13px}.rk11-input-grid>.rk11-field{margin-bottom:13px}
.rk11-studio :is(input,select,textarea,button):focus-visible{outline:3px solid #b5caff;outline-offset:2px}.rk11-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}.rk11-studio button{font-family:inherit;font-size:12px;font-weight:750;line-height:1.2;cursor:pointer;padding:10px 16px;background:#fff;border:1px solid #cbd7ed;border-radius:10px;color:#2c4b80;min-height:40px}.rk11-studio button:hover{background:#e8efff}.rk11-studio button.rk11-primary{color:#fff;background:var(--rk11-accent);border-color:var(--rk11-accent)}.rk11-studio button:disabled{opacity:.5;cursor:progress}
.rk11-outbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:14px;flex-wrap:wrap}.rk11-outbar h3{margin:0}.rk11-outbar>div{display:flex;gap:7px;flex-wrap:wrap}.rk11-status{margin:12px 0 0;min-height:20px;color:#17724b;font-size:12px;line-height:1.5}.rk11-status[data-error=true]{color:#b82d46}.rk11-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fe;border:1px solid #dae5f5;padding:18px;border-radius:12px;font:12px/1.65 ui-monospace,Consolas,monospace;min-height:170px;max-height:410px;overflow:auto;color:#1a345b}.rk11-output:empty{display:none}.rk11-surface{display:grid;place-items:center;background:repeating-conic-gradient(#e8edf6 0% 25%,#f8faff 0% 50%) 50%/18px 18px;border-radius:12px;min-height:195px;padding:10px;margin:10px 0 16px;overflow:hidden}.rk11-surface:empty{display:none}.rk11-surface canvas{display:block;max-width:100%;height:auto;border-radius:3px;background:white}.rk11-surface img{max-width:100%;max-height:360px;object-fit:contain}.rk11-surface[data-special=flex]{display:flex;flex-wrap:wrap;gap:12px;min-height:230px;background:#eaf0f9;align-content:center}.rk11-flex-demo{padding:16px 10px;width:72px;height:70px;text-align:center;display:grid;place-items:center;color:#234f8a;background:#fff;border:2px solid #638bca;border-radius:10px;font-weight:800;font-size:14px}
.rk11-help{padding:14px 28px;background:#fbfcff;border-top:1px solid #e3eaf6;color:#617391;font-size:11px;line-height:1.7}.rk11-notice{padding:11px 14px;margin:10px 0 0;background:var(--rk11-soft);border-radius:10px;color:#28537b;font-size:12px;line-height:1.55}.rk11-drop{border:2px dashed #adc3e6;background:#fff;padding:15px;border-radius:12px;margin:0 0 17px}.rk11-drop input{border:0;padding:4px;font-size:12px}.rk11-drop small{display:block;color:#627597;margin-top:5px}.rk11-info{font-size:12px;line-height:1.6;color:#4a668c;min-height:20px;margin:8px 0}.rk11-swatch{display:inline-block;width:28px;height:28px;border-radius:7px;border:1px solid #bbcadf;vertical-align:middle;margin-right:10px}.rk11-studio[data-kind=image] .rk11-surface{min-height:270px}.rk11-inline-meta{display:flex;gap:14px;flex-wrap:wrap;color:#557090;font-size:12px;font-weight:650;margin-bottom:15px}.rk11-summary{font-size:12px;line-height:1.6;color:#566f96}.rk11-sr-only{position:absolute;left:-9999px}
@media(max-width:870px){.rk11-columns{grid-template-columns:1fr}.rk11-form{border-right:0;border-bottom:1px solid #e0e8f5}.rk11-form,.rk11-result{padding:19px 16px}.rk11-intro{padding:21px 18px}.rk11-help{padding:15px 18px}.rk11-input-grid{grid-template-columns:1fr}}