:root{--s-bg-base: #0E0F10;--s-bg-surface: #17181A;--s-bg-elevated: #202225;--s-bg-overlay: #282A2E;--s-bg-input: #121315;--s-border-subtle: #26282B;--s-border-default: #34373C;--s-border-focus: #8AB4F8;--s-text-primary: #F0F4F9;--s-text-secondary: #C4C7C5;--s-text-muted: #8E918F;--s-text-faint: #5E6267;--s-blue: #8AB4F8;--s-blue-hover: #A8C7FA;--s-blue-soft: rgba(138, 180, 248, .12);--s-green: #81C995;--s-green-soft: rgba(129, 201, 149, .14);--s-green-border: rgba(129, 201, 149, .4);--s-amber: #FDD663;--s-amber-soft: rgba(253, 214, 99, .14);--s-red: #F28B82;--s-red-soft: rgba(242, 139, 130, .14);--s-purple: #C58AF9;--s-purple-soft: rgba(197, 138, 249, .14);--s-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--s-font-tamil: "Noto Sans Tamil", sans-serif;--s-font-display: "Space Grotesk", system-ui, sans-serif;--s-font-mono: "JetBrains Mono", Consolas, monospace;--s-radius-sm: 6px;--s-radius-md: 10px;--s-radius-lg: 16px;--s-radius-full: 9999px}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--s-bg-base);color:var(--s-text-primary);font-family:var(--s-font-sans);-webkit-font-smoothing:antialiased}.studio-root{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:100%;background-color:var(--s-bg-base);overflow:hidden;position:relative}.studio-header{height:58px;min-height:58px;background:var(--s-bg-surface);border-bottom:1px solid var(--s-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;gap:1rem;z-index:100;box-shadow:0 2px 10px #00000040}.studio-brand{display:flex;align-items:center;gap:.75rem}.studio-logo-badge{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#8ab4f826,#c58af926);border:1px solid rgba(138,180,248,.35);padding:.3rem .65rem;border-radius:var(--s-radius-md);font-family:var(--s-font-display);font-weight:700;font-size:.88rem;color:var(--s-blue);letter-spacing:.02em;text-decoration:none}.studio-project-select{background:var(--s-bg-elevated);border:1px solid var(--s-border-subtle);color:var(--s-text-primary);padding:.35rem .75rem;border-radius:var(--s-radius-sm);font-size:.82rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s;max-width:320px}.studio-project-select:hover,.studio-project-select:focus{border-color:var(--s-border-focus)}.studio-stats-ribbon{display:flex;align-items:center;gap:.75rem}.studio-stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:var(--s-radius-full);font-size:.75rem;font-weight:600;background:var(--s-bg-elevated);border:1px solid var(--s-border-subtle);color:var(--s-text-secondary)}.studio-stat-pill.success{background:var(--s-green-soft);color:var(--s-green);border-color:var(--s-green-border)}.studio-header-actions{display:flex;align-items:center;gap:.6rem}.studio-view-toggle{display:flex;background:var(--s-bg-base);padding:3px;border-radius:var(--s-radius-md);border:1px solid var(--s-border-subtle)}.studio-view-btn{padding:.35rem .7rem;border-radius:6px;border:none;background:transparent;color:var(--s-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease}.studio-view-btn.active{background:var(--s-bg-elevated);color:var(--s-blue);box-shadow:0 1px 4px #0003}.studio-view-btn:hover:not(.active){color:var(--s-text-primary)}.s-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--s-radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .2s ease;white-space:nowrap}.s-btn-primary{background:var(--s-blue);color:#041e49}.s-btn-primary:hover{background:var(--s-blue-hover);transform:translateY(-1px)}.s-btn-secondary{background:var(--s-bg-elevated);color:var(--s-text-primary);border:1px solid var(--s-border-subtle)}.s-btn-secondary:hover{background:var(--s-bg-overlay);border-color:var(--s-border-default)}.s-btn-success{background:var(--s-green-soft);color:var(--s-green);border:1px solid var(--s-green-border)}.s-btn-success:hover{background:#81c99540}.s-btn-ghost{background:transparent;color:var(--s-text-secondary)}.s-btn-ghost:hover{background:var(--s-bg-elevated);color:var(--s-text-primary)}.studio-partition-bar{height:48px;min-height:48px;background:var(--s-bg-base);border-bottom:1px solid var(--s-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;gap:1rem;z-index:90}.studio-quiz-tabs{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none}.studio-quiz-tabs::-webkit-scrollbar{display:none}.studio-tab-btn{padding:.35rem .75rem;border-radius:var(--s-radius-full);border:1px solid var(--s-border-subtle);background:var(--s-bg-surface);color:var(--s-text-muted);font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.studio-tab-btn:hover{border-color:var(--s-border-default);color:var(--s-text-primary)}.studio-tab-btn.active{background:var(--s-blue-soft);border-color:#8ab4f880;color:var(--s-blue)}.studio-tab-btn.approved{border-color:var(--s-green-border)}.studio-partition-controls{display:flex;align-items:center;gap:.6rem}.studio-search-input{background:var(--s-bg-input);border:1px solid var(--s-border-subtle);color:var(--s-text-primary);padding:.32rem .7rem;border-radius:var(--s-radius-sm);font-size:.78rem;width:170px;outline:none;transition:all .2s ease}.studio-search-input:focus{width:240px;border-color:var(--s-blue);box-shadow:0 0 0 1px var(--s-blue)}.studio-workspace{flex:1;display:grid;height:calc(100vh - 106px);width:100vw;max-width:100%;overflow:hidden;background:var(--s-bg-base)}.studio-workspace.view-split{grid-template-columns:46% 54%}.studio-workspace.view-editor,.studio-workspace.view-pdf{grid-template-columns:100%}.studio-pdf-panel{height:100%;display:flex;flex-direction:column;background:#141517;border-right:1px solid var(--s-border-subtle);overflow:hidden}.studio-pdf-toolbar{height:44px;min-height:44px;background:var(--s-bg-surface);border-bottom:1px solid var(--s-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:.6rem}.studio-pdf-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--s-text-secondary);font-family:var(--s-font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-pdf-controls{display:flex;align-items:center;gap:.4rem}.studio-page-jump-input{width:42px;padding:.2rem .4rem;text-align:center;background:var(--s-bg-input);border:1px solid var(--s-border-subtle);border-radius:var(--s-radius-sm);color:var(--s-text-primary);font-size:.78rem;font-family:var(--s-font-mono);outline:none}.studio-page-jump-input:focus{border-color:var(--s-blue)}.studio-pdf-frame-wrapper{flex:1;width:100%;height:calc(100% - 44px);position:relative;background:#1a1b1e}.studio-pdf-frame{width:100%;height:100%;border:none;background:#1a1b1e}.studio-editor-panel{height:100%;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem 6rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;scroll-behavior:smooth}.studio-q-card{background:var(--s-bg-surface);border:1px solid var(--s-border-subtle);border-radius:var(--s-radius-lg);padding:1.25rem;box-shadow:0 4px 16px #0003;transition:all .2s ease}.studio-q-card:hover{border-color:var(--s-border-default)}.studio-q-card.is-approved{border-left:4px solid var(--s-green)}.studio-q-card.is-flagged{border-left:4px solid var(--s-red)}.studio-q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.studio-q-badge-wrap{display:flex;align-items:center;gap:.5rem}.studio-q-num{font-family:var(--s-font-display);font-weight:700;font-size:.95rem;background:var(--s-bg-elevated);color:var(--s-blue);padding:.25rem .65rem;border-radius:var(--s-radius-sm);border:1px solid rgba(138,180,248,.3)}.studio-q-unit-pill{font-size:.75rem;padding:.2rem .6rem;border-radius:var(--s-radius-full);background:var(--s-purple-soft);color:var(--s-purple);border:1px solid rgba(197,138,249,.3);font-weight:600;font-family:var(--s-font-tamil)}.studio-q-pdf-ref-btn{font-size:.72rem;background:var(--s-bg-elevated);border:1px solid var(--s-border-subtle);color:var(--s-text-secondary);padding:.2rem .55rem;border-radius:var(--s-radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.studio-q-pdf-ref-btn:hover{border-color:var(--s-blue);color:var(--s-blue)}.studio-field-label{display:block;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--s-text-muted);margin-bottom:.35rem}.studio-textarea{width:100%;box-sizing:border-box;background:var(--s-bg-input);border:1px solid var(--s-border-subtle);border-radius:var(--s-radius-sm);padding:.65rem .85rem;color:var(--s-text-primary);font-size:.92rem;line-height:1.5;outline:none;font-family:var(--s-font-tamil),var(--s-font-sans);resize:vertical;min-height:60px;transition:border-color .2s ease}.studio-textarea:focus{border-color:var(--s-blue);box-shadow:0 0 0 1px var(--s-blue)}.studio-options-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.85rem 0}.studio-option-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;border-radius:var(--s-radius-sm);border:1px solid var(--s-border-subtle);background:var(--s-bg-elevated);transition:all .2s ease}.studio-option-row.is-correct{border-color:var(--s-green);background:var(--s-green-soft)}.studio-opt-radio{cursor:pointer;width:17px;height:17px;accent-color:var(--s-green)}.studio-opt-letter{font-family:var(--s-font-mono);font-weight:700;font-size:.82rem;width:20px;color:var(--s-text-muted)}.studio-option-row.is-correct .studio-opt-letter{color:var(--s-green)}.studio-opt-input{flex:1;background:transparent;border:none;outline:none;color:var(--s-text-primary);font-size:.88rem;font-family:var(--s-font-tamil),var(--s-font-sans)}.studio-q-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--s-border-subtle);flex-wrap:wrap;gap:.6rem}.studio-syllabus-select{background:var(--s-bg-input);border:1px solid var(--s-border-subtle);color:var(--s-text-primary);padding:.35rem .7rem;border-radius:var(--s-radius-sm);font-size:.78rem;font-family:var(--s-font-tamil);outline:none;max-width:280px}.studio-syllabus-select:focus{border-color:var(--s-blue)}.studio-modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.studio-modal-box{background:var(--s-bg-surface);border:1px solid var(--s-border-default);border-radius:var(--s-radius-lg);padding:2rem;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009;position:relative}.studio-modal-title{font-family:var(--s-font-display);font-size:1.25rem;margin:0 0 1rem;display:flex;align-items:center;gap:.6rem;color:var(--s-text-primary)}.studio-toast{position:fixed;bottom:2rem;right:2rem;background:var(--s-bg-elevated);border:1px solid var(--s-green-border);color:var(--s-green);padding:.75rem 1.25rem;border-radius:var(--s-radius-md);font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:.6rem;box-shadow:0 10px 30px #00000080;z-index:2000;animation:sToastIn .3s ease}@keyframes sToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.studio-workspace.view-split{grid-template-columns:100%}.studio-stats-ribbon{display:none}}