:root{--bg-canvas: #0B0F17;--bg-panel: #111827;--bg-elevated: #162032;--bg-surface: #1E293B;--border-subtle: rgba(255, 255, 255, .08);--border-bold: rgba(255, 255, 255, .16);--border-focus: #6366F1;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: rgba(99, 102, 241, .12);--accent-emerald: #10B981;--accent-emerald-light: rgba(16, 185, 129, .12);--accent-warning: #F59E0B;--accent-warning-light: rgba(245, 158, 11, .12);--accent-danger: #EF4444;--accent-danger-light: rgba(239, 68, 68, .12);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--topbar-height: 56px;--statusbar-height: 32px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;overflow:hidden}.hidden,[hidden]{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.splash-screen{position:fixed;inset:0;background:var(--bg-canvas);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .3s ease,visibility .3s ease}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.splash-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.splash-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.splash-loader{width:140px;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden}.splash-bar{width:0%;height:100%;background:var(--primary);animation:splashProgress .7s ease-out forwards}@keyframes splashProgress{to{width:100%}}.studio-topbar{height:var(--topbar-height);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;position:relative}.topbar-brand{display:flex;align-items:center;gap:12px}.brand-monogram{display:flex;align-items:center;justify-content:center}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-muted)}.mobile-view-tabs{display:none;background:#ffffff0a;padding:3px;border-radius:8px;border:1px solid var(--border-subtle);gap:4px}.mobile-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.mobile-tab-btn.active{background:var(--primary);color:#fff}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-btn{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;height:36px}.topbar-btn:hover{background:#ffffff14;border-color:var(--border-bold);color:var(--text-primary)}.topbar-btn.icon-only{padding:0;width:36px;justify-content:center}.topbar-btn.support-btn{color:#34d399;border-color:#34d39940;background:#34d3990f}.topbar-btn.support-btn:hover{background:#34d3991f;border-color:#34d39966}.history-pill{background:var(--primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:10px;font-family:var(--font-mono);font-weight:600}.studio-layout{height:calc(100dvh - var(--topbar-height) - var(--statusbar-height));display:grid;grid-template-columns:460px 1fr;overflow:hidden}.studio-workbench{background:var(--bg-panel);border-right:1px solid var(--border-subtle);overflow-y:auto;padding:24px 24px 0;display:flex;flex-direction:column;gap:20px}.workbench-header{border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.workbench-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.workbench-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.workbench-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.workbench-form{display:flex;flex-direction:column;gap:18px}.form-section{display:flex;flex-direction:column;gap:8px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:12px;padding:14px}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.section-label-row{display:flex;justify-content:space-between;align-items:center}.section-sublabel{font-family:var(--font-mono);font-size:9px;color:var(--primary);background:var(--primary-light);padding:2px 6px;border-radius:4px}.upload-dropzone{border:1.5px dashed rgba(255,255,255,.18);border-radius:10px;padding:22px 16px;text-align:center;cursor:pointer;background:#00000026;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--primary);background:var(--primary-light)}.dropzone-icon{color:var(--text-secondary)}.dropzone-copy{display:flex;flex-direction:column;gap:2px}.dropzone-main{font-size:13px;font-weight:600;color:var(--text-primary)}.dropzone-sub{font-size:11px;color:var(--text-muted)}.file-name-display{background:var(--primary-light);border:1px solid rgba(99,102,241,.3);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-top:6px;word-break:break-all}.file-name-display.hidden{display:none}.source-status-bar{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:8px;font-size:11px}.source-hint{color:var(--text-muted)}.btn-text-link{background:none;border:none;color:#818cf8;font-size:11px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.btn-text-link:hover{color:#a5b4fc}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.col-span-2{grid-column:span 2}.input-field{display:flex;flex-direction:column;gap:4px}.input-field label{font-size:11px;font-weight:600;color:var(--text-secondary)}.input-field input,.input-field textarea{width:100%;background:#00000040;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease}.input-field input:focus,.input-field textarea:focus{outline:none;border-color:var(--border-focus);background:#00000059;box-shadow:0 0 0 2px #6366f133}.input-field textarea{resize:vertical;min-height:68px;line-height:1.45}.directive-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.directive-chip{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:10.5px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.directive-chip:hover{background:#ffffff14;border-color:var(--primary);color:var(--text-primary)}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.checkbox-field label{font-size:12px;color:var(--text-secondary);cursor:pointer}.form-actions{position:sticky;bottom:0;background:var(--bg-panel);margin:14px -24px 0;padding:14px 24px 18px;border-top:1px solid var(--border-subtle);z-index:20;box-shadow:0 -12px 24px #0b0f17f2}.btn-primary-action{width:100%;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:11px 16px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary-action:hover{background:var(--primary-hover)}.btn-primary-action:active{transform:scale(.99)}.btn-secondary-action{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;padding:9px 14px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary-action:hover{background:#ffffff1a;border-color:var(--border-bold)}.workbench-download-section{margin-top:14px}.download-status-card{background:#10b9810d;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.download-status-header{display:flex;flex-direction:column;gap:4px}.download-status-header .status-indicator{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;font-weight:600;color:var(--accent-emerald)}.download-status-header .status-message{font-size:12px;color:var(--text-secondary)}.download-action-row{display:flex;flex-direction:column;gap:8px}.studio-canvas{background:var(--bg-canvas);overflow-y:auto;padding:24px;position:relative;display:flex;flex-direction:column}.canvas-idle-view{min-height:100%;display:flex;align-items:center;justify-content:center;position:relative}.idle-watermark{position:absolute;font-family:var(--font-mono);font-size:72px;font-weight:900;color:#ffffff04;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.05em}.idle-card{max-width:680px;width:100%;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px}.idle-header{display:flex;flex-direction:column;gap:8px}.idle-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--primary);font-weight:600}.idle-header h3{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.idle-header p{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.pipeline-flow{display:grid;grid-template-columns:1fr;gap:12px}.flow-step{display:flex;align-items:flex-start;gap:16px;background:#ffffff05;border:1px solid var(--border-subtle);padding:14px 16px;border-radius:10px}.flow-number{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-light);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.flow-content h4{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.flow-content p{font-size:12px;color:var(--text-secondary);line-height:1.45}.flow-divider{display:none}.idle-footer{border-top:1px solid var(--border-subtle);padding-top:14px}.idle-note{font-size:12px;color:var(--text-muted)}.simulator-panel,.simulator-modal{position:absolute;inset:0;background:var(--bg-canvas);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.simulator-wrapper,#simulator-container{width:100%;height:100%;max-width:900px;max-height:680px;display:flex;align-items:center;justify-content:center}.preview-panel,.preview-modal{position:absolute;inset:0;background:var(--bg-canvas);z-index:60;display:flex;flex-direction:column}.preview-container{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden}.preview-header{padding:16px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.preview-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:600}.preview-title{font-size:16px;font-weight:700;color:var(--text-primary)}.close-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ef444426;color:var(--accent-danger);border-color:#ef44444d}.lab-tabs{display:flex;background:var(--bg-surface);padding:0 16px;gap:4px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.tab-btn{padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#fff;border-bottom-color:var(--primary)}.preview-content{flex:1;overflow-y:auto;padding:24px;background:#0d131f}.preview-content .student-info{background:#ffffff08;border:1px solid var(--border-subtle);border-left:3px solid var(--primary);border-radius:8px;padding:12px 16px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.preview-content .student-info p{font-size:12px;color:var(--text-secondary);margin:0}.preview-content .student-info strong{color:var(--text-primary)}.preview-content h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.preview-content h4{font-size:13px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#818cf8;margin:20px 0 8px}.preview-content p{font-size:13px;line-height:1.6;color:#cbd5e1;margin-bottom:12px}.editable-field{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;font-size:13px;color:#e2e8f0;outline:none;transition:all .2s ease;line-height:1.6}.editable-field:focus{border-color:var(--primary);background:#6366f10d;box-shadow:0 0 0 2px #6366f133}.editable-code{font-family:var(--font-mono);font-size:12px;background:#080c14;color:#e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;padding:12px;width:100%;min-height:130px;resize:vertical;line-height:1.5;margin:8px 0}.editable-code:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.screenshot-container{position:relative;display:block;margin:12px 0 16px;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle);background:#000}.screenshot-container img{display:block;width:100%;height:auto}.screenshot-overlay{position:absolute;inset:0;background:#0b0f17b3;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .2s ease}.screenshot-container:hover .screenshot-overlay{opacity:1}.screenshot-overlay span{font-size:12px;font-weight:600;color:#fff;background:#000c;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:6px}.preview-footer{padding:14px 20px;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.edit-controls,.download-controls{display:flex;gap:8px;flex-wrap:wrap}.btn-outline-warning{background:transparent;border:1px solid rgba(245,158,11,.3);color:var(--accent-warning);padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline-warning:hover{background:var(--accent-warning-light)}.btn-outline-success{background:transparent;border:1px solid rgba(16,185,129,.3);color:var(--accent-emerald);padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline-success:hover{background:var(--accent-emerald-light)}.drawer-overlay{position:fixed;inset:0;z-index:3000;display:flex;justify-content:flex-end;visibility:visible;transition:visibility .3s ease}.drawer-overlay.hidden{visibility:hidden;pointer-events:none}.drawer-backdrop{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity .3s ease}.drawer-overlay.hidden .drawer-backdrop{opacity:0}.drawer-card{position:relative;width:440px;max-width:100vw;height:100%;background:var(--bg-panel);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:10;transform:translate(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer-overlay.hidden .drawer-card{transform:translate(100%)}.drawer-header{padding:20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.drawer-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.drawer-title{font-size:18px;font-weight:700;color:var(--text-primary)}.close-drawer{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;line-height:1;padding:4px}.close-drawer:hover{color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.drawer-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.history-list-container{display:flex;flex-direction:column;gap:12px}.history-item{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.history-item:hover{background:#ffffff0a;border-color:var(--border-bold)}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.history-item-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.history-item-date{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.history-item-details{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px;color:var(--text-secondary);background:#0003;padding:8px;border-radius:6px}.history-detail-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.history-lock-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px}.history-lock-badge.locked{background:var(--accent-warning-light);color:var(--accent-warning)}.history-lock-badge.unlocked{background:var(--accent-emerald-light);color:var(--accent-emerald)}.history-action-buttons{display:flex;gap:6px}.btn-revisit{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}.btn-revisit:hover{background:var(--primary-hover)}.btn-delete-history{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--accent-danger);border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-delete-history:hover{background:#ef444433}.drawer-footer{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.history-count-text{font-size:11.5px;color:var(--text-muted)}.btn-text-danger{background:none;border:none;color:var(--accent-danger);font-size:11.5px;cursor:pointer;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-overlay.hidden{display:none}.modal-card{background:var(--bg-panel);border:1px solid var(--border-bold);border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal-header{padding:20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.modal-title{font-size:17px;font-weight:700;color:var(--text-primary)}.close-modal{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;line-height:1}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.payment-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.payment-details{background:#00000040;border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;font-size:12px}.detail-label{color:var(--text-muted)}.detail-val{color:var(--text-primary);font-weight:500}.price-tag{color:var(--accent-emerald);font-weight:700;font-family:var(--font-mono);font-size:14px}.security-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--text-muted)}.payment-support-box{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;text-align:center}.payment-support-header{font-size:11px;color:var(--text-secondary)}.btn-whatsapp-outline{display:flex;align-items:center;justify-content:center;gap:6px;background:#25d36614;border:1px solid rgba(37,211,102,.3);color:#34d399;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;transition:all .15s}.btn-whatsapp-outline:hover{background:#25d36626}.payment-footer{text-align:center;font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.error-msg{color:var(--accent-danger);background:var(--accent-danger-light);padding:8px 12px;border-radius:6px;font-size:12px}.error-msg.hidden{display:none}.support-dropdown-container{position:relative;display:inline-flex}.support-flyout{position:absolute;top:calc(100% + 8px);right:0;width:310px;background:var(--bg-panel);border:1px solid var(--border-bold);border-radius:14px;box-shadow:0 16px 36px #000000a6;z-index:3500;overflow:hidden;animation:dropdownIn .15s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.support-flyout.hidden{display:none}.support-flyout-header{padding:14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.support-flyout-title{display:flex;align-items:center;gap:10px}.support-icon-badge{width:30px;height:30px;border-radius:50%;background:#25d36626;color:#25d366;display:flex;align-items:center;justify-content:center}.support-title-text{font-size:12.5px;font-weight:600;color:var(--text-primary)}.support-phone-text{font-size:11px;color:var(--text-muted)}.close-flyout{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.support-flyout-body{padding:14px;display:flex;flex-direction:column;gap:12px}.support-flyout-desc{font-size:12px;color:var(--text-secondary);line-height:1.45}.support-buttons{display:flex;flex-direction:column;gap:8px}.btn-whatsapp-primary{background:#25d366;color:#000;text-decoration:none;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700}.btn-copy-support{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:8px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;cursor:pointer}.loading-overlay{position:fixed;inset:0;background:#0b0f17e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;display:flex;align-items:center;justify-content:center}.loading-overlay.hidden{display:none}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.telemetry-radar{width:60px;height:60px;border-radius:50%;border:1px solid rgba(99,102,241,.4);position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.radar-scan{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);animation:radarSpin 1s linear infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}.loading-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--primary)}.loading-title{font-size:18px;font-weight:700;color:var(--text-primary)}.loading-desc{font-size:12.5px;color:var(--text-secondary)}.studio-statusbar{height:var(--statusbar-height);background:var(--bg-panel);border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.statusbar-inner{width:100%;display:flex;justify-content:space-between;align-items:center}.status-indicator{color:var(--accent-emerald)}.statusbar-support-link{color:var(--text-secondary);text-decoration:none}.statusbar-support-link:hover{color:#34d399}.toast-notification{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#151d2a;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;z-index:9999;box-shadow:0 12px 32px #0009;animation:toastIn .2s ease;pointer-events:none}.toast-notification.toast-success{border-left:3px solid #10B981}.toast-notification.toast-warning{border-left:3px solid #F59E0B}.toast-notification.toast-info{border-left:3px solid var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1024px){.studio-layout{grid-template-columns:1fr;position:relative;height:calc(100dvh - 104px - var(--statusbar-height))}.studio-topbar{height:auto;min-height:56px;padding:10px 16px;flex-wrap:wrap;gap:10px}.topbar-brand{flex:1;min-width:0}.brand-sub{display:none}.mobile-view-tabs{order:3;width:100%;display:flex}.mobile-tab-btn{flex:1;text-align:center;padding:7px 12px}.topbar-actions{order:2}.btn-label-desktop{display:none}.support-widget{display:none!important}.studio-workbench{display:flex;height:100%;padding:16px 16px 0}.form-actions{margin:10px -16px 0;padding:12px 16px 16px}.studio-workbench.mobile-hidden{display:none}.studio-canvas{display:none;height:100%;padding:16px}.studio-canvas.mobile-active{display:flex}.preview-panel{padding:8px}.preview-content{padding:16px}.preview-footer{padding:12px 14px;gap:8px}.preview-footer .btn-primary-action,.preview-footer .btn-secondary-action{width:100%}.download-controls{width:100%;flex-direction:column}}@media(max-width:640px){.support-flyout{position:fixed;top:60px;right:12px;left:12px;width:auto;max-width:calc(100vw - 24px)}.metadata-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.drawer-card{width:100vw}.statusbar-copy{display:none}}