/* Kali public portfolio compatibility layer for the full original Studio. */
:root{--line2:rgba(70,255,207,.30);--muted2:#66857c;--panel:#08120f;--panel2:#0a1714;--display:Inter,ui-sans-serif,system-ui,sans-serif;--grad:linear-gradient(135deg,#18d9ab,#43f5c7);--shadow:0 28px 90px rgba(0,0,0,.38);--r:22px;--border:rgba(70,255,207,.16);--surface:#07110f;--surface-2:#0a1714}
.kali-original-studio{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,transparent,rgba(53,244,195,.025),transparent)}
.kali-original-studio .container{width:min(var(--max),100%);margin-inline:auto}
.kali-original-studio .section-heading{display:block;margin-bottom:44px;max-width:820px}
.kali-original-studio .section-heading h2{font-size:clamp(40px,7vw,78px);line-height:1;letter-spacing:-.045em;margin:12px 0 16px}
.kali-original-studio .section-heading p{color:var(--muted);line-height:1.75;font-size:16px}
.kali-original-studio .surface{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.kali-original-studio .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:13px;border:1px solid var(--line2);background:transparent;font-weight:800;color:var(--text)}
.kali-original-studio .button-primary{background:var(--accent);border-color:var(--accent);color:#00130e}
.kali-original-studio .button-secondary{background:rgba(255,255,255,.035)}
.kali-original-studio select,.kali-original-studio input,.kali-original-studio textarea{color:var(--text)}
.kali-original-studio select option{background:#08120f;color:var(--text)}
.kali-original-studio .tool-label,.kali-original-studio .studio-tabs button.active{color:var(--accent)}
.kali-original-studio .studio-tabs button.active{border-color:rgba(53,244,195,.35);background:rgba(53,244,195,.08)}
.kali-original-studio .privacy-chip{color:#8cebc2;border-color:rgba(53,244,195,.24);background:rgba(53,244,195,.06)}
.kali-original-studio .launcher-grid a:hover{border-color:rgba(53,244,195,.42);background:rgba(53,244,195,.05)}
.kali-original-studio .launcher-grid span{color:var(--accent)}
.kali-original-studio .plan-card.featured{border-color:rgba(53,244,195,.45);background:linear-gradient(145deg,rgba(53,244,195,.08),rgba(5,169,137,.035))}
.kali-original-studio .architecture-flow span,.kali-original-studio .health-grid>div{background:rgba(255,255,255,.018)}
/* Original-style compact floating AI */
.kali-ai{right:24px;bottom:24px;z-index:900}
.kali-ai-launch{min-width:0;padding:9px;border-radius:16px;border:1px solid var(--line2);background:rgba(7,17,15,.92);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.kali-ai-launch-copy{display:none}.kali-ai-pulse{right:4px;top:4px}.kali-ai-orb{width:38px;height:38px;flex-basis:38px;border-radius:12px}
.kali-ai-panel{right:0;bottom:62px;width:min(430px,calc(100vw - 24px));height:min(720px,calc(100vh - 32px));border-radius:25px;background:#07110f;border-color:var(--line2)}
@media(max-width:680px){.kali-original-studio{padding-inline:14px}.kali-original-studio .section-heading h2{font-size:clamp(38px,13vw,58px)}.kali-ai{right:12px;bottom:12px}}

.studio-section{position:relative;overflow:hidden}.studio-section:before{content:"";position:absolute;width:700px;height:700px;right:-280px;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(76,217,255,.12),transparent 66%);pointer-events:none}.studio-shell{position:relative;overflow:hidden}.studio-tabs{display:flex;gap:6px;overflow:auto;padding:10px;border-bottom:1px solid var(--line);scrollbar-width:none}.studio-tabs::-webkit-scrollbar{display:none}.studio-tabs button{white-space:nowrap;border:1px solid transparent;background:transparent;border-radius:11px;padding:10px 14px;color:var(--muted);font-size:.74rem;font-weight:800}.studio-tabs button:hover{background:rgba(255,255,255,.035);color:var(--text)}.studio-tabs button.active{border-color:var(--line2);background:rgba(114,132,255,.1);color:#b5c1ff}.studio-panels{padding:28px}.studio-panel[hidden]{display:none!important}.studio-panel{animation:studioIn .3s ease}@keyframes studioIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tool-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.tool-heading h3{font:700 clamp(1.45rem,3vw,2.1rem) var(--display);margin:4px 0 8px}.tool-heading p{color:var(--muted);max-width:780px;margin:0}.tool-label{font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a7ff}.privacy-chip{flex:0 0 auto;border:1px solid rgba(67,223,161,.22);background:rgba(67,223,161,.06);color:#8cebc2;padding:8px 11px;border-radius:999px;font-size:.64rem;font-weight:800}.compact-button{min-height:38px;padding:0 14px;font-size:.72rem}
.translator-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.translator-pane{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);overflow:hidden}.translator-controls{display:flex;gap:7px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.translator-controls select{flex:1;min-width:0}.translator-controls select,.voice-settings select,.contact-form select{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:10px 12px;outline:none;color:var(--text)}.translator-pane textarea{display:block;width:100%;min-height:240px;padding:18px;border:0;background:transparent;resize:vertical;outline:none;line-height:1.65}.translator-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted2);font-size:.7rem}.swap-language{align-self:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:#b3beff;font-weight:900}.voice-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:14px}.voice-settings label{display:grid;gap:5px}.voice-settings label:first-child{min-width:230px;flex:1}.voice-settings label span{font-size:.64rem;color:var(--muted2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.voice-settings input[type="range"]{accent-color:var(--accent);width:140px}.listening{outline:2px solid rgba(67,223,161,.45)!important;box-shadow:0 0 0 6px rgba(67,223,161,.08)!important}
.search-form{display:grid;grid-template-columns:1fr 160px auto;gap:10px}.search-form input,.search-form select{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:12px 14px;outline:none}.search-form input:focus,.search-form select:focus{border-color:#7d91ff;box-shadow:0 0 0 4px rgba(114,132,255,.08)}.external-search-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.external-search-row button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.68rem}.search-status{min-height:24px;margin:14px 0;color:var(--muted);font-size:.76rem}.search-results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.search-result{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.02)}.search-result strong{display:block;font:700 .95rem var(--display)}.search-result p{margin:7px 0;color:var(--muted);font-size:.78rem}.search-result a{font-size:.7rem;color:#a9b8ff;font-weight:800}.image-results{grid-template-columns:repeat(3,1fr)}.image-result{overflow:hidden;padding:0}.image-result img{width:100%;height:210px;object-fit:cover;background:#fff}.image-result>div{padding:13px}.image-result small{display:block;color:var(--muted2);font-size:.62rem;margin-top:4px}.image-result a{display:inline-block;margin-top:8px}
.code-lab{display:grid;grid-template-columns:180px 1fr;min-height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#080b13;color:#e8edf8}.code-explorer{padding:14px 10px;border-right:1px solid rgba(255,255,255,.08);background:#0c111d;display:flex;flex-direction:column;gap:4px}.code-explorer strong{padding:8px 9px;color:#8591a9;font-size:.65rem;letter-spacing:.12em}.code-explorer button{border:0;background:transparent;text-align:left;color:#aeb8ca;border-radius:8px;padding:8px 10px;font-size:.74rem}.code-explorer button.active,.code-explorer button:hover{background:#171f2f;color:#fff}.code-workspace{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#101621}.code-toolbar>span{font-size:.72rem;color:#c9d2e4}.code-toolbar div{display:flex;gap:6px}.code-toolbar button,.code-output-head button{border:1px solid rgba(255,255,255,.1);background:#151d2a;color:#b8c3d8;border-radius:8px;padding:6px 9px;font-size:.65rem}.code-toolbar .run-code{background:#3858d8;color:#fff}.code-workspace textarea{width:100%;min-height:370px;border:0;outline:none;resize:vertical;background:#080b13;color:#dce5f5;padding:20px;font:13px/1.65 Consolas,"Courier New",monospace;tab-size:2}.code-output-wrap{border-top:1px solid rgba(255,255,255,.08);background:#090d15}.code-output-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:#8996ad;font-size:.62rem;font-weight:800}.code-output{margin:0;min-height:110px;max-height:220px;overflow:auto;padding:12px;color:#b8f7d5;font:12px/1.6 Consolas,"Courier New",monospace}.code-output-wrap pre{margin:0;min-height:110px;max-height:220px;overflow:auto;padding:12px;color:#b8f7d5;font:12px/1.6 Consolas,"Courier New",monospace}.code-output-wrap iframe{width:100%;height:230px;border:0;background:#fff;display:none}.code-output-wrap.preview iframe{display:block}.code-output-wrap.preview pre{display:none}
.launcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.launcher-grid a{display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));font:700 .9rem var(--display);transition:.2s ease}.launcher-grid a:hover{transform:translateY(-2px);border-color:rgba(114,132,255,.4);background:rgba(114,132,255,.06)}.launcher-grid span{color:#9eafff}
.architecture-map{display:grid;place-items:center;gap:10px}.arch-node{width:min(520px,100%);padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);text-align:center}.arch-node.primary{background:linear-gradient(145deg,rgba(114,132,255,.1),rgba(76,217,255,.04));border-color:rgba(114,132,255,.25)}.arch-node strong{display:block;font:700 .9rem var(--display)}.arch-node span{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}.arch-arrow{color:#8094ff}.arch-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.arch-grid .arch-node{width:100%}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.health-grid>div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);font-size:.72rem}.health-grid span{color:var(--muted)}.health-grid strong{color:#8cebc2}.health-grid strong.warn{color:#ffd58c}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form select{width:100%}.install-app{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:9px;padding:6px 9px;font-size:.68rem;text-align:left}
.ai-head-actions button[aria-pressed="true"]{background:rgba(114,132,255,.12);border-color:rgba(114,132,255,.35);color:#b7c1ff}.ai-voice-note{font-size:.62rem;color:var(--muted2)}
.copy-toast{position:fixed;z-index:2000;left:50%;bottom:26px;transform:translate(-50%,16px);opacity:0;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);color:var(--text);font-size:.74rem;font-weight:800;transition:.2s ease}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1120px){.recruiter-open{display:none}.studio-panels{padding:22px}.image-results{grid-template-columns:repeat(2,1fr)}.code-lab{grid-template-columns:145px 1fr}.launcher-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.recruiter-grid{grid-template-columns:1fr}.translator-grid{grid-template-columns:1fr}.swap-language{justify-self:center;transform:rotate(90deg)}.search-results{grid-template-columns:1fr}.image-results{grid-template-columns:repeat(2,1fr)}.tool-heading{flex-direction:column}.privacy-chip{align-self:flex-start}.code-lab{grid-template-columns:1fr}.code-explorer{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:row;overflow:auto}.code-explorer strong{display:none}.code-explorer button{white-space:nowrap}.arch-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-system-row{justify-content:center}.recruiter-summary,.recruiter-proof{padding:22px}.recruiter-facts,.recruiter-score-grid,.recruiter-modal-grid{grid-template-columns:1fr}.recruiter-actions{display:grid;grid-template-columns:1fr 1fr}.studio-shell{border-radius:18px}.studio-panels{padding:16px}.studio-tabs{padding:8px}.translator-pane textarea{min-height:190px}.voice-settings{align-items:stretch}.voice-settings label,.voice-settings label:first-child{width:100%;min-width:0}.voice-settings input[type="range"]{width:100%}.search-form{grid-template-columns:1fr}.image-results{grid-template-columns:1fr}.image-result img{height:230px}.launcher-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr}.code-workspace textarea{min-height:310px}.network-status{top:78px;width:calc(100vw - 24px);text-align:center}.recruiter-modal-actions{display:grid;grid-template-columns:1fr}.recruiter-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-loader{animation:none}.studio-panel{animation:none}.recruiter-section:before,.studio-section:before{display:none}}
/* Vynn Studio Pro: advanced workspace layer */
.pro-studio-shell{overflow:hidden}.pro-studio-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:thin}.pro-studio-tabs button{white-space:nowrap}.studio-panel{animation:studioFade .22s ease}@keyframes studioFade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.pro-code-lab{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:720px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#090d17}.pro-code-sidebar{background:#0c111d;border-right:1px solid #20283a;padding:16px;display:flex;flex-direction:column;gap:14px;color:#d8e0ef}.code-project-title span,.pro-select-label,.code-runtime-card small{display:block;font-size:11px;letter-spacing:.12em;color:#7f8aa3}.code-project-title strong{display:block;margin-top:5px}.pro-select-label select,.library-nav input,.pro-translate-top select,.pro-translate-top button,.translate-file-actions button,.files-toolbar button,.image-tools button,.image-tools input,.image-tools textarea,.premium-grid input,.premium-grid textarea{width:100%;margin-top:7px;border:1px solid #283147;background:#111827;color:#eef2ff;border-radius:12px;padding:10px 12px}.code-file-actions,.image-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-file-actions button,.pro-file-list button{border:1px solid #273148;background:#111827;color:#d9e2f2;border-radius:10px;padding:9px;text-align:left}.pro-file-list{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow:auto}.pro-file-list button.active{background:linear-gradient(135deg,rgba(124,92,255,.24),rgba(50,194,255,.13));border-color:#6f5cff;color:#fff}.pro-file-list button span{display:block;font-size:10px;color:#8290aa;margin-top:3px}.code-runtime-card{margin-top:auto;padding:12px;border:1px solid #253047;background:#0f1522;border-radius:14px}.code-runtime-card strong,.code-runtime-card span{display:block;margin-top:4px}.code-runtime-card span{font-size:11px;color:#7f8aa3}.pro-code-main{min-width:0;display:grid;grid-template-rows:auto auto minmax(340px,1fr) minmax(220px,.6fr);background:#0b101b}.pro-code-tabs{display:flex;overflow:auto;background:#0b101b;border-bottom:1px solid #20283a}.pro-code-tabs button{border:0;border-right:1px solid #20283a;background:#0d1320;color:#8f9ab1;padding:12px 16px;white-space:nowrap}.pro-code-tabs button.active{background:#151d2c;color:#fff}.pro-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0f1521;border-bottom:1px solid #20283a;color:#e8edfb}.pro-code-toolbar>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.pro-code-toolbar small{color:#79849b}.toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.toolbar-actions button,.pro-panel-head button{border:1px solid #273248;background:#111827;color:#dce5f5;border-radius:9px;padding:7px 10px}.toolbar-actions .run-code{background:linear-gradient(135deg,#7657ff,#32c2ff);border-color:transparent;color:#fff;font-weight:700}.pro-editor-wrap{position:relative;min-height:340px}.pro-ace-editor,.pro-code-fallback{position:absolute;inset:0;width:100%;height:100%;border:0;background:#090d16;color:#f3f6ff;font:14px/1.65 Consolas,"Cascadia Code",monospace}.pro-code-fallback{padding:18px;resize:none;outline:0;tab-size:2}.pro-ace-editor:empty{display:none}.pro-code-bottom{border-top:1px solid #20283a;min-height:220px;background:#070b12;display:flex;flex-direction:column}.pro-panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0e1420;border-bottom:1px solid #20283a}.pro-panel-head>div{display:flex;gap:6px}.pro-panel-head button.active{color:#91b6ff;border-color:#5067a6}.pro-output,.pro-preview,.pro-problems{display:none;flex:1;min-height:180px;margin:0;border:0;background:#070b12;color:#d9e2f3;padding:14px;overflow:auto;white-space:pre-wrap}.pro-output.active,.pro-preview.active,.pro-problems.active{display:block}.pro-preview{background:#fff;width:100%}.pro-problems .problem{padding:10px 12px;border-bottom:1px solid #1f2839;color:#ffb2bb}.code-lab-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.code-lab-foot span{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 4px rgba(53,208,127,.12)}
.library-layout{display:grid;grid-template-columns:240px 1fr;gap:18px}.library-nav,.library-main{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:14px}.library-language-list{display:grid;gap:6px;margin-top:12px}.library-language-list button,.library-topics button{border:1px solid var(--border);background:var(--surface-2,rgba(255,255,255,.025));color:var(--text);border-radius:10px;padding:10px;text-align:left}.library-language-list button.active,.library-topics button.active{border-color:var(--accent);background:rgba(116,87,255,.13)}.library-main{display:grid;grid-template-columns:220px 1fr;gap:16px}.library-topics{display:flex;flex-direction:column;gap:6px;max-height:620px;overflow:auto}.library-lesson{min-width:0}.library-lesson h3{margin:.35rem 0 .6rem}.library-lesson pre{overflow:auto;background:#080c15;color:#dce6ff;border-radius:14px;padding:16px;border:1px solid #20283a}.lesson-output,.lesson-task,.lesson-mistake{border-radius:14px;padding:14px;margin-top:12px;border:1px solid var(--border)}.lesson-output{background:rgba(48,199,137,.07)}.lesson-mistake{background:rgba(255,173,66,.07)}.lesson-task{background:rgba(111,88,255,.08)}
.pro-translate-top{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end;margin-bottom:12px}.pro-translate-top label{font-size:12px;color:var(--muted)}.pro-translate-top select{margin-top:6px}.pro-translator-grid textarea{min-height:310px;max-height:560px}.translation-progress{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}.translation-progress i{width:120px;height:6px;border-radius:10px;background:linear-gradient(90deg,#7558ff,#32c2ff);animation:progressMove 1.2s ease-in-out infinite alternate;transform-origin:left}@keyframes progressMove{from{transform:scaleX(.15)}to{transform:scaleX(1)}}.voice-control-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.voice-control-grid label span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.voice-diagnostics{display:flex;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}.voice-diagnostics span{font-size:12px;color:var(--muted)}
.pro-search-form{grid-template-columns:minmax(0,1fr) 160px auto}.search-result.image-result img{aspect-ratio:4/3;object-fit:cover}.search-results.image-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.image-studio{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:620px;border:1px solid var(--border);border-radius:20px;overflow:hidden}.image-tools{padding:14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;background:var(--surface)}.image-tools label{font-size:11px;color:var(--muted)}.image-tools label input{margin-top:5px}.image-tools hr{width:100%;border:0;border-top:1px solid var(--border)}.image-canvas-wrap{position:relative;display:grid;place-items:center;overflow:auto;min-height:620px;padding:20px;background-image:linear-gradient(45deg,#141a25 25%,transparent 25%),linear-gradient(-45deg,#141a25 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#141a25 75%),linear-gradient(-45deg,transparent 75%,#141a25 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.image-canvas-wrap canvas{max-width:100%;max-height:680px;box-shadow:0 18px 50px rgba(0,0,0,.35);background:#fff}.image-empty{position:absolute;display:grid;place-items:center;gap:6px;pointer-events:none;color:#909cb5}.image-empty.hidden{display:none}
.files-toolbar{display:flex;gap:8px;flex-wrap:wrap}.files-toolbar button{width:auto;margin:0}.file-drop-zone{display:grid;place-items:center;min-height:140px;border:1px dashed var(--border);border-radius:18px;margin:14px 0;background:rgba(255,255,255,.018);color:var(--muted)}.file-drop-zone.drag{border-color:var(--accent);background:rgba(116,87,255,.08)}.saved-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.saved-file-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--surface)}.saved-file-card strong,.saved-file-card span{display:block}.saved-file-card span{font-size:11px;color:var(--muted);margin:5px 0 10px}.saved-file-card div{display:flex;gap:6px}.saved-file-card button{border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:transparent;color:var(--text)}
.launcher-groups{display:grid;gap:20px}.launcher-groups h4{margin:0 0 10px}.launcher-grid a{min-height:90px;display:flex;flex-direction:column;justify-content:space-between}.launcher-grid a span{font-size:11px;color:var(--muted)}
.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card{border:1px solid var(--border);border-radius:20px;padding:22px;background:var(--surface)}.plan-card.featured{border-color:#6f5cff;background:linear-gradient(145deg,rgba(111,88,255,.11),rgba(50,194,255,.05))}.plan-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.plan-card>strong{display:block;font-size:38px;margin:6px 0}.usage-list{display:grid;gap:8px;margin-top:18px}.usage-list div{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px}.gcash-box{border:1px solid var(--border);border-radius:14px;padding:14px;margin:15px 0}.gcash-box small,.gcash-box strong{display:block}.gcash-box strong{font-size:22px;margin:4px 0 10px}.gcash-box button{border:1px solid var(--border);background:transparent;color:var(--text);padding:7px 10px;border-radius:8px}.premium-grid form{display:grid;gap:10px}.premium-grid label{font-size:11px;color:var(--muted)}
.health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-grid article{min-height:105px}.health-grid strong.warn{color:#ffbd67}.architecture-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.architecture-flow span{border:1px solid var(--border);border-radius:10px;padding:9px 12px}.architecture-flow i{font-style:normal;color:var(--muted)}.architecture-note{margin-top:14px;color:var(--muted)}
@media (max-width:980px){.pro-code-lab,.image-studio{grid-template-columns:1fr}.pro-code-sidebar,.image-tools{border-right:0;border-bottom:1px solid var(--border)}.pro-file-list{max-height:160px}.library-layout{grid-template-columns:1fr}.library-main{grid-template-columns:200px 1fr}.premium-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.voice-control-grid{grid-template-columns:1fr 1fr}.search-results.image-results,.saved-file-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.pro-studio-tabs{margin-inline:-14px;padding-inline:14px}.pro-code-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{justify-content:flex-start}.pro-code-main{grid-template-rows:auto auto 420px 260px}.library-main{grid-template-columns:1fr}.library-topics{flex-direction:row;overflow:auto}.library-topics button{white-space:nowrap}.pro-translate-top{grid-template-columns:1fr auto 1fr}.translate-file-actions{grid-column:1/-1}.voice-control-grid{grid-template-columns:1fr}.pro-search-form{grid-template-columns:1fr}.search-results.image-results,.saved-file-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.image-canvas-wrap{min-height:420px}.image-tools{display:grid;grid-template-columns:1fr 1fr}.image-tools>hr,.image-tools>.tool-label,.image-tools>textarea,.image-tools>small{grid-column:1/-1}.premium-grid{gap:12px}}
.ai-fab.studio-aware{right:10px;bottom:10px;transform:scale(.88);transform-origin:bottom right;opacity:.94}.image-canvas-wrap.drag{outline:2px solid var(--accent);outline-offset:-8px}.muted{color:var(--muted)}

/* Image Studio precision controls */
.image-history-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-history-row button:disabled{opacity:.45;cursor:not-allowed}.image-help{display:block;color:var(--muted);line-height:1.45}.image-tools input[type="color"]{min-height:42px;padding:4px}.image-canvas-wrap canvas{touch-action:none;cursor:default}.image-canvas-wrap canvas:focus{outline:2px solid rgba(114,167,255,.8);outline-offset:4px}


/* Final compact Kali AI, matching the small floating assistant style */
.kali-ai{right:18px!important;bottom:18px!important}
.kali-ai-launch{min-width:0!important;width:58px!important;height:58px!important;padding:9px!important;border-radius:18px!important}
.kali-ai-launch-copy{display:none!important}
.kali-ai-orb{width:38px!important;height:38px!important;flex-basis:38px!important}
.kali-ai-pulse{right:6px!important;top:6px!important}
.kali-ai-panel{right:0!important;bottom:70px!important;width:min(410px,calc(100vw - 24px))!important;height:min(650px,calc(100svh - 100px))!important}
@media(max-width:680px){
  .kali-ai{right:10px!important;bottom:10px!important}
  .kali-ai-launch{width:54px!important;height:54px!important}
}