/* 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}