/* RuvoKit V6 — purpose-built, responsive working spaces. */
:root{--rk-v6-indigo:#5863df;--rk-v6-navy:#101b3c}
body[data-studio]{background:#f7f9fe}
body[data-studio] .tool-head{position:relative;background:radial-gradient(circle at 91% 10%,color-mix(in srgb,var(--studio-color) 12%,white),transparent 45%),#fcfdff;border-bottom:1px solid #e6ebf5;padding-bottom:27px}
body[data-studio] .tool-category-line{color:var(--studio-color);letter-spacing:.11em}
body[data-studio] .tool-title h1{letter-spacing:-.045em}
body[data-studio] .tool-title-icon{color:var(--studio-color);background:color-mix(in srgb,var(--studio-color) 10%,white);border:1px solid color-mix(in srgb,var(--studio-color) 19%,white)}
body[data-studio=image]{--studio-color:#5569da;--studio-tint:#edf1ff}
body[data-studio=media]{--studio-color:#d47a40;--studio-tint:#fff2e7}
body[data-studio=video]{--studio-color:#b85c98;--studio-tint:#fff0fa}
body[data-studio=document]{--studio-color:#cc675a;--studio-tint:#fff0ed}
body[data-studio=editor]{--studio-color:#17a19a;--studio-tint:#e7f9f7}
body[data-studio=code]{--studio-color:#7457c6;--studio-tint:#f0edfd}
body[data-studio=seo]{--studio-color:#25996e;--studio-tint:#e7f7ed}
body[data-studio=calculator]{--studio-color:#bd8154;--studio-tint:#fff3e9}
.rk-v6-context{margin:26px auto 4px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:16px;align-items:stretch}
.rk-v6-context-lead,.rk-v6-steps{border-radius:19px;background:#fff;border:1px solid #e3e9f5;box-shadow:0 13px 26px #26396109;padding:23px 26px}
.rk-v6-context-lead{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--studio-tint),#fff 76%)}
.rk-v6-eyebrow{display:block;font-size:10px;letter-spacing:.14em;color:var(--studio-color);font-weight:900;text-transform:uppercase;margin-bottom:8px}
.rk-v6-context h2{font-size:clamp(19px,2vw,27px);letter-spacing:-.042em;line-height:1.2;margin:0 0 10px}
.rk-v6-context p{color:#5e6c86;font-size:13px;line-height:1.75;margin:0;max-width:620px}
.rk-v6-context strong{color:#17284a}
.rk-v6-mark{font-size:28px;display:inline-grid;place-items:center;background:#fff;color:var(--studio-color);width:49px;height:49px;border-radius:14px;margin-bottom:13px;box-shadow:0 9px 22px #2f3a6c14}
.rk-v6-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.rk-v6-step{display:grid;gap:7px;align-content:center;min-width:0}
.rk-v6-step b{width:28px;height:28px;display:grid;place-items:center;background:var(--studio-tint);border:1px solid color-mix(in srgb,var(--studio-color) 16%,white);border-radius:9px;color:var(--studio-color);font-size:11px}
.rk-v6-step strong{font-size:12px;line-height:1.35}
.rk-v6-step span{font-size:11px;line-height:1.5;color:#77849b}
body[data-studio] .workspace,body[data-studio] .utility-layout,.rk-v6-tool-layout{margin-top:18px}
body[data-studio] .controls-card,body[data-studio] .preview-card,body[data-studio] .utility-input-card,body[data-studio] .utility-output-card,.rk-v6-main,.rk-v6-output{border:1px solid #e0e7f4;box-shadow:0 8px 27px #1a2d530a;border-radius:20px;background:#fff}
body[data-studio] .card-title,body[data-studio] .preview-title h2,body[data-studio] .utility-section-heading h2{font-weight:800;letter-spacing:-.025em}
body[data-studio] .dropzone,body[data-studio] .media-drop{border:1.5px dashed color-mix(in srgb,var(--studio-color) 40%,white);border-radius:16px;background:linear-gradient(143deg,var(--studio-tint),#fff 78%);padding:28px 12px;transition:transform .2s,border-color .2s}
body[data-studio] .dropzone:hover,body[data-studio] .media-drop:hover{transform:translateY(-2px);border-color:var(--studio-color)}
body[data-studio] .upload-icon,body[data-studio] .media-drop-icon{background:#fff;color:var(--studio-color)}
body[data-studio] .run,body[data-studio] .utility-run{background:linear-gradient(112deg,var(--studio-color),#414cac);border:0;box-shadow:0 11px 22px color-mix(in srgb,var(--studio-color) 24%,transparent);color:#fff}
body[data-studio] .run:hover,body[data-studio] .utility-run:hover{filter:brightness(1.055)}
body[data-studio] .run:disabled{opacity:.63;box-shadow:none;cursor:not-allowed}
body[data-studio=image] .workspace{grid-template-columns:minmax(320px,.85fr) minmax(0,1.3fr);align-items:start}
body[data-studio=image] .controls-card{position:sticky;top:91px}
body[data-studio=image] .preview-title small{background:#eef1ff;color:#5a65a9;border-radius:30px;padding:4px 9px}
body[data-studio=image] .preview-box{min-height:270px}
body[data-studio=image] .preview-box img{max-height:330px}
body[data-studio=image] .comparison{gap:16px}
body[data-studio=image][data-workflow=compress] .preview-card{background:linear-gradient(#fff,#f7faff)}
body[data-studio=image][data-workflow=background] .preview-box.checker{background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
body[data-studio=image][data-workflow=convert] .setting-kicker:before{content:'⇄';margin-right:8px;color:var(--studio-color)}
body[data-studio=document] .workspace{grid-template-columns:minmax(285px,.85fr) minmax(0,1.2fr)}
body[data-studio=document] .preview-box{background:#e9edf5;border-radius:6px;box-shadow:inset 0 0 0 10px #f8faff}
body[data-studio=document] .preview-box.checker{background:#fefefe;box-shadow:inset 0 0 0 14px #e9edf5}
body[data-studio=document] .preview-title small{background:#fff1e9;color:#c27057;padding:6px 10px;border-radius:20px}
body[data-studio=code] .utility-layout{grid-template-columns:minmax(310px,1.05fr) minmax(300px,1fr)}
body[data-studio=code] .utility-input-card{background:#fcfbff}
body[data-studio=code] .utility-textarea,body[data-studio=code] .utility-result{font:12.5px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e4eaff;background:#111c3a;border:1px solid #26385e;border-radius:13px;tab-size:2;min-height:230px;padding:18px;letter-spacing:.012em}
body[data-studio=code] .utility-textarea::placeholder{color:#778bad}
body[data-studio=code] .utility-field:has(.utility-textarea):before{content:'● ● ●    EDITOR';display:block;white-space:pre;letter-spacing:.09em;font-size:10px;font-weight:800;color:#8a98ad;padding:7px 3px}
body[data-studio=code] .utility-result{background:#192747;color:#d1e6e5}
body[data-studio=code] .utility-section-heading .utility-number{color:#7a5ecc;background:#f0e9ff}
body[data-studio=editor] .utility-input-card .utility-textarea{min-height:285px;font-size:15px;line-height:1.85;background:#fffeff;border-color:#dfe9e8}
body[data-studio=editor] .utility-result{min-height:260px;font-size:14px}
body[data-studio=calculator] .utility-layout{grid-template-columns: minmax(285px,1fr) minmax(0,1.1fr)}
body[data-studio=calculator] .utility-output-card{background:linear-gradient(150deg,#fff,#fff8f3)}
body[data-studio=calculator] .utility-input-card .utility-field input{height:51px;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;background:#fffdfa;border-color:#f0dfcf}
body[data-studio=calculator] .utility-output-card .utility-result{font-weight:750;font-size:18px;line-height:1.95;min-height:240px;color:#693b1c;border-color:#f0dac6;background:#fff9f3}
body[data-studio=seo] .utility-layout{grid-template-columns:minmax(320px,1fr) minmax(0,1fr)}
body[data-studio=seo] .utility-input-card{background:linear-gradient(#fff,#f6fff9)}
body[data-studio=seo] .utility-output-card{background:#f9fffc}
body[data-studio=seo] .utility-result{font:12px/1.85 ui-monospace,monospace;background:#102c25;color:#d8f5e6;border:1px solid #325547;min-height:190px}
body[data-studio=media] .utility-layout,body[data-studio=video] .utility-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.16fr)}
body[data-studio=media] .media-preview,body[data-studio=video] .media-preview{border-radius:14px;background:linear-gradient(135deg,#161e39,#233b63);min-height:230px;display:grid;place-items:center;padding:20px}
body[data-studio=media] .media-preview audio{width:100%}
body[data-studio=video] .media-preview video{width:100%;border-radius:10px;max-height:400px}
body[data-studio=media] .media-preview .empty-output,body[data-studio=video] .media-preview .empty-output{color:#cfdef1}
body[data-studio=media] .media-preview .empty-output svg,body[data-studio=video] .media-preview .empty-output svg{color:#80b0ef}
body[data-studio=video] .media-result img{width:100%;max-width:540px;border-radius:12px;margin-top:14px;border:1px solid #e1e7f1}
.rk-v6-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:70px;margin:12px 0;padding:10px 12px;background:#eaf4ff;border-radius:13px}
.rk-v6-wave span{width:4px;border-radius:4px;background:linear-gradient(#6380ff,#55c6cf);height:var(--wave-h)}
.rk-v6-sheet-tip{font-size:12px;color:#61718c;padding:11px 15px;border-left:3px solid var(--studio-color);background:var(--studio-tint);border-radius:0 10px 10px 0;margin:14px 0 0}
.rk-v6-tool-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:30px}
.rk-v6-main,.rk-v6-output{padding:26px 28px;min-width:0}
.rk-v6-overline{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--studio-color);margin-bottom:6px}
.rk-v6-main h2,.rk-v6-output h2{margin:0 0 8px;font-size:clamp(19px,2vw,26px);letter-spacing:-.04em;color:#1a2746;line-height:1.25}
.rk-v6-intro{font-size:12px;color:#66748f;line-height:1.75;margin:0 0 23px}
.rk-v6-input-grid{display:grid;gap:13px}
.rk-v6-input-grid.rk-v6-dual{grid-template-columns:1fr 1fr;gap:12px}
.rk-v6-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.rk-v6-field>span{font-weight:750;color:#334564;font-size:12px}
.rk-v6-field input,.rk-v6-field select,.rk-v6-field textarea{width:100%;border:1px solid #dce4f0;background:#fbfcff;color:#203052;border-radius:11px;padding:12px 13px;font-size:13px;min-height:44px;outline-offset:2px}
.rk-v6-field textarea{resize:vertical;min-height:158px;font:12.5px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.rk-v6-compare .rk-v6-field textarea{min-height:300px}
.rk-v6-code .rk-v6-field textarea,.rk-v6-code .rk-v6-field input:not([type=color]){background:#131e3e;color:#e3ebfc;border-color:#273c65;outline-color:#8f88ef}
.rk-v6-seo .rk-v6-field textarea{min-height:95px}
.rk-v6-check{display:flex;gap:10px;align-items:center;padding:12px;background:#f8fafc;border:1px solid #e4eaf5;border-radius:10px;font-size:12px;font-weight:700;color:#3f4e67}
.rk-v6-check input{width:17px;height:17px;accent-color:var(--studio-color)}
.rk-v6-upload{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer;text-align:center;min-height:145px;padding:17px;border:1.5px dashed color-mix(in srgb,var(--studio-color) 44%,#fff);background:linear-gradient(135deg,var(--studio-tint),#fff);border-radius:16px}
.rk-v6-upload:hover{border-color:var(--studio-color)}
.rk-v6-upload input{max-width:100%;width:245px;font-size:11px;margin-top:10px;order:4}
.rk-v6-upload strong{font-size:13px;color:#344364}
.rk-v6-upload small{font-size:11px;color:#7a88a1}
.rk-v6-upload-icon{background:#fff;color:var(--studio-color);border:1px solid #e8edf5;font-size:25px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px}
.rk-v6-primary-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:20px}
.rk-v6-primary-actions button{flex:1;min-width:170px;min-height:49px;border-radius:12px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px}
.rk-v6-privacy{color:#8290a4;font-size:11px}
.rk-v6-status{margin:13px 0 0;font-size:12px;color:#73809a;line-height:1.6}
.rk-v6-status.success{color:#208466}.rk-v6-status.error{color:#b44b58}
.rk-v6-output-top{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:10px}
.rk-v6-ready{font-size:10px;background:#eef2fa;color:#71809e;padding:5px 9px;border-radius:20px;white-space:nowrap}
.rk-v6-visual{margin:17px 0;border:1px solid #e4e9f4;border-radius:14px;background:#f9fbff;min-height:125px;padding:15px;overflow:hidden}
.rk-v6-empty{text-align:center;color:#8796ad;padding:16px 8px}
.rk-v6-empty>span{font-size:32px;display:block;color:var(--studio-color)}
.rk-v6-empty strong{display:block;color:#485975;font-size:12px;margin-top:9px}
.rk-v6-empty p{font-size:11px;max-width:240px;margin:6px auto 0}
.rk-v6-result{width:100%;min-height:260px;resize:vertical;border:1px solid #dfe6f1;border-radius:13px;background:#fcfdff;color:#273959;padding:18px;font:12px/1.75 ui-monospace,Consolas,monospace}
.rk-v6-code .rk-v6-result{background:#101a35;color:#d7e4f1}
.rk-v6-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.rk-v6-secondary{border:1px solid #dee6f5;border-radius:10px;background:#fff;color:#37476b;padding:11px 15px;font-size:12px;font-weight:750}
.rk-v6-secondary.primary{background:#e9f8f3;border-color:#b4e7d9;color:#178569}
.rk-v6-secondary:disabled{opacity:.47;cursor:not-allowed}
.rk-v6-success{font-size:15px;text-align:center;font-weight:800;color:#1e936e;padding:30px}
.rk-v6-stat{text-align:center;padding:13px}.rk-v6-stat strong{font-size:42px;display:block;color:var(--studio-color);line-height:1.1}.rk-v6-stat span{font-size:12px;color:#72849b}
.rk-v6-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.rk-v6-stats>div{padding:17px 13px;border-radius:12px;background:#fff;border:1px solid #e4eaf5;min-width:0}
.rk-v6-stats span{font-size:11px;color:#6c7890;display:block}.rk-v6-stats strong{font-size:clamp(17px,2.5vw,26px);letter-spacing:-.02em;display:block;overflow-wrap:anywhere;color:var(--studio-color)}
.rk-v6-diff{font:12px/1.65 ui-monospace,Consolas,monospace;max-height:460px;overflow:auto;border:1px solid #e0e7f0;border-radius:10px}
.rk-v6-diff>div{padding:4px 10px;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #f0f2f7}
.rk-v6-diff .diff-add{background:#e9faee;color:#0e7144}.rk-v6-diff .diff-remove{background:#ffeef0;color:#b44556}.rk-v6-diff .diff-same{color:#64728c}
.rk-v6-diff-metrics{display:flex;gap:12px;margin-bottom:10px;font-size:12px;color:#375e65}
.rk-v6-serp{padding:18px;background:#fff;border-radius:13px;border:1px solid #e4e8f1;display:flex;flex-direction:column;gap:5px}
.rk-v6-serp small{color:#738196;font-size:10px}.rk-v6-serp span{color:#386151;font-size:12px;overflow-wrap:anywhere}
.rk-v6-serp b{font-weight:550;color:#204fbd;font-size:21px;line-height:1.3}.rk-v6-serp p{color:#55677c;font-size:12px;line-height:1.55;margin:0}
.rk-v6-feedback{font-size:11px;color:#7887a0}.rk-v6-warning{border-radius:10px;background:#fff3e6;color:#89552d;padding:13px;font-size:12px;line-height:1.55}
.rk-v6-ratio{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:10px}
.rk-v6-ratio>div{border:2px solid #7884d4;border-radius:7px;background:linear-gradient(140deg,#e0ecff,#e9dcff)}.rk-v6-ratio strong{font-size:18px}
.rk-v6-player{width:100%;margin:24px 0}.rk-v6-result-image{width:100%;object-fit:contain;max-height:360px;border-radius:9px}
.rk-v6-compare img{width:100%;border-radius:10px}
body[data-studio] .rk-v6-context-lead:focus-within{outline:2px solid var(--studio-color)}
@media(max-width:1060px){body[data-studio=image] .workspace,body[data-studio=document] .workspace{grid-template-columns:minmax(285px,.88fr) minmax(0,1.1fr)}.rk-v6-context{grid-template-columns:1fr}.rk-v6-tool-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:820px){.rk-v6-tool-layout,body[data-studio=image] .workspace,body[data-studio=document] .workspace,body[data-studio=code] .utility-layout,body[data-studio=calculator] .utility-layout,body[data-studio=seo] .utility-layout,body[data-studio=media] .utility-layout,body[data-studio=video] .utility-layout{grid-template-columns:1fr}body[data-studio=image] .controls-card{position:static}.rk-v6-steps{min-height:118px}}
@media(max-width:560px){.rk-v6-context{gap:10px;margin-top:17px}.rk-v6-context-lead,.rk-v6-steps{padding:18px}.rk-v6-steps{grid-template-columns:1fr;gap:12px}.rk-v6-step{grid-template-columns:28px 1fr;column-gap:11px;align-items:center}.rk-v6-step span{grid-column:2}.rk-v6-main,.rk-v6-output{padding:18px}.rk-v6-input-grid.rk-v6-dual{grid-template-columns:1fr}.rk-v6-context h2{font-size:22px}.rk-v6-stat strong{font-size:32px}.rk-v6-stats strong{font-size:19px}.rk-v6-output-top{align-items:flex-start}.rk-v6-ready{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rk-v6-context *,.rk-v6-tool-layout *{transition:none!important}}