@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f7fa;color:#1e293b;line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:28px 40px;max-width:1440px;margin:0 auto;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:#1a1f36;color:#fff;position:sticky;top:0;z-index:100;flex-shrink:0}.navbar-logo{display:flex;align-items:center;gap:8px}.navbar-logo svg{height:35px;width:128px}.navbar-links{display:flex;gap:4px;align-items:center}.navbar-links a,.navbar-links button{color:#b5b3c8;font-size:.875rem;line-height:1.25rem;font-weight:600;padding:.75rem 12px;border-radius:6px;transition:all .15s;background:none;border:none;white-space:nowrap;text-decoration:none}.navbar-links a:hover,.navbar-links button:hover,.navbar-links a.active{color:#fff;background:#ffffff14}.navbar-links a.active{border-bottom:2px solid white;border-radius:6px 6px 0 0}.navbar-right{display:flex;align-items:center;gap:14px}.navbar-bell{color:#b5b3c8;font-size:1.2rem;cursor:pointer;position:relative}.navbar-bell:hover{color:#fff}.navbar-avatar{width:36px;height:36px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;cursor:pointer}.avatar-menu{position:absolute;top:55px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;padding:16px;width:220px;z-index:200}.avatar-menu-header{text-align:center;padding-bottom:12px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.avatar-menu-header .name{font-weight:600;color:#1e293b}.avatar-menu-header .email{font-size:.8rem;color:#64748b}.avatar-menu a,.avatar-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:.75rem 12px;border-radius:8px;font-size:.875rem;line-height:1.25rem;font-weight:600;color:#475569;border:none;background:none;text-align:left;text-decoration:none}.avatar-menu a:hover,.avatar-menu button:hover{background:#f1f5f9;color:#1e293b}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:700;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f;display:flex;justify-content:space-between;align-items:center}.stat-card .stat-label{font-size:.85rem;color:#64748b;margin-bottom:4px}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#1e293b}.stat-card .stat-icon{font-size:1.5rem;color:#94a3b8}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}thead{background:#1a1f36;color:#fff}th{padding:14px 16px;text-align:left;font-weight:600;font-size:.85rem;white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;vertical-align:top}tr:hover{background:#f8fafc}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;border:none;transition:all .15s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:#fff;color:#1a1f36;border:2px solid #1a1f36}.btn-outline:hover{background:#1a1f36;color:#fff}.btn-sm{padding:6px 14px;font-size:.82rem}.btn-icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;font-size:1rem}.btn-icon.green{background:#22c55e;color:#fff}.btn-icon.blue{background:#3b82f6;color:#fff}.btn-icon.yellow{background:#f59e0b;color:#fff}.btn-icon.red{background:#ef4444;color:#fff}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;font-size:.9rem;color:#1e293b;margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .15s;background:#fff}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.form-control{min-height:100px;resize:vertical}select.form-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:20px;font-size:.78rem;font-weight:600}.badge-green,.badge-approved{background:#dcfce7;color:#16a34a}.badge-yellow,.badge-pending{background:#fef3c7;color:#d97706}.badge-red,.badge-rejected{background:#fee2e2;color:#dc2626}.badge-blue,.badge-active{background:#dbeafe;color:#2563eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border-radius:16px;padding:28px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:1.25rem;font-weight:700}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.pricing-container{text-align:center;padding:40px 0}.pricing-title{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:8px}.pricing-subtitle{color:#64748b;margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:32px auto 0}.pricing-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 4px #00000014;border:2px solid #e2e8f0;text-align:center;transition:transform .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.pricing-card .plan-name{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:8px}.pricing-card .plan-price{font-size:2.5rem;font-weight:800;color:#1e293b}.pricing-card .plan-price span{font-size:1rem;font-weight:500;color:#64748b}.pricing-card .features{text-align:left;margin:20px 0}.pricing-card .feature{display:flex;align-items:center;gap:8px;padding:6px 0;color:#475569;font-size:.9rem}.pricing-card .feature .check{color:#22c55e;font-weight:700}.pricing-card .subscribe-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;margin-top:12px;transition:background .15s}.pricing-card .subscribe-btn:hover{background:#2563eb}.no-sub-badge{display:inline-block;padding:6px 20px;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:.9rem;margin-bottom:8px}.chat-layout{display:flex;height:calc(100vh - var(--navbar-h, 64px));width:100%;overflow:hidden;min-height:0}.chat-sidebar-strip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0}.chat-sidebar-strip button{background:none;border:none;color:#475569;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.chat-sidebar-strip button:hover{background:#f1f5f9;color:#1e293b}.chat-sidebar{width:300px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease,opacity .2s ease}.chat-sidebar.collapsed{width:0;overflow:hidden;opacity:0;pointer-events:none;position:absolute}.chat-sidebar-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.chat-sidebar-header button{background:none;border:none;color:#475569;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-sidebar-header button:hover{background:#f1f5f9;color:#1e293b}.chat-search{padding:12px 16px;position:relative}.chat-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);pointer-events:none}.chat-search input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.88rem;background:#f8fafc;transition:border-color .15s}.chat-search input:focus{outline:none;border-color:#3b82f6;background:#fff}.chat-list{flex:1;overflow-y:auto;padding-bottom:12px}.chat-list-section{padding:14px 16px 6px;font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chat-item{padding:10px 16px;cursor:pointer;transition:background .12s;border-left:3px solid transparent}.chat-item:hover{background:#f8fafc}.chat-item.active{background:#eff6ff;border-left-color:#3b82f6}.chat-item-row{display:flex;align-items:center;gap:8px}.chat-item-icon{font-size:.9rem;flex-shrink:0}.chat-item-info{flex:1;min-width:0}.chat-item-title{display:block;font-weight:500;font-size:.88rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-date{display:block;font-size:.72rem;color:#94a3b8;margin-top:1px}.chat-item.active .chat-item-title{color:#1e40af;font-weight:600}.chat-item-delete{background:none;border:none;font-size:.75rem;color:#94a3b8;opacity:0;transition:opacity .15s,color .15s;padding:2px 4px;border-radius:4px}.chat-item:hover .chat-item-delete{opacity:1}.chat-item-delete:hover{color:#ef4444;background:#fef2f2}.chat-list-empty{padding:32px 16px;text-align:center;color:#94a3b8;font-size:.88rem}.chat-main{flex:1;display:flex;flex-direction:column;background:#fafbfc;min-width:0;position:relative}.chat-mobile-toggle{display:none;position:absolute;top:10px;left:10px;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;color:#475569;box-shadow:0 1px 4px #0000000f;align-items:center;justify-content:center;transition:background .15s}.chat-mobile-toggle:hover{background:#f1f5f9}.chat-welcome{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.chat-welcome-inner{text-align:center;max-width:640px;width:100%}.chat-welcome-logo{margin-bottom:20px}.chat-welcome h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:8px}.chat-welcome p{color:#64748b;font-size:1rem;margin-bottom:32px;line-height:1.6}.chat-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chat-suggestion{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:12px;border:none;cursor:pointer;text-align:left;font-size:.88rem;font-weight:500;transition:transform .15s,box-shadow .15s}.chat-suggestion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.chat-suggestion-icon{font-size:1.3rem;flex-shrink:0}.chat-suggestion.pink{background:#fce7f3;color:#9d174d}.chat-suggestion.blue{background:#dbeafe;color:#1e40af}.chat-suggestion.yellow{background:#fef3c7;color:#92400e}.chat-suggestion.green{background:#dcfce7;color:#166534}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 0;min-width:0;min-height:0}.chat-message{display:flex;gap:14px;padding:16px 32px;transition:background .15s;min-width:0;max-width:100%}.chat-message.assistant:hover{background:#00000004}.chat-message.user{justify-content:flex-end;padding:10px 32px}.msg-user-row{display:flex;align-items:flex-start;gap:12px;max-width:75%}.msg-user-bubble{background:#f1f5f9;border-radius:16px 16px 4px;padding:10px 16px;min-width:60px}.msg-user-header{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-bottom:3px}.msg-user-header .msg-role{font-size:.82rem;font-weight:700;color:#334155}.msg-user-bubble .msg-content{font-size:.94rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-wrap:break-word}.msg-user-bubble .msg-attachments{margin-top:6px;justify-content:flex-end}.msg-avatar-wrap{flex-shrink:0;padding-top:2px}.msg-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.msg-avatar.assistant{background:#1a1f36;color:#fff}.msg-avatar.user{background:#64748b;color:#fff}.msg-body{flex:1;min-width:0}.msg-role{font-size:.82rem;font-weight:700;color:#334155;margin-bottom:4px;display:flex;align-items:center;gap:8px}.msg-time{font-size:.78rem;font-weight:400;color:#94a3b8}.msg-content{font-size:.94rem;line-height:1.7;color:#374151;white-space:pre-wrap;word-wrap:break-word}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 0}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.chat-input-area{padding:16px 32px 20px;background:#fafbfc;flex-shrink:0}.chat-input-box{display:flex;flex-direction:column;gap:4px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:10px 14px 8px;transition:border-color .2s,box-shadow .2s}.chat-input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.chat-input-bottom-row{display:flex;align-items:center;gap:4px}.send-btn{width:38px;height:38px;border-radius:10px;border:none;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0;margin-left:auto}.send-btn.active{background:#3b82f6;color:#fff}.send-btn.active:hover{background:#2563eb}.send-btn:disabled{cursor:not-allowed}.chat-disclaimer{text-align:center;font-size:.75rem;color:#94a3b8;margin-top:10px;padding:0 20px}.chat-toolbar{display:flex;align-items:center;gap:2px;flex-shrink:0;padding-right:4px}.tool-btn{width:34px;height:34px;border-radius:8px;border:none;background:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;cursor:pointer}.tool-btn:hover{background:#f1f5f9;color:#475569}.tool-btn.active{background:#eff6ff;color:#3b82f6}.tool-btn-model{width:auto;padding:0 10px;gap:5px;font-size:.78rem}.model-label{font-weight:500;color:inherit;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-menu-wrapper{position:relative}.model-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;z-index:50;overflow:hidden}.model-option{padding:9px 14px;font-size:.85rem;color:#475569;cursor:pointer;transition:background .1s}.model-option:hover{background:#f8fafc}.model-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.chat-input-textarea-wrap{flex:1;position:relative;min-width:0}.chat-input-textarea-wrap textarea{width:100%;border:none;background:none;font-size:.95rem;padding:4px 0;outline:none;resize:none;line-height:1.5;max-height:150px;font-family:inherit;color:#1e293b}.chat-input-textarea-wrap textarea::placeholder{color:#94a3b8}.attached-files-bar{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 10px}.attached-file-chip{display:flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:.82rem;color:#475569;animation:chipFadeIn .2s ease}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.attached-file-name{font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-size{color:#94a3b8;font-size:.75rem}.attached-file-remove{background:none;border:none;color:#94a3b8;font-size:.7rem;padding:2px 3px;border-radius:4px;cursor:pointer;line-height:1;transition:all .12s}.attached-file-remove:hover{background:#fef2f2;color:#ef4444}.file-icon{font-size:1rem;line-height:1}.attached-file-chip.reused{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.attached-file-chip.reused .attached-file-size{color:#60a5fa}.editing-banner{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;color:#854d0e;font-size:.82rem;animation:chipFadeIn .2s ease}.editing-banner-icon{font-size:1rem;line-height:1;flex-shrink:0}.editing-banner-text{flex:1;line-height:1.4}.editing-banner-cancel{background:#fde68a;border:1px solid #fcd34d;color:#854d0e;font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .12s;flex-shrink:0}.editing-banner-cancel:hover{background:#fcd34d;color:#713f12}@media (max-width: 600px){.editing-banner{font-size:.76rem;padding:6px 10px;gap:6px}.editing-banner-cancel{padding:3px 10px;font-size:.72rem}}.chat-main.drag-over{position:relative}.drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;z-index:40;display:flex;align-items:center;justify-content:center;border:3px dashed #3b82f6;border-radius:12px;margin:8px;animation:dragFadeIn .15s ease}@keyframes dragFadeIn{0%{opacity:0}to{opacity:1}}.drag-overlay-inner{text-align:center;color:#3b82f6}.drag-overlay-inner p{font-size:1.1rem;font-weight:600;margin:12px 0 4px}.drag-overlay-inner span{font-size:.82rem;color:#64748b}.ds-mention-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:240px;overflow-y:auto;z-index:50;animation:mentionSlide .15s ease}@keyframes mentionSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ds-mention-header{padding:8px 14px 4px;font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ds-mention-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s}.ds-mention-item:hover,.ds-mention-item.active{background:#f1f5f9}.ds-mention-icon{color:#3b82f6;flex-shrink:0;display:flex;align-items:center}.ds-mention-info{display:flex;flex-direction:column;min-width:0}.ds-mention-name{font-weight:600;font-size:.88rem;color:#1e293b}.ds-mention-desc{font-size:.78rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-mention-hint{padding:6px 14px;font-size:.72rem;color:#94a3b8;border-top:1px solid #f1f5f9;text-align:center}.ds-mention-empty{padding:16px;text-align:center;font-size:.85rem;color:#94a3b8}.settings-panel{position:absolute;bottom:90px;right:24px;width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 36px #0000001f;z-index:45;animation:panelSlide .2s ease}@keyframes panelSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid #f1f5f9}.settings-panel-header h4{font-size:.92rem;font-weight:700;color:#1e293b;margin:0}.settings-panel-close{background:none;border:none;color:#94a3b8;font-size:.85rem;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .12s}.settings-panel-close:hover{background:#f1f5f9;color:#475569}.settings-panel-body{padding:14px 18px 18px}.sp-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sp-field label{font-size:.85rem;font-weight:500;color:#475569}.sp-field select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#f8fafc;color:#1e293b;outline:none}.sp-field select:focus{border-color:#3b82f6}.sp-field select:disabled{opacity:.5}.sp-field input[type=range]{width:100%;accent-color:#3b82f6}.sp-field input[type=range]:disabled{opacity:.4}.sp-val{font-weight:600;color:#3b82f6;font-size:.82rem;margin-left:6px}.sp-actions{display:flex;gap:8px;margin-top:6px}.sp-btn{flex:1;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid transparent}.sp-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.sp-btn-primary:hover{background:#2563eb}.sp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sp-btn-outline{background:#fff;color:#475569;border-color:#e2e8f0}.sp-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.msg-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-chip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.8rem;color:#475569}.attachment-chip-name{font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip-size{color:#94a3b8;font-size:.72rem}.attachment-chip-clickable{transition:background .15s,border-color .15s}.attachment-chip-clickable:hover{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.attachment-chip-clickable:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.msg-ds-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.72rem;font-weight:500;color:#3b82f6;background:#eff6ff;padding:2px 8px;border-radius:10px}.msg-error-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 14px;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;font-size:.85rem;color:#78350f}.msg-error-card[data-kind=access],.msg-error-card[data-kind=quota]{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.msg-error-card[data-kind=config],.msg-error-card[data-kind=server],.msg-error-card[data-kind=timeout]{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.msg-error-icon{font-size:1.05rem;line-height:1}.msg-error-label{font-weight:600;flex:1}.msg-error-cta{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;background:#6366f1;color:#fff;text-decoration:none;font-size:.78rem;font-weight:600;transition:background .15s}.msg-error-cta:hover{background:#4f46e5;color:#fff}.msg-content-rich{font-size:.94rem;line-height:1.7;color:#374151;word-wrap:break-word;overflow-wrap:anywhere;min-width:0;max-width:100%}.msg-content-rich p{margin:8px 0}.msg-content-rich img{max-width:100%;height:auto}.msg-content-rich a{color:#3b82f6;text-decoration:underline}.msg-content-rich a:hover{color:#2563eb}.msg-content-rich strong{font-weight:700}.msg-content-rich .md-h2{font-size:1.3rem;font-weight:700;margin:16px 0 8px;color:#1e293b}.msg-content-rich .md-h3{font-size:1.1rem;font-weight:700;margin:14px 0 6px;color:#1e293b}.msg-content-rich .md-h4{font-size:.98rem;font-weight:700;margin:12px 0 4px;color:#334155}.msg-content-rich .md-hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.msg-content-rich .md-ul{padding-left:20px;margin:8px 0}.msg-content-rich .md-ul li{margin-bottom:4px}.msg-content-rich .inline-code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.88rem;font-family:Fira Code,Courier New,monospace;color:#e11d48}.msg-content-rich .code-block{margin:12px 0;border-radius:10px;overflow:hidden;background:#1e293b}.msg-content-rich .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#0f172a;font-size:.75rem;color:#94a3b8}.msg-content-rich .code-copy-btn{background:#ffffff14;border:none;color:#94a3b8;font-size:.72rem;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.msg-content-rich .code-copy-btn:hover{background:#ffffff26;color:#fff}.msg-content-rich .code-block pre{padding:14px;margin:0;overflow-x:auto}.msg-content-rich .code-block code{font-family:Fira Code,Courier New,monospace;font-size:.85rem;color:#e2e8f0;line-height:1.6}.msg-html-content{font-size:.94rem;line-height:1.7;color:#374151;overflow-wrap:anywhere;word-wrap:break-word;min-width:0;max-width:100%}.msg-html-content img{max-width:100%;border-radius:8px;margin:8px 0}.msg-html-content table{border-collapse:collapse;width:100%;margin:8px 0}.msg-html-content th,.msg-html-content td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left;font-size:.85rem}.msg-html-content th{background:#f8fafc;font-weight:600}.msg-content-rich .code-block.collapsible.collapsed pre{max-height:7.5em;overflow:hidden;position:relative}.msg-content-rich .code-block.collapsible.collapsed pre:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#1e293b);pointer-events:none}.msg-content-rich .code-toggle-btn{background:#ffffff14;border:none;color:#60a5fa;font-size:.72rem;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.msg-content-rich .code-toggle-btn:hover{background:#ffffff26;color:#93c5fd}.msg-content-rich .code-block-actions{display:flex;gap:6px;align-items:center}.msg-content-rich .md-table-wrap{overflow-x:auto;margin:12px 0}.msg-content-rich .md-table{border-collapse:collapse;width:100%;font-size:.88rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.msg-content-rich .md-table th{background:#f1f5f9;font-weight:600;color:#334155;padding:10px 14px;text-align:left;border:1px solid #e2e8f0;font-size:.84rem}.msg-content-rich .md-table td{padding:9px 14px;border:1px solid #e2e8f0;color:#475569}.msg-content-rich .md-table tr:nth-child(2n){background:#f8fafc}.msg-content-rich .md-table tr:hover{background:#eff6ff}.msg-content-rich .katex-block-wrap,.msg-content-rich .math-block{margin:16px 0;padding:14px 16px;max-width:100%;overflow-x:auto;overflow-y:hidden;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;contain:layout}.msg-content-rich .math-block-fallback{text-align:center;margin:12px 0;padding:12px;background:#f8fafc;border-radius:8px;font-family:Fira Code,monospace;font-size:.9rem;color:#475569;overflow-x:auto;max-width:100%;white-space:pre-wrap;contain:layout}.msg-content-rich .katex{max-width:100%}.msg-content-rich .katex-display{margin:0;padding:4px 0;max-width:100%;overflow-x:auto;overflow-y:hidden}.msg-content-rich .katex-display>.katex{text-align:center}.msg-content-rich .katex-inline-wrap{display:inline-block;max-width:100%;vertical-align:middle;overflow-x:auto;overflow-y:hidden;contain:layout}.msg-content-rich p:has(>.katex-display){margin:0}.msg-content-rich .md-ol{padding-left:24px;margin:8px 0;list-style-type:decimal}.msg-content-rich .md-ol li{margin-bottom:4px}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:32px;max-width:700px;margin:0 auto}.alert-warning{display:flex;align-items:center;gap:12px;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:14px 20px;margin-bottom:24px;color:#92400e;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:flex;gap:24px;margin-top:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:24px;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.api-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.api-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.api-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.api-card-header h3{font-size:1.1rem;font-weight:700}.api-card .endpoint{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#64748b;margin-bottom:8px}.api-card .endpoint input{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:.8rem;color:#475569}.api-card .created-by{font-size:.85rem;color:#64748b;margin-bottom:16px}.api-card-actions{display:flex;gap:8px;justify-content:center}.filters-bar{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 3px #0000000f}.filters-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.filters-actions{display:flex;gap:12px}.settings-layout{display:flex;gap:24px}.settings-sidebar{width:240px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f;height:fit-content}.settings-sidebar a,.settings-sidebar button{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:.92rem;color:#475569;border-radius:8px;cursor:pointer;font-weight:500}.settings-sidebar a:hover,.settings-sidebar button:hover{background:#f1f5f9}.settings-sidebar a.active,.settings-sidebar button.active{background:#eff6ff;color:#2563eb;border-left:3px solid #2563eb}.settings-content{flex:1}.settings-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px}.settings-card h3{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.profile-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.profile-info .avatar-lg{width:80px;height:80px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700}.notification-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f1f5f9}.notification-item .notif-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.notification-item .notif-content{flex:1}.notification-item .notif-actions{display:flex;gap:8px;margin-top:8px}.data-source-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9}.data-source-item:last-child{border-bottom:none}.agent-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.agent-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.agent-card h3{font-weight:700;margin-bottom:8px}.pagination{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px}.pagination button{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}.pagination button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination .info{font-size:.85rem;color:#64748b}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f36,#2d3561)}.login-card{background:#fff;border-radius:16px;padding:40px;width:400px;box-shadow:0 20px 60px #0000004d}.login-card h2{text-align:center;font-size:1.5rem;margin-bottom:8px}.login-card .subtitle{text-align:center;color:#64748b;margin-bottom:24px}.login-card .switch-link{text-align:center;margin-top:16px;font-size:.9rem;color:#64748b}.login-card .switch-link a,.login-card .switch-link button{color:#3b82f6;font-weight:600;background:none;border:none}.login-card .error-msg{background:#fef2f2;color:#dc2626;padding:10px;border-radius:8px;font-size:.85rem;margin-bottom:12px}.text-center{text-align:center}.text-muted{color:#64748b}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b}.code-editor{background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.code-editor .line-numbers{padding:12px 0}.code-editor textarea{width:100%;min-height:200px;padding:12px;border:none;background:transparent;font-family:Fira Code,Courier New,monospace;font-size:.9rem;resize:vertical;outline:none}.ds-manage-modal{background:#fff;border-radius:16px;width:440px;max-width:92vw;box-shadow:0 20px 60px #00000040;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.ds-manage-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.ds-manage-header h3{font-size:1.1rem;font-weight:700;margin:0;color:#1e293b}.ds-manage-close{width:30px;height:30px;border-radius:50%;border:none;background:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.ds-manage-close:hover{background:#e2e8f0;color:#1e293b}.ds-manage-body{padding:8px 12px;max-height:400px;overflow-y:auto}.ds-manage-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid #f1f5f9;border-radius:10px;margin-bottom:6px;transition:border-color .12s}.ds-manage-item:hover{border-color:#e2e8f0}.ds-manage-name{font-weight:600;font-size:.95rem;color:#1e293b;font-family:Inter,system-ui,sans-serif}.ds-manage-actions{display:flex;gap:6px}.ds-manage-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.ds-manage-btn.blue{background:#eff6ff;color:#3b82f6}.ds-manage-btn.blue:hover{background:#3b82f6;color:#fff}.ds-manage-btn.slate{background:#f1f5f9;color:#64748b}.ds-manage-btn.slate:hover{background:#e2e8f0;color:#334155}.ds-manage-btn.red{background:#fef2f2;color:#ef4444}.ds-manage-btn.red:hover{background:#ef4444;color:#fff}.model-option-desc{display:block;font-size:.72rem;color:#94a3b8;margin-top:1px;font-weight:400}.preview-resize-handle{width:6px;cursor:col-resize;background:#e2e8f0;flex-shrink:0;position:relative;z-index:10;transition:background .15s}.preview-resize-handle:hover,.preview-resize-handle:active{background:#3b82f6}.preview-panel{flex-shrink:0;display:flex;flex-direction:column;background:#1a1f36;border-left:1px solid #2d3561;height:100%;overflow:hidden}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1f36;border-bottom:1px solid #2d3561;flex-shrink:0;min-height:48px;gap:8px}.preview-panel-title{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#e2e8f0;min-width:0;overflow:hidden}.preview-panel-icon{font-size:1rem;flex-shrink:0}.preview-panel-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#ffffff1a;color:#94a3b8;flex-shrink:0}.preview-panel-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.preview-zoom-controls{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:8px;padding:2px 4px}.preview-zoom-controls button{width:28px;height:28px;border:none;background:none;color:#94a3b8;font-size:1rem;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.preview-zoom-controls button:hover{background:#ffffff1a;color:#e2e8f0}.preview-zoom-label{font-size:.72rem;color:#94a3b8;font-weight:600;min-width:36px;text-align:center}.preview-zoom-reset{font-size:.85rem!important}.preview-download-btn{padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:none;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.preview-download-btn:hover{background:#ffffff14;color:#e2e8f0}.preview-close-btn{width:28px;height:28px;border:none;background:none;color:#94a3b8;font-size:1rem;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.preview-close-btn:hover{background:#ffffff1a;color:#ef4444}.preview-panel-body{flex:1;overflow:auto;background:#fff}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-mermaid-wrap{padding:24px;display:flex;justify-content:center;min-height:200px;transition:transform .15s ease}.preview-mermaid-wrap svg{max-width:100%;height:auto}.preview-markdown{padding:24px 28px;font-size:.94rem;line-height:1.8;color:#374151}.preview-markdown h1{font-size:1.6rem;font-weight:700;margin:0 0 12px;color:#1e293b}.preview-markdown h2{font-size:1.3rem;font-weight:700;margin:16px 0 8px;color:#1e293b}.preview-markdown h3{font-size:1.1rem;font-weight:700;margin:14px 0 6px;color:#334155}.preview-markdown p{margin:8px 0}.preview-markdown ul,.preview-markdown ol{padding-left:24px;margin:8px 0}.preview-markdown li{margin-bottom:4px}.preview-markdown code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.88rem;font-family:Fira Code,monospace}.preview-markdown pre{background:#1e293b;color:#e2e8f0;padding:14px;border-radius:8px;overflow-x:auto;margin:12px 0}.preview-markdown pre code{background:none;color:inherit;padding:0}.preview-markdown blockquote{border-left:3px solid #3b82f6;padding:8px 16px;margin:12px 0;color:#64748b;background:#f8fafc;border-radius:0 8px 8px 0}.preview-markdown table{border-collapse:collapse;width:100%;margin:12px 0}.preview-markdown th,.preview-markdown td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left;font-size:.88rem}.preview-markdown th{background:#f8fafc;font-weight:600}.preview-markdown a{color:#3b82f6;text-decoration:underline}.preview-markdown img{max-width:100%;border-radius:8px}.preview-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.preview-error{padding:24px;color:#dc2626;background:#fef2f2;margin:16px;border-radius:10px;font-size:.88rem;line-height:1.6}.preview-loading{padding:40px;text-align:center;color:#94a3b8;font-size:.9rem}.code-block-actions{display:flex;gap:6px;align-items:center}.code-preview-btn{background:#3b82f626;border:none;color:#60a5fa;font-size:.72rem;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .15s;font-weight:600}.code-preview-btn:hover{background:#3b82f64d;color:#93c5fd}.code-block.previewable{border:1px solid rgba(59,130,246,.2)}.navbar-hamburger{display:none;background:none;border:none;color:#b5b3c8;padding:4px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center}.navbar-hamburger:hover{color:#fff;background:#ffffff14}.mobile-menu-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:299}.mobile-menu-drawer{display:none;position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#1a1f36;z-index:300;flex-direction:column;box-shadow:-8px 0 30px #0000004d;transition:right .25s ease;overflow-y:auto}.mobile-menu-drawer.open{right:0}.mobile-menu-header{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-user{display:flex;align-items:center;gap:12px}.mobile-menu-name{font-weight:600;color:#e2e8f0;font-size:.92rem}.mobile-menu-email{font-size:.78rem;color:#94a3b8}.mobile-menu-links{flex:1;padding:8px 0}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:.75rem 20px;color:#b5b3c8;font-size:.875rem;line-height:1.25rem;font-weight:600;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .12s;text-decoration:none}.mobile-menu-link:hover,.mobile-menu-link.active{color:#fff;background:#ffffff0f}.mobile-menu-link.active{border-left:3px solid #3b82f6}.mobile-menu-link-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0}.mobile-menu-footer{border-top:1px solid rgba(255,255,255,.08);padding:8px 0}.preview-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:previewSpin .8s linear infinite;margin:0 auto 12px}@keyframes previewSpin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px}.settings-layout{flex-direction:column}.settings-sidebar{width:100%}.filters-row{grid-template-columns:repeat(2,1fr)}.api-cards-grid,.agent-cards{grid-template-columns:1fr}.chat-sidebar{width:260px}.preview-panel{min-width:280px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header>div:last-child{width:100%;display:flex;flex-wrap:wrap}table{font-size:.82rem}th,td{padding:10px 12px}}@media (max-width: 768px){html{font-size:13px}.navbar{padding:0 12px;height:auto;min-height:54px;flex-wrap:wrap;row-gap:0}.navbar-links{display:none}.navbar-logo svg{height:28px;width:100px}.main-content{padding:16px 12px}.navbar-stats{order:99;flex-basis:100%;width:100%;justify-content:center;gap:6px;padding:6px 0 8px;border-top:1px solid var(--line);margin-top:4px}.navbar-stats .chip{padding:4px 10px;font-size:12px;gap:5px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-card{padding:20px 16px}.form-group label{font-size:.85rem}.page-title{font-size:1.3rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.modal{padding:20px;width:95%;max-width:none}.modal-header{font-size:1.1rem}.chat-layout{flex-direction:column}.chat-sidebar-strip{display:none}.chat-mobile-toggle{display:flex!important}.chat-sidebar{width:100%!important;position:fixed;z-index:50;height:calc(100vh - var(--navbar-h, 54px));top:var(--navbar-h, 54px);left:0}.chat-sidebar.collapsed{width:0!important;transform:translate(-100%)}.chat-main{height:calc(100vh - var(--navbar-h, 54px))}.chat-suggestions{grid-template-columns:1fr}.chat-message{padding:12px;gap:10px}.chat-message.user{padding:8px 12px}.msg-user-row{max-width:90%}.msg-user-bubble{padding:8px 12px}.chat-input-area{padding:10px 12px 14px}.chat-welcome h2{font-size:1.4rem}.chat-welcome p{font-size:.9rem}.preview-resize-handle{display:none}.preview-panel{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:200;width:100%!important;height:100vh;border-left:none}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;display:flex;gap:4px;padding:8px}.settings-sidebar a,.settings-sidebar button{white-space:nowrap;padding:8px 12px;font-size:.82rem}.pricing-title{font-size:1.5rem}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:24px 20px}.agent-cards{grid-template-columns:1fr}.ds-manage-modal{width:95vw}.avatar-menu{right:4px;width:200px}.login-card{width:92%;padding:28px 20px}.checkbox-group{flex-direction:column;gap:12px}.navbar-hamburger{display:flex}.mobile-menu-backdrop{display:block}.mobile-menu-drawer{display:flex}.mobile-menu-header .chip{display:none}}@media (max-width: 480px){html{font-size:12.5px}.navbar-stats{gap:5px;padding:5px 0 7px}.navbar-stats .chip{padding:3px 8px;font-size:11.5px;gap:4px}.btn{padding:8px 14px;font-size:.82rem}.btn-sm{padding:5px 10px;font-size:.75rem}.chat-toolbar{gap:0}.tool-btn{width:30px;height:30px}.tool-btn-model{font-size:.72rem;padding:0 6px}.send-btn{width:34px;height:34px}.msg-avatar{width:28px;height:28px;font-size:.7rem}.chat-welcome-inner{padding:0 8px}.chat-suggestion{padding:12px 14px;font-size:.82rem}.preview-panel-header{padding:8px 12px}.preview-zoom-controls{display:none}.navbar-right{gap:8px}.navbar-avatar{width:32px;height:32px;font-size:.78rem}}.showcase-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;animation:showcaseFadeIn .25s ease}@keyframes showcaseFadeIn{0%{opacity:0}to{opacity:1}}.showcase-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:8px}.showcase-fullscreen-title{display:flex;align-items:center;gap:10px;color:#1e293b;font-weight:700;font-size:1rem}.showcase-fullscreen-title .sc-badge{font-size:.72rem;font-weight:600;color:#4f46e5;background:#eef2ff;padding:3px 10px;border-radius:12px}.showcase-fullscreen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.showcase-fullscreen-actions button{padding:7px 16px;border-radius:8px;font-weight:600;font-size:.82rem;border:none;cursor:pointer;transition:all .15s}.showcase-fullscreen-actions .sc-nav-btn{background:#f1f5f9;color:#475569}.showcase-fullscreen-actions .sc-nav-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.showcase-fullscreen-actions .sc-nav-btn:disabled{opacity:.35;cursor:not-allowed}.showcase-fullscreen-actions .sc-done-btn{background:#22c55e;color:#fff}.showcase-fullscreen-actions .sc-done-btn:hover{background:#16a34a}.showcase-fullscreen-actions .sc-close-btn{background:none;color:#64748b;font-size:1.2rem;padding:6px 10px;border-radius:6px}.showcase-fullscreen-actions .sc-close-btn:hover{color:#1e293b;background:#f1f5f9}.showcase-fullscreen-body{flex:1;display:flex;flex-direction:column;background:#fff;min-height:0;overflow:hidden}.showcase-fullscreen-content{width:100%;max-width:100%;background:#fff;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.showcase-fullscreen-content-header{padding:24px 32px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0;background:#fff}.showcase-fullscreen-content-header h2{font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:6px}.showcase-fullscreen-content-header p{color:#475569;font-size:.9rem;line-height:1.5}.showcase-fullscreen-content-body{padding:20px 32px 28px;font-size:.95rem;line-height:1.75;color:#1e293b;flex:1;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;background:#fff}.showcase-fullscreen-content-body img{max-width:100%;border-radius:8px;margin:12px 0;height:auto;display:block}.showcase-fullscreen-content-body h1{font-size:1.5rem;font-weight:700;margin:20px 0 10px;color:#0f172a}.showcase-fullscreen-content-body h2{font-size:1.25rem;font-weight:700;margin:18px 0 8px;color:#0f172a;border-bottom:1px solid #f1f5f9;padding-bottom:6px}.showcase-fullscreen-content-body h3{font-size:1.1rem;font-weight:700;margin:14px 0 6px;color:#1e293b}.showcase-fullscreen-content-body h4{font-size:1rem;font-weight:600;margin:12px 0 4px;color:#334155}.showcase-fullscreen-content-body p{margin:8px 0;color:#1e293b}.showcase-fullscreen-content-body li{margin:4px 0;color:#1e293b}.showcase-fullscreen-content-body ul,.showcase-fullscreen-content-body ol{padding-left:24px;margin:8px 0}.showcase-fullscreen-content-body strong{color:#0f172a}.showcase-fullscreen-content-body code{background:#f1f5f9;color:#7c3aed;padding:2px 6px;border-radius:4px;font-size:.88em;word-break:break-word}.showcase-fullscreen-content-body pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:10px;overflow-x:auto;margin:14px 0;max-width:100%;font-size:.88rem;line-height:1.5}.showcase-fullscreen-content-body pre code{word-break:normal;color:#e2e8f0;background:transparent;padding:0}.showcase-fullscreen-content-body a{color:#2563eb;text-decoration:underline}.showcase-fullscreen-content-body a:hover{color:#1d4ed8}.showcase-fullscreen-content-body blockquote{border-left:4px solid #6366f1;padding:10px 18px;margin:14px 0;color:#334155;background:#f8fafc;border-radius:0 8px 8px 0}.showcase-fullscreen-content-body table{width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto}.showcase-fullscreen-content-body th,.showcase-fullscreen-content-body td{padding:10px 14px;border:1px solid #e2e8f0;text-align:left;color:#1e293b}.showcase-fullscreen-content-body th{background:#f8fafc;font-weight:600;color:#0f172a}.showcase-fullscreen-content-body tr:nth-child(2n) td{background:#fafafa}.showcase-fullscreen-content-body iframe,.showcase-fullscreen-content-body video{max-width:100%}.showcase-fullscreen-content-body hr{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.showcase-fullscreen-dots{display:flex;justify-content:center;gap:8px;padding:12px 0;flex-shrink:0;background:#fff;border-top:1px solid #e2e8f0}.showcase-fullscreen-dots .sc-dot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:all .2s;border:none}.showcase-fullscreen-dots .sc-dot.active{background:#3b82f6;transform:scale(1.3);box-shadow:0 0 0 3px #3b82f640}.showcase-fullscreen-dots .sc-dot:not(.active){background:#cbd5e1}.showcase-fullscreen-dots .sc-dot:not(.active):hover{background:#94a3b8}.showcase-fullscreen-media{padding:0 32px 12px;background:#fff}.showcase-fullscreen-media img{max-width:100%;border-radius:8px}.showcase-fullscreen-media video{max-width:100%;border-radius:8px}.showcase-fullscreen-media audio{width:100%}@media (max-width: 900px){.showcase-fullscreen-content-header{padding:20px 24px 14px}.showcase-fullscreen-content-body{padding:16px 24px 24px}.showcase-fullscreen-media{padding:0 24px 10px}}@media (max-width: 640px){.showcase-fullscreen-header{padding:10px 14px;flex-wrap:wrap;gap:6px}.showcase-fullscreen-title{font-size:.88rem;gap:6px}.showcase-fullscreen-title .sc-badge{font-size:.68rem;padding:2px 8px}.showcase-fullscreen-body{padding:0}.showcase-fullscreen-content{border-radius:0}.showcase-fullscreen-content-header{padding:16px 16px 10px}.showcase-fullscreen-content-header h2{font-size:1.15rem}.showcase-fullscreen-content-header p{font-size:.84rem}.showcase-fullscreen-content-body{padding:14px 16px 20px;font-size:.88rem;line-height:1.65}.showcase-fullscreen-content-body h1{font-size:1.2rem}.showcase-fullscreen-content-body h2{font-size:1.1rem}.showcase-fullscreen-content-body h3{font-size:1rem}.showcase-fullscreen-content-body pre{padding:12px;font-size:.8em}.showcase-fullscreen-content-body table{font-size:.85rem}.showcase-fullscreen-content-body th,.showcase-fullscreen-content-body td{padding:6px 10px}.showcase-fullscreen-actions{gap:4px}.showcase-fullscreen-actions button{padding:6px 10px;font-size:.76rem}.showcase-fullscreen-media{padding:0 16px 10px}.showcase-fullscreen-dots{padding:10px 0;gap:6px}.showcase-fullscreen-dots .sc-dot{width:8px;height:8px}}.mermaid-fix-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 18px;border-radius:8px;background:#3b82f6;color:#fff;font-weight:600;font-size:.82rem;border:none;cursor:pointer;transition:all .15s}.mermaid-fix-btn:hover{background:#2563eb}.mermaid-fix-btn:disabled{opacity:.6;cursor:not-allowed}.mermaid-fix-btn.fixing{background:#f59e0b;color:#1e293b}.mermaid-fix-notice{margin-top:8px;font-size:.78rem;color:#94a3b8}:root{--navbar-h: 64px;--bg: oklch(98% .008 85);--surface: #ffffff;--surface-2: oklch(96% .012 85);--surface-3: oklch(93% .02 85);--line: oklch(90% .015 85);--line-2: oklch(86% .02 85);--ink: oklch(22% .02 260);--ink-2: oklch(40% .025 260);--ink-3: oklch(58% .02 260);--ink-4: oklch(72% .02 260);--primary: oklch(70% .17 150);--primary-ink: oklch(32% .09 150);--primary-soft: oklch(92% .07 150);--primary-shadow: oklch(48% .14 150);--violet: oklch(66% .17 295);--violet-soft: oklch(94% .06 295);--violet-shadow: oklch(44% .14 295);--coral: oklch(68% .17 30);--coral-soft: oklch(94% .06 30);--coral-shadow: oklch(46% .15 30);--amber: oklch(76% .15 75);--amber-soft: oklch(94% .07 75);--amber-shadow: oklch(52% .13 75);--sky: oklch(70% .14 230);--sky-soft: oklch(94% .05 230);--sky-shadow: oklch(46% .13 230);--xp: oklch(76% .15 75);--streak: oklch(68% .17 30);--sh-tactile-sm: 0 2px 0 0 var(--line-2);--sh-tactile: 0 3px 0 0 var(--line-2);--sh-card: 0 1px 0 0 var(--line), 0 4px 0 -1px var(--line-2);--sh-lift: 0 2px 0 0 rgba(0,0,0,.04), 0 8px 24px -8px rgba(30,30,50,.12);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 999px;--f-display: "Nunito", system-ui, -apple-system, sans-serif;--f-body: "Nunito", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}html{font-size:15px}.app-layout{background:radial-gradient(1000px 600px at 90% -200px,oklch(94% .08 150 / .5),transparent 60%),radial-gradient(900px 500px at -10% 100%,oklch(94% .06 295 / .4),transparent 60%),var(--bg);min-height:100vh}.main-content{max-width:1280px;padding:28px 28px 80px}.navbar{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);height:64px;padding:0 28px;gap:20px}.navbar-links a,.navbar-links button{color:var(--ink-3);font-weight:700;font-size:14px;padding:8px 14px;border-radius:var(--r-full);background:transparent;border:none;display:inline-flex;align-items:center;gap:7px}.navbar-links a:hover,.navbar-links button:hover{background:var(--surface-2);color:var(--ink-2)}.navbar-links a.active,.navbar-links button.active{background:var(--ink);color:var(--surface);border-bottom:none}.navbar-right{gap:14px;flex-shrink:0}.navbar-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 860px){.brand-wordmark{display:none}}.navbar-bell{color:var(--ink-3)}.navbar-bell:hover{color:var(--ink)}.navbar-avatar{width:38px;height:38px;background:linear-gradient(135deg,var(--violet),var(--sky));color:#fff;font-weight:900;font-size:14px;box-shadow:inset 0 -2px #0000001f}.avatar-menu{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:0 10px 40px -10px #0003;padding:14px}.avatar-menu a,.avatar-menu button{border-radius:var(--r-sm);font-family:var(--f-display);font-weight:700;color:var(--ink-2)}.avatar-menu a:hover,.avatar-menu button:hover{background:var(--surface-2);color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-full);font-family:var(--f-display);font-weight:800;font-size:13px;background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;flex-shrink:0}.chip-xp{background:#ffefdb;background:oklch(96% .08 75);color:#5b3b00;color:oklch(38% .12 75);border-color:#f8c885}.chip-streak{background:#ffebe6;background:oklch(96% .06 30);color:#831b11;border-color:#ffc9bf;border-color:oklch(88% .08 30)}.chip-level{background:var(--primary-soft);color:var(--primary-ink);border-color:#95d7a2}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);font-family:var(--f-display);font-size:12px;font-weight:700}.pill-xp{background:#ffefdb;background:oklch(96% .08 75);color:#5b3b00;color:oklch(38% .12 75);border-color:#f7d19c}.pill-done{background:var(--primary-soft);color:var(--primary-ink);border-color:#95d7a2}.pill-lock{color:var(--ink-3)}.hero{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-xl);padding:26px 30px;box-shadow:var(--sh-card);display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 200px at 85% 120%,var(--primary-soft),transparent 70%);pointer-events:none}.hero-left{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink);margin-bottom:10px}.hero h1{font-family:var(--f-display);font-weight:900;font-size:34px;line-height:1.1;letter-spacing:-.025em;margin:0 0 8px;text-wrap:balance;color:var(--ink)}.hero h1 .hl{background:linear-gradient(180deg,transparent 62%,var(--primary-soft) 62%);padding:0 4px}.hero p{color:var(--ink-3);margin:0 0 18px;font-weight:500;max-width:50ch;font-size:15px}.xp-rail{display:flex;align-items:center;gap:14px}.xp-meter{flex:1;height:14px;background:var(--surface-3);border-radius:var(--r-full);position:relative;overflow:hidden;border:1px solid var(--line)}.xp-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--primary),oklch(82% .15 120));border-radius:var(--r-full);box-shadow:inset 0 -4px #00000014,inset 0 2px #ffffff40;transition:width .6s cubic-bezier(.2,.8,.2,1)}.xp-nums{font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}.xp-nums b{color:var(--ink);font-weight:800}.mascot-wrap{position:relative;height:180px;display:grid;place-items:center}.mascot{width:170px;height:170px;position:relative}.mascot svg{width:100%;height:100%}.mascot .speech{position:absolute;top:-8px;right:-28px;background:var(--ink);color:var(--surface);padding:8px 12px;border-radius:14px;font-family:var(--f-display);font-size:12px;font-weight:700;white-space:nowrap;transform:rotate(4deg);box-shadow:0 3px #0000001a}.mascot .speech:after{content:"";position:absolute;bottom:-8px;left:18px;border:6px solid transparent;border-top-color:var(--ink);border-bottom:0}.roles{display:flex;gap:8px;margin-top:6px}.role{flex:1;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1.5px solid var(--line);font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s}.role:hover{background:var(--surface-3)}.role.active{background:var(--ink);color:#fff;border-color:var(--ink)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:34px 6px 16px}.section-head h2{font-family:var(--f-display);font-weight:900;font-size:22px;letter-spacing:-.02em;margin:0;color:var(--ink)}.section-head p{margin:4px 0 0;color:var(--ink-3);font-weight:500;font-size:14px}.section-meta{font-size:13px;color:var(--ink-3);font-weight:700}.quests{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quest{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-xl);padding:22px;box-shadow:var(--sh-card);display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;position:relative;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;text-align:left;width:100%}.quest:hover{transform:translateY(-2px);box-shadow:var(--sh-lift)}.quest.locked{opacity:.7;cursor:not-allowed}.quest.locked:hover{transform:none}.quest-avatar{width:96px;height:96px;border-radius:22px;display:grid;place-items:center;position:relative;box-shadow:inset 0 -4px #0000001a}.quest-avatar svg{width:56px;height:56px}.quest-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none}.quest-title{font-family:var(--f-display);font-weight:900;font-size:19px;letter-spacing:-.015em;margin:2px 0 4px;color:var(--ink)}.quest-desc{color:var(--ink-3);font-weight:500;font-size:14px;margin:0 0 14px;line-height:1.4}.quest-progress{margin-top:14px;display:flex;gap:6px;align-items:center}.quest-progress .seg{flex:1;height:8px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line)}.quest-progress .seg.done{background:var(--primary);border-color:var(--primary-shadow)}.quest-progress .seg.active{background:var(--amber);border-color:var(--amber-shadow)}.quest-progress .num{font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--ink-3);margin-left:6px}.quest[data-track=welcome] .quest-avatar{background:var(--primary-soft)}.quest[data-track=welcome] .quest-avatar svg{color:var(--primary-shadow)}.quest[data-track=llm] .quest-avatar{background:var(--violet-soft)}.quest[data-track=llm] .quest-avatar svg{color:var(--violet-shadow)}.quest[data-track=chat] .quest-avatar{background:var(--primary-soft)}.quest[data-track=chat] .quest-avatar svg{color:var(--primary-shadow)}.quest[data-track=rag] .quest-avatar{background:var(--amber-soft)}.quest[data-track=rag] .quest-avatar svg{color:var(--amber-shadow)}.quest[data-track=api] .quest-avatar{background:var(--sky-soft)}.quest[data-track=api] .quest-avatar svg{color:var(--sky-shadow)}.grid-main{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.side-stack{display:flex;flex-direction:column;gap:16px}.academy-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-card)}.academy-card-title{font-family:var(--f-display);font-weight:900;font-size:15px;letter-spacing:-.01em;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--ink)}.rec{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);transition:background .15s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.rec:hover{background:var(--surface-2)}.rec-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.rec-icon svg{width:22px;height:22px}.rec-title{font-family:var(--f-display);font-weight:800;font-size:14px;color:var(--ink)}.rec-sub{font-size:12px;color:var(--ink-3);font-weight:600}.rec-xp{margin-left:auto;font-family:var(--f-mono);font-size:11px;font-weight:700;color:#624000;color:oklch(40% .13 75);background:#ffefdb;background:oklch(96% .08 75);padding:3px 8px;border-radius:var(--r-full)}.streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:6px}.streak-day{aspect-ratio:1;border-radius:9px;background:var(--surface-3);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-mono);font-size:10px;font-weight:700;color:var(--ink-4)}.streak-day.done{background:var(--coral);border-color:var(--coral-shadow);color:#fff}.streak-day.today{background:var(--surface);border:2px dashed var(--coral);color:var(--coral-shadow)}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.lb-row:last-child{border-bottom:none}.lb-rank{font-family:var(--f-mono);font-size:12px;font-weight:800;color:var(--ink-3);width:28px}.lb-name{font-family:var(--f-display);font-weight:700;font-size:14px;color:var(--ink-2)}.lb-name.me{font-weight:900;color:var(--primary-ink)}.lb-xp{margin-left:auto;font-family:var(--f-mono);font-size:12px;font-weight:700;color:var(--amber-shadow)}.sandboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sandbox{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh-card);text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;display:block;color:inherit;text-decoration:none}.sandbox:hover{transform:translateY(-2px);box-shadow:var(--sh-lift)}.sandbox-tag{position:absolute;top:12px;right:12px;font-family:var(--f-display);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.sandbox-ic{width:44px;height:44px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:14px}.sandbox-title{font-family:var(--f-display);font-weight:900;font-size:15px;margin:0 0 4px;letter-spacing:-.01em;color:var(--ink)}.sandbox-desc{font-size:12.5px;color:var(--ink-3);font-weight:500;line-height:1.4;margin:0 0 12px}.sandbox-cta{font-family:var(--f-display);font-size:12px;font-weight:800;color:var(--primary-ink);display:inline-flex;align-items:center;gap:4px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:18px 22px;box-shadow:var(--sh-card)}.stat-card .stat-label{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.stat-card .stat-value{font-family:var(--f-display);font-weight:900;font-size:2rem;color:var(--ink);letter-spacing:-.02em}.stat-card .stat-icon{font-size:1.5rem;color:var(--primary-shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--r-full);font-family:var(--f-display);font-weight:800;font-size:14px;border:1.5px solid var(--ink);transition:transform .1s,box-shadow .1s}.btn-primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary-shadow);box-shadow:0 4px 0 0 var(--primary-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 0 0 var(--primary-shadow);background:var(--primary)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 0 var(--primary-shadow)}.btn-primary:disabled{opacity:.6;transform:none;box-shadow:0 2px 0 0 var(--primary-shadow);cursor:not-allowed}.btn-outline{background:var(--surface);color:var(--ink-2);border-color:var(--line-2);box-shadow:0 3px 0 0 var(--line-2)}.btn-outline:hover{background:var(--surface);transform:translateY(-1px);color:var(--ink);box-shadow:0 4px 0 0 var(--line-2)}.btn-success{background:var(--primary);color:var(--primary-ink);border-color:var(--primary-shadow);box-shadow:0 4px 0 0 var(--primary-shadow)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 5px 0 0 var(--primary-shadow);background:var(--primary)}.btn-danger{background:var(--coral);color:#fff;border-color:var(--coral-shadow);box-shadow:0 4px 0 0 var(--coral-shadow)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 5px 0 0 var(--coral-shadow)}.btn-ghost{background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink-2);box-shadow:0 3px 0 0 var(--line-2)}.btn-ghost:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 4px 0 0 var(--line-2);color:var(--ink)}.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 4px #010309}.btn-dark:hover{transform:translateY(-1px);box-shadow:0 5px #010309}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:14px 26px;font-size:15px}.form-group label{font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--ink-2)}.form-control{border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font-family:var(--f-body);padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.modal-overlay{background:#11161f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--line);box-shadow:0 30px 80px -20px #0000004d;animation:slideUp .25s cubic-bezier(.2,.8,.2,1)}.modal-header{font-family:var(--f-display);font-weight:900;color:var(--ink)}.badge{font-family:var(--f-display);font-weight:800;font-size:.75rem;padding:4px 10px;border-radius:var(--r-full)}.badge-green,.badge-approved,.badge-active{background:var(--primary-soft);color:var(--primary-ink)}.badge-yellow,.badge-pending{background:var(--amber-soft);color:var(--amber-shadow)}.badge-red,.badge-rejected{background:var(--coral-soft);color:var(--coral-shadow)}.badge-blue{background:var(--sky-soft);color:var(--sky-shadow)}thead{background:var(--ink)}thead th{font-family:var(--f-display);font-weight:800}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.ws-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11161f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:fadeIn .2s}.workspace{background:var(--surface);border-radius:22px;width:96vw;max-width:1600px;height:96vh;max-height:960px;overflow:hidden;display:grid;grid-template-columns:minmax(280px,340px) 1fr;box-shadow:0 30px 80px -20px #0000004d;animation:slideUp .25s cubic-bezier(.2,.8,.2,1);position:relative}.ws-close{position:absolute;top:18px;right:18px;z-index:10;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1.5px solid var(--line);display:grid;place-items:center;box-shadow:0 2px 0 var(--line-2);font-size:16px;color:var(--ink-2);cursor:pointer}.ws-close:hover{background:var(--surface-3)}.ws-sidebar{background:var(--surface-2);border-right:1px solid var(--line);padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.ws-header{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}.ws-eyebrow{font-family:var(--f-display);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}.ws-title{font-family:var(--f-display);font-weight:900;font-size:22px;letter-spacing:-.02em;margin:6px 0 0;color:var(--ink)}.ws-sub{color:var(--ink-3);font-size:13px;margin:4px 0 0;font-weight:500}.ws-step{padding:12px 14px;border-radius:14px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background .15s;text-align:left;width:100%;background:transparent;border:1.5px solid transparent}.ws-step:hover{background:var(--surface-3)}.ws-step.active{background:var(--surface);border-color:var(--line);box-shadow:var(--sh-tactile-sm)}.ws-step.done .ws-step-num{background:var(--primary);color:#fff;border-color:var(--primary-shadow)}.ws-step-num{width:28px;height:28px;border-radius:50%;background:var(--surface);border:1.5px solid var(--line-2);display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;font-weight:800;color:var(--ink-3);flex-shrink:0;margin-top:1px}.ws-step-title{font-family:var(--f-display);font-weight:800;font-size:14px;color:var(--ink)}.ws-step-desc{font-size:12px;color:var(--ink-3);font-weight:500;line-height:1.3;margin-top:2px}.ws-main{padding:32px 44px;overflow-y:auto;background:var(--surface);display:flex;flex-direction:column;min-height:0}.ws-main>.lw-stage,.ws-main>div>.lw-stage{flex:1 1 auto}.ws-step-eyebrow{font-family:var(--f-display);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin-bottom:8px}.ws-step-h{font-family:var(--f-display);font-weight:900;font-size:28px;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance;color:var(--ink)}.ws-step-p{color:var(--ink-2);margin:0 0 20px;font-weight:500;max-width:62ch;font-size:15px}.ws-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);gap:12px}.ws-xp-earned{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:13px;color:#624000;color:oklch(40% .13 75)}.ws-card{background:var(--surface-2);border:1.5px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.provider{padding:16px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;text-align:left}.provider:hover{border-color:var(--line-2);transform:translateY(-1px)}.provider.selected{border-color:var(--violet-shadow);background:var(--violet-soft);box-shadow:0 3px 0 var(--violet-shadow)}.provider-logo{width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:18px;flex-shrink:0}.provider-logo.openai{background:#10a37f}.provider-logo.anthropic{background:#7c2700;background:oklch(40% .13 40)}.provider-logo.local{background:var(--ink)}.provider-logo.google{background:#0065b0;background:oklch(50% .15 250)}.provider-name{font-family:var(--f-display);font-weight:900;font-size:15px;color:var(--ink)}.provider-tag{font-size:12px;color:var(--ink-3);font-weight:600}.field-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--ink-2)}.field-hint{font-size:12px;color:var(--ink-3);font-weight:500}.ws-input{padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);font-family:var(--f-mono);font-size:13px;color:var(--ink);transition:border .15s,box-shadow .15s}.ws-input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.model-row{padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);cursor:pointer;margin-bottom:6px;transition:all .15s;text-align:left;width:100%}.model-row:hover{border-color:var(--line-2)}.model-row.active{border-color:var(--violet-shadow);background:var(--violet-soft)}.model-row .m-name{font-family:var(--f-display);font-weight:800;font-size:14px;color:var(--ink)}.model-row .m-meta{font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}.model-row .m-price{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--ink-3);font-weight:700}.model-row .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);flex-shrink:0}.model-row.active .radio{border-color:var(--violet-shadow);background:radial-gradient(circle,var(--violet-shadow) 40%,transparent 45%)}.test-panel{background:var(--ink);color:#dce9de;border-radius:16px;padding:18px;font-family:var(--f-mono);font-size:13px;line-height:1.55}.test-panel .line-prompt{color:#e8a127}.test-panel .line-reply{color:#9ceead}.test-panel .cursor{display:inline-block;width:8px;height:14px;background:#e8a127;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.completion{text-align:center;padding:20px 0}.completion-badge{width:130px;height:130px;border-radius:50%;margin:0 auto 18px;background:conic-gradient(from 0deg,var(--violet),var(--primary),var(--amber),var(--coral),var(--violet));display:grid;place-items:center;position:relative;animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.completion-badge:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--surface);border-radius:50%}.completion-badge svg{position:relative;z-index:1;width:60px;height:60px}.login-page{background:radial-gradient(800px 500px at 90% 10%,oklch(94% .08 150 / .6),transparent 60%),radial-gradient(700px 500px at 5% 90%,oklch(94% .06 295 / .5),transparent 60%),var(--bg)}.login-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lift);padding:36px;width:420px;max-width:100%}.login-card h2{font-family:var(--f-display);font-weight:900;font-size:1.6rem;color:var(--ink);text-align:center;margin-bottom:6px;letter-spacing:-.02em}.login-card .subtitle{color:var(--ink-3);text-align:center;font-size:14px;font-weight:500;margin-bottom:22px}.login-card .error-msg{background:var(--coral-soft);color:var(--coral-shadow);padding:10px 12px;border-radius:var(--r-sm);border:1px solid oklch(88% .08 30);font-size:13px;font-weight:600;margin-bottom:14px}.login-card .switch-link{text-align:center;margin-top:18px;font-size:.9rem;color:var(--ink-3);font-weight:600}.login-card .switch-link a,.login-card .switch-link button{color:var(--primary-ink);font-weight:800}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:8px;max-width:100%}@media (min-width: 900px){.ach-grid.ach-grid-wide{grid-template-columns:repeat(4,1fr)}}.ach{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);min-width:0}.ach.unlocked{background:var(--amber-soft);border-color:#f0ca96}.ach-icon{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0;color:var(--ink-3)}.ach.unlocked .ach-icon{background:var(--amber);color:#fff;border-color:var(--amber-shadow)}.ach-body{min-width:0;flex:1}.ach-title{font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--ink);line-height:1.25;overflow-wrap:break-word}.ach-desc{font-size:11.5px;color:var(--ink-3);font-weight:500;line-height:1.4;margin-top:3px;overflow-wrap:break-word}.ach-locked .ach-title,.ach-locked .ach-desc{opacity:.55}.activity-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}.activity-row:last-child{border-bottom:none}.activity-label{flex:1;color:var(--ink-2);font-weight:600}.activity-xp{font-family:var(--f-mono);font-size:11px;font-weight:700;color:#624000;color:oklch(40% .13 75);background:#ffefdb;background:oklch(96% .08 75);padding:3px 8px;border-radius:var(--r-full)}.activity-time{font-family:var(--f-mono);font-size:11px;color:var(--ink-4)}.xp-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:2000;background:var(--ink);color:#fff;padding:14px 22px;border-radius:var(--r-full);display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:14px;box-shadow:0 10px 30px -8px #0006;animation:xpToastIn .3s cubic-bezier(.2,.8,.2,1),xpToastOut .3s 2.4s forwards}@keyframes xpToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes xpToastOut{to{opacity:0;transform:translate(-50%,12px)}}.xp-toast .xp-amount{color:var(--amber);font-family:var(--f-mono);font-weight:800}@media (max-width: 1100px){.grid-main,.quests{grid-template-columns:1fr}.sandboxes{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.mascot-wrap{display:none}.workspace{grid-template-columns:minmax(260px,300px) 1fr}}@media (max-width: 740px){.workspace{grid-template-columns:1fr;height:100vh;max-height:100vh;width:100vw;border-radius:0}.ws-scrim{padding:0}.ws-sidebar{display:none}.ws-main{padding:20px 18px}.sandboxes{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.provider-grid{grid-template-columns:1fr}}.msg-edit-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:#94a3b8;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-weight:500;transition:background .12s,color .12s;min-height:28px}.msg-edit-btn:hover{color:#3b82f6;background:#3b82f614}.msg-edit-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.msg-edit-form{width:100%}.msg-edit-textarea{width:100%;box-sizing:border-box}.msg-edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end;flex-wrap:wrap}.msg-edit-cancel,.msg-edit-save{border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;min-height:32px;transition:opacity .12s,background .12s}.msg-edit-cancel{background:#e2e8f0;color:#475569}.msg-edit-cancel:hover{background:#cbd5e1}.msg-edit-save{background:#3b82f6;color:#fff}.msg-edit-save:hover:not(:disabled){background:#2563eb}.msg-edit-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.msg-edit-btn{font-size:.85rem;padding:8px 14px;min-height:36px;color:#64748b;background:#94a3b81f}.msg-edit-btn:active{background:#3b82f62e;color:#3b82f6}.msg-edit-actions{gap:10px;margin-top:10px}.msg-edit-cancel,.msg-edit-save{flex:1;min-width:0;padding:10px 14px;font-size:.88rem;min-height:40px}.msg-user-row{max-width:94%}.msg-user-bubble{padding:10px 14px}}.ws-step-actions{align-items:center}@media (max-width: 740px){.ws-header{margin-bottom:14px}.ws-footer{flex-direction:column-reverse;align-items:stretch!important;gap:10px}.ws-footer>div{width:100%;justify-content:space-between!important}.ws-footer .btn{width:100%}.ws-step-actions .btn{flex:1;min-width:44%}}@media (max-width: 480px){.workspace{border-radius:12px;max-height:100vh;height:100vh}.ws-main{padding:16px 14px 24px}.ws-step-h{font-size:1.15rem}}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.track{background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);border-radius:18px;padding:18px 18px 16px;box-shadow:0 1px #00000008;text-align:left;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;font-family:inherit;width:100%}.track:before{content:"";position:absolute;inset:0 0 auto 0;height:80px;background:linear-gradient(180deg,var(--track-tint, var(--primary-soft, #ecfdf5)),transparent);pointer-events:none;z-index:0}.track>*{position:relative;z-index:1}.track:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #0000001a}.track-head{display:flex;align-items:center;gap:12px}.track-icon{width:48px;height:48px;border-radius:14px;background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);display:grid;place-items:center;color:var(--track-shadow, var(--primary-shadow, #059669));flex-shrink:0}.track-eyebrow{font-family:var(--f-mono, ui-monospace, monospace);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--track-shadow, var(--primary-shadow, #059669))}.track-title{font-family:var(--f-display, inherit);font-weight:900;font-size:17px;letter-spacing:-.015em;margin:1px 0 0;color:var(--ink-1, #0f172a)}.track-desc{font-size:13px;color:var(--ink-3, #64748b);font-weight:500;margin:0;line-height:1.45}.track-format{display:flex;gap:6px;flex-wrap:wrap}.fmt-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--surface-2, #f8fafc);border:1px solid var(--line, #e2e8f0);font-size:11px;font-weight:800;color:var(--ink-2, #475569)}.fmt-pill svg{width:12px;height:12px}.fmt-pill[data-kind=slides]{background:var(--violet-soft, #ede9fe);color:var(--violet-shadow, #6d28d9);border-color:#ddd6fe}.fmt-pill[data-kind=video]{background:var(--coral-soft, #ffe4e6);color:var(--coral-shadow, #be123c);border-color:#fecdd3}.fmt-pill[data-kind=quiz]{background:var(--amber-soft, #fef3c7);color:var(--amber-shadow, #92400e);border-color:#fde68a}.fmt-pill[data-kind=lab]{background:var(--primary-soft, #ecfdf5);color:var(--primary-ink, #064e3b);border-color:#a7f3d0}.track-foot{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px dashed var(--line-2, #cbd5e1)}.track-foot .meter{flex:1;height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.track-foot .meter>i{display:block;height:100%;background:var(--track-shadow, var(--primary-shadow, #059669));border-radius:999px;transition:width .4s ease}.track-foot .meta{font-family:var(--f-mono, ui-monospace, monospace);font-size:11px;font-weight:700;color:var(--ink-3, #64748b);white-space:nowrap}.track-foot .cta{font-size:12px;font-weight:800;color:var(--track-shadow, var(--primary-shadow, #059669));display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ws-step .lw-lesson-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-right:6px}.ws-step .lw-lesson-tag[data-kind=slides]{background:var(--violet-soft, #ede9fe);color:var(--violet-shadow, #6d28d9)}.ws-step .lw-lesson-tag[data-kind=video]{background:var(--coral-soft, #ffe4e6);color:var(--coral-shadow, #be123c)}.ws-step .lw-lesson-tag[data-kind=quiz]{background:var(--amber-soft, #fef3c7);color:var(--amber-shadow, #92400e)}.ws-step .lw-lesson-tag[data-kind=lab]{background:var(--primary-soft, #ecfdf5);color:var(--primary-ink, #064e3b)}.lw-stage{background:var(--surface-2, #f8fafc);border:1.5px solid var(--line, #e2e8f0);border-radius:22px;min-height:420px;display:flex;flex-direction:column;position:relative;overflow:hidden}.lw-slides{position:relative;flex:1 1 auto;min-height:420px;display:grid;place-items:center;padding:48px 64px 72px}.lw-slide-frame{width:100%;max-width:880px;text-align:center}.lw-slide-num{display:inline-block;font-family:var(--f-mono, ui-monospace, monospace);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3, #64748b);background:var(--surface, #fff);border:1px solid var(--line, #e2e8f0);padding:4px 10px;border-radius:999px;margin-bottom:14px}.lw-slide-h{font-family:var(--f-display, inherit);font-weight:900;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.025em;margin:0 0 14px}.lw-slide-p{color:var(--ink-2, #475569);font-weight:500;font-size:clamp(15px,1.15vw,18px);line-height:1.6;max-width:60ch;margin:0 auto 22px}.lw-slide-visual{margin:0 auto 18px;background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);border-radius:18px;padding:22px 26px;font-family:var(--f-mono, ui-monospace, monospace);font-size:14px;color:var(--ink-2, #475569);font-weight:500;max-width:720px;text-align:left;line-height:1.65}.lw-slide-visual-svg{background:transparent;border:0;padding:0;max-width:720px;margin:4px auto 18px}.lw-slide-visual-svg svg{display:block;width:100%;height:auto;max-height:360px}.lw-slide-download{display:inline-flex;align-items:center;gap:8px;margin:6px auto 0;padding:8px 14px;background:var(--primary-soft, #ecfdf5);color:var(--primary-shadow, #059669);border:1px solid #a7f3d0;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.lw-slide-download:hover{background:#a7f3d0}.lw-slide-deck-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.lw-pdf-viewer{display:flex;flex-direction:column;flex:1 1 auto;min-height:420px;background:#f8fafc;border-radius:22px;overflow:hidden}.lw-pdf-frame{flex:1 1 auto;width:100%;border:0;background:#fff}.lw-pdf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#1e293b;color:#e2e8f0;font-size:.78rem}.lw-pdf-name{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lw-pdf-download{color:#93c5fd;text-decoration:none;font-weight:600;white-space:nowrap}.lw-pdf-download:hover{color:#bfdbfe;text-decoration:underline}.ptd-stage{--ptd-scale: 1;--ptd-aspect: .74;--ptd-pw: calc(310px * var(--ptd-scale));--ptd-ph: calc(var(--ptd-pw) / var(--ptd-aspect));position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14px 8px 8px;perspective:2400px;perspective-origin:50% 40%;min-height:420px;-webkit-user-select:none;user-select:none}.ptd-empty{padding:40px;color:var(--ink-3, #64748b);text-align:center;font-style:italic}.ptd-book{position:relative;width:calc(var(--ptd-pw) * 2);height:var(--ptd-ph);transform-style:preserve-3d;touch-action:pan-y;cursor:pointer}.ptd-portrait .ptd-book{width:var(--ptd-pw)}.ptd-book:before{content:"";position:absolute;top:100%;left:3%;width:94%;height:22px;background:radial-gradient(ellipse at center,#0000004d,#0000 70%);pointer-events:none;filter:blur(5px)}.ptd-page{position:absolute;top:0;width:var(--ptd-pw);height:var(--ptd-ph);background:#fdfbf6;overflow:hidden}.ptd-page-left{left:0;box-shadow:inset 0 0 24px #28140a1a,inset -16px 0 24px #0000001a}.ptd-page-right{right:0;box-shadow:inset 0 0 24px #28140a1a,inset 16px 0 24px #0000001a}.ptd-portrait .ptd-page-left{display:none}.ptd-portrait .ptd-page-right{right:auto;left:0;box-shadow:inset 0 0 24px #28140a1a}.ptd-spine{position:absolute;top:0;left:50%;width:14px;height:100%;transform:translate(-7px);background:linear-gradient(to right,#0000002e,#00000052 50%,#0000002e);z-index:500;pointer-events:none}.ptd-portrait .ptd-spine{display:none}.ptd-leaf{position:absolute;top:0;right:0;width:var(--ptd-pw);height:var(--ptd-ph);transform-style:preserve-3d;transform-origin:left center;transition:transform 1s cubic-bezier(.36,.05,.28,1);cursor:pointer}.ptd-portrait .ptd-leaf{right:auto;left:0}.ptd-leaf.ptd-flipped{transform:rotateY(-180deg)}.ptd-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:#fdfbf6;overflow:hidden}.ptd-front{box-shadow:inset 16px 0 24px #0000001a,inset 0 0 24px #28140a1a}.ptd-back{transform:rotateY(180deg);box-shadow:inset -16px 0 24px #0000001a,inset 0 0 24px #28140a1a}.ptd-portrait .ptd-front,.ptd-portrait .ptd-back{box-shadow:inset 0 0 24px #28140a1a}.ptd-face-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px 22px;overflow:hidden}.ptd-face-content>svg,.ptd-face-content>img,.ptd-face-content>canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.ptd-face-content.ptd-face-bleed{padding:0;align-items:stretch;justify-content:stretch}.ptd-face-content.ptd-face-bleed>svg,.ptd-face-content.ptd-face-bleed>img,.ptd-face-content.ptd-face-bleed>canvas{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.ptd-face-content.ptd-face-bg{background-repeat:no-repeat;background-color:#fdfbf6;image-rendering:-webkit-optimize-contrast}.ptd-authored-slide{display:flex;flex-direction:column;width:100%;height:100%;padding:4px 8px}.ptd-authored-slide .ptd-kicker{font-family:var(--f-mono, ui-monospace, monospace);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-shadow, #15803d);margin-bottom:6px}.ptd-authored-slide .ptd-h{font-family:var(--f-display, inherit);font-weight:800;font-size:clamp(15px,1.6vw,22px);line-height:1.2;letter-spacing:-.02em;color:var(--ink, #0f172a);margin:0 0 8px}.ptd-authored-slide .ptd-p{font-size:clamp(11px,1.05vw,14px);line-height:1.55;color:var(--ink-2, #475569);margin:0 0 10px}.ptd-authored-slide .ptd-visual{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.ptd-authored-slide .ptd-visual svg{width:100%;height:auto;max-width:100%;max-height:100%}.ptd-blank-face{position:absolute;top:0;right:0;bottom:0;left:0;background:#fdfbf6}.ptd-toolbar{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#0f172a0a;border-radius:999px;border:1px solid var(--line, #e2e8f0);z-index:10}.ptd-nav-btn{background:transparent;border:1px solid var(--line-2, #cbd5e1);color:var(--ink-2, #475569);height:32px;min-width:32px;padding:0 10px;border-radius:16px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.ptd-nav-btn:hover:not(:disabled){background:var(--surface-2, #f8fafc);border-color:var(--ink-3, #64748b)}.ptd-nav-btn:active:not(:disabled){transform:scale(.94)}.ptd-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ptd-page-label{font-size:12px;font-weight:600;color:var(--ink-2, #475569);font-family:var(--f-mono, ui-monospace, monospace);white-space:nowrap;min-width:12ch;text-align:center}.lw-pdf-loading,.lw-pdf-error{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;color:var(--ink-2, #475569);text-align:center}.lw-pdf-error p{margin:0;max-width:50ch}.lw-pdf-error a{color:#3b82f6}.ptd-spinner{width:32px;height:32px;border:3px solid var(--line-2, #cbd5e1);border-top-color:var(--primary-shadow, #15803d);border-radius:50%;animation:ptd-spin .8s linear infinite}.ptd-spinner-sm{width:22px;height:22px;border-width:2.5px}@keyframes ptd-spin{to{transform:rotate(360deg)}}.ptd-pdf-loading-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8fafc}.ptd-pdf-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff}.ptd-pdf-page canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.lw-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px}.lw-dots span{width:8px;height:8px;border-radius:50%;background:var(--line-2, #cbd5e1);transition:width .2s,background .2s}.lw-dots span.on{background:var(--violet-shadow, #6d28d9);width:24px;border-radius:4px}.lw-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--surface, #fff);border:1.5px solid var(--line-2, #cbd5e1);display:grid;place-items:center;cursor:pointer;z-index:5;color:var(--ink-2, #475569)}.lw-arrow:hover{background:var(--surface-3, #f1f5f9)}.lw-arrow:disabled{opacity:.3;cursor:not-allowed}.lw-arrow.left{left:14px}.lw-arrow.right{right:14px}.lw-video{background:#0f172a;color:#e2e8f0;border-radius:22px;padding:0;overflow:hidden}.lw-video-stage{position:relative;flex:1 1 auto;min-height:360px;aspect-ratio:16 / 9;background:linear-gradient(180deg,#1e293b,#0f172a);display:grid;place-items:center;overflow:hidden}.lw-video-stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.lw-video-title{position:absolute;top:18px;left:22px;font-family:var(--f-mono, ui-monospace, monospace);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;z-index:2}.lw-video-play{width:96px;height:96px;border-radius:50%;background:var(--primary, #10b981);border:4px solid #d1fae5;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 8px #05966966,0 12px 40px -10px #05966999;transition:transform .15s;position:relative;z-index:1;color:var(--primary-ink, #064e3b)}.lw-video-play:hover{transform:scale(1.05)}.lw-video-caption{position:absolute;bottom:64px;left:0;right:0;text-align:center;font-family:var(--f-display, inherit);font-weight:800;font-size:17px;letter-spacing:-.01em;z-index:2}.lw-video-sub{position:absolute;bottom:38px;left:0;right:0;text-align:center;font-size:13px;color:#94a3b8;font-weight:500;z-index:2}.lw-video-bar{position:absolute;bottom:14px;left:22px;right:22px;height:4px;border-radius:999px;background:#94a3b84d;z-index:2}.lw-video-bar>i{display:block;height:100%;border-radius:999px;background:var(--primary, #10b981)}.lw-video-bar>i.played{width:30%}.lw-video-chapters{background:#1e293b;padding:14px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lw-chapter{padding:10px 12px;border-radius:12px;background:#0f172a;border:1px solid #334155;text-align:left;cursor:pointer;transition:background .15s;color:#e2e8f0;font:inherit}.lw-chapter:hover{background:#1e293b}.lw-chapter.active{background:#10b98133;border-color:var(--primary, #10b981)}.lw-chapter-time{font-family:var(--f-mono, ui-monospace, monospace);font-size:10px;font-weight:700;color:#94a3b8}.lw-chapter-name{font-weight:800;font-size:12.5px;margin-top:2px;color:#f1f5f9}.lw-video-empty{text-align:center;padding:60px 24px;color:#94a3b8;background:var(--surface-2, #f8fafc);border:1.5px dashed var(--line-2, #cbd5e1);border-radius:16px}.lw-video-empty h4{font-size:16px;font-weight:800;color:var(--ink-2, #475569);margin:0 0 6px}.lw-video-empty p{font-size:13px;line-height:1.5;margin:0}.lw-quiz{padding:32px 40px 24px}.lw-quiz-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.lw-quiz-meter{display:flex;align-items:center;gap:8px;font-family:var(--f-mono, ui-monospace, monospace);font-size:11px;font-weight:700;color:var(--ink-3, #64748b)}.lw-quiz-meter .bar{width:120px;height:6px;border-radius:999px;background:var(--surface-3, #f1f5f9);border:1px solid var(--line, #e2e8f0);overflow:hidden}.lw-quiz-meter .bar>i{display:block;height:100%;background:var(--amber-shadow, #92400e);border-radius:999px;transition:width .4s}.lw-quiz-q{font-family:var(--f-display, inherit);font-weight:900;font-size:22px;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink-1, #0f172a)}.lw-quiz-options{display:flex;flex-direction:column;gap:10px}.lw-quiz-opt{padding:14px 16px;border-radius:14px;background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;font-weight:600;font-size:14.5px;color:var(--ink-2, #475569);transition:all .15s;width:100%;font-family:inherit}.lw-quiz-opt:hover:not(:disabled){border-color:var(--line-2, #cbd5e1);transform:translate(2px)}.lw-quiz-opt:disabled{cursor:default}.lw-quiz-opt .marker{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line-2, #cbd5e1);display:grid;place-items:center;font-family:var(--f-mono, ui-monospace, monospace);font-size:12px;font-weight:800;color:var(--ink-3, #64748b);background:var(--surface-2, #f8fafc);flex-shrink:0}.lw-quiz-opt.selected{border-color:var(--violet-shadow, #6d28d9);background:var(--violet-soft, #ede9fe)}.lw-quiz-opt.selected .marker{border-color:var(--violet-shadow, #6d28d9);background:var(--violet-shadow, #6d28d9);color:#fff}.lw-quiz-opt.correct{border-color:var(--primary-shadow, #059669);background:var(--primary-soft, #ecfdf5);color:var(--primary-ink, #064e3b)}.lw-quiz-opt.correct .marker{border-color:var(--primary-shadow, #059669);background:var(--primary-shadow, #059669);color:#fff}.lw-quiz-opt.incorrect{border-color:var(--coral-shadow, #be123c);background:var(--coral-soft, #ffe4e6);color:var(--coral-shadow, #be123c)}.lw-quiz-opt.incorrect .marker{border-color:var(--coral-shadow, #be123c);background:var(--coral-shadow, #be123c);color:#fff}.lw-quiz-explain{margin-top:16px;background:var(--surface-2, #f8fafc);border:1.5px solid var(--line, #e2e8f0);border-radius:14px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px}.lw-quiz-explain.correct{background:var(--primary-soft, #ecfdf5);border-color:#a7f3d0}.lw-quiz-explain.incorrect{background:var(--coral-soft, #ffe4e6);border-color:#fecdd3}.lw-quiz-explain svg{flex-shrink:0;margin-top:2px}.lw-quiz-explain .label{font-family:var(--f-display, inherit);font-size:13px;font-weight:900}.lw-quiz-explain .label.correct{color:var(--primary-ink, #064e3b)}.lw-quiz-explain .label.incorrect{color:var(--coral-shadow, #be123c)}.lw-quiz-explain .body{font-size:13.5px;color:var(--ink-2, #475569);margin-top:3px;line-height:1.5}.lw-lab{display:flex;flex-direction:column;gap:18px;margin-top:4px}.lab-target{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,var(--primary-soft, #ecfdf5),#fef9c3);border:1.5px solid #a7f3d0;border-radius:14px}.lab-target-ic{width:44px;height:44px;border-radius:12px;background:#fff;border:1.5px solid var(--primary-shadow, #059669);display:grid;place-items:center;flex-shrink:0;color:var(--primary-shadow, #059669)}.lab-target-name{font-family:var(--f-display, inherit);font-size:16px;font-weight:800;color:var(--ink-1, #0f172a);letter-spacing:-.005em}.lab-target-desc{font-size:12.5px;color:var(--ink-2, #475569);margin-top:2px;line-height:1.4}.lab-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}.lab-col-head{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3, #64748b);margin:0 0 10px 2px;display:flex;align-items:center;gap:6px}.lab-col-head .count{background:#fff;border:1px solid var(--line, #e2e8f0);padding:1px 7px;border-radius:999px;font-size:10px;color:var(--ink-2, #475569)}.lab-fragments{display:flex;flex-direction:column;gap:8px}.lab-fragment{text-align:left;cursor:pointer;background:#fff;border:1.5px solid var(--line, #e2e8f0);border-radius:12px;padding:10px 12px 10px 14px;position:relative;transition:all .15s ease;display:block;width:100%;font:inherit}.lab-fragment:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--ink-3, #64748b)}.lab-fragment[data-cat=instruction]:before{background:#a78bfa}.lab-fragment[data-cat=example]:before{background:#60a5fa}.lab-fragment[data-cat=format]:before{background:#fbbf24}.lab-fragment[data-cat=guardrail]:before{background:#f87171}.lab-fragment:hover{border-color:var(--line-2, #cbd5e1);transform:translate(1px)}.lab-fragment.selected{background:var(--primary-soft, #ecfdf5);border-color:var(--primary-shadow, #059669)}.lab-fragment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.lab-fragment-title{font-family:var(--f-display, inherit);font-size:13px;font-weight:800;color:var(--ink-1, #0f172a);letter-spacing:-.005em}.lab-fragment-cat{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3, #64748b)}.lab-fragment-text{font-size:12px;color:var(--ink-2, #475569);line-height:1.5;white-space:pre-wrap;font-family:var(--f-mono, ui-monospace, monospace);background:#00000006;border-radius:8px;padding:6px 8px;margin-top:4px}.lab-fragment-check{position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-2, #cbd5e1);background:#fff;display:grid;place-items:center;color:#fff}.lab-fragment.selected .lab-fragment-check{background:var(--primary-shadow, #059669);border-color:var(--primary-shadow, #059669)}.lab-draft{background:#fefce8;border:1.5px dashed var(--line-2, #cbd5e1);border-radius:14px;padding:14px;min-height:220px;position:sticky;top:16px}.lab-draft.has-items{border-style:solid}.lab-draft-empty{text-align:center;color:var(--ink-3, #64748b);font-size:13px;padding:24px 12px;line-height:1.5}.lab-draft-empty .ic{width:36px;height:36px;margin:0 auto 8px;border-radius:12px;background:#fff;border:1.5px dashed var(--line-2, #cbd5e1);display:grid;place-items:center;color:var(--ink-3, #64748b)}.lab-draft-section{margin-bottom:12px}.lab-draft-section:last-child{margin-bottom:0}.lab-draft-section-head{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3, #64748b);margin-bottom:6px;display:flex;align-items:center;gap:5px}.lab-draft-section-head .pip{width:8px;height:8px;border-radius:999px;display:inline-block}.lab-draft-item{background:#fff;border:1px solid var(--line, #e2e8f0);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--ink-1, #0f172a);font-weight:700;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lab-draft-item .x{background:none;border:none;color:var(--ink-3, #64748b);cursor:pointer;padding:0;font-size:14px;line-height:1}.lab-draft-item .x:hover{color:var(--coral-shadow, #be123c)}.lab-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line, #e2e8f0)}.lab-submit-meta{font-size:12.5px;color:var(--ink-3, #64748b);line-height:1.4}.lab-submit-meta b{color:var(--ink-1, #0f172a);font-weight:800}.lab-feedback{background:#fff;border:1.5px solid var(--line, #e2e8f0);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.lab-feedback-row{display:flex;gap:10px;padding:10px 12px;border-radius:12px;align-items:flex-start;font-size:13px;line-height:1.5}.lab-feedback-row.kept{background:var(--primary-soft, #ecfdf5);color:var(--primary-ink, #064e3b)}.lab-feedback-row.missed{background:var(--amber-soft, #fef3c7);color:var(--amber-shadow, #92400e)}.lab-feedback-row.decoy{background:var(--coral-soft, #ffe4e6);color:var(--coral-shadow, #be123c)}.lab-feedback-row svg{flex-shrink:0;margin-top:2px}.lab-feedback-row b{font-weight:800}.lab-feedback-row .flaw{display:block;color:var(--ink-2, #475569);margin-top:3px;font-size:12px}.completion{text-align:center;padding:40px 20px}.completion-badge{display:inline-grid;place-items:center;width:110px;height:110px;border-radius:50%;background:var(--violet-soft, #ede9fe);border:4px solid var(--violet-shadow, #6d28d9);margin-bottom:20px;color:var(--violet-shadow, #6d28d9)}.spaces-card{padding:18px}.spaces-card .card-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.spaces-card .card-head h3{font-family:var(--f-display, inherit);font-size:15px;font-weight:800;color:var(--ink-1, #0f172a);letter-spacing:-.01em;margin:0}.spaces-card .card-sub{font-size:12px;color:var(--ink-3, #64748b);margin-bottom:12px;line-height:1.4}.space-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fefce8;border:1px solid var(--line, #e2e8f0);border-radius:12px;margin-bottom:6px;transition:all .15s ease}.space-row:last-child{margin-bottom:0}.space-row.unlocked{background:#fff;border-color:var(--line-2, #cbd5e1)}.space-row.unlocked:hover{transform:translate(2px);border-color:var(--primary-shadow, #059669)}.space-row .ic{width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid var(--line, #e2e8f0);display:grid;place-items:center;flex-shrink:0;color:var(--ink-3, #64748b)}.space-row.unlocked .ic{background:var(--primary-soft, #ecfdf5);border-color:var(--primary-shadow, #059669);color:var(--primary-shadow, #059669)}.space-row .info{flex:1;min-width:0}.space-row .name{font-family:var(--f-display, inherit);font-size:13px;font-weight:800;color:var(--ink-1, #0f172a);letter-spacing:-.005em}.space-row.locked .name{color:var(--ink-3, #64748b)}.space-row .meta{font-size:11px;color:var(--ink-3, #64748b);margin-top:1px}.space-row .lock-ic{display:grid;place-items:center;flex-shrink:0;color:var(--ink-3, #64748b)}@media (max-width: 1100px){.tracks{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.tracks{grid-template-columns:1fr}.lw-quiz{padding:22px}.lw-slides{padding:28px 28px 56px}.lw-video-chapters,.lab-grid{grid-template-columns:1fr}.lab-draft{position:static}}.track/.lab-* CSS was added earlier) ──────────────────────────────────────────────────────────────── */ .fmt-pill-xp{background:#ffefdb;background:oklch(96% .08 75);color:#624000;color:oklch(40% .13 75);border-color:#f7d19c}.completion-card{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;border:1.5px solid}.completion-card.amber{background:var(--amber-soft, #fef3c7);border-color:#f0ca96}.completion-card.primary{background:var(--primary-soft, #ecfdf5);border-color:#95d7a2}.completion-card.violet{background:var(--violet-soft, #ede9fe);border-color:#d3caf5}.completion-card-eyebrow{font-family:var(--f-mono, ui-monospace);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.completion-card.amber .completion-card-eyebrow{color:var(--amber-shadow, #b45309)}.completion-card.primary .completion-card-eyebrow{color:var(--primary-shadow, #059669)}.completion-card.violet .completion-card-eyebrow{color:var(--violet-shadow, #7c3aed)}.completion-card-value{font-weight:900;font-size:16px;color:var(--ink-1, #0f172a)}.learning-space{background:linear-gradient(180deg,#fafbff 0%,transparent 360px);border-radius:18px;padding:4px 0 8px;margin-bottom:24px}.learning-space .ls-subhead{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:0 4px}.learning-space .ls-subhead h3{font-family:var(--f-display, inherit);font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--ink-1, #0f172a)}.learning-space .ls-subhead .ls-eyebrow{font-family:var(--f-mono, ui-monospace, monospace);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);color:var(--ink-3, #64748b)}.learning-space .ls-subhead .ls-meta{margin-left:auto;font-family:var(--f-mono, ui-monospace, monospace);font-size:11px;font-weight:700;color:var(--ink-3, #64748b)}.learning-space .ls-subhead p{font-size:13px;color:var(--ink-3, #64748b);margin:0}.materials-panel{background:var(--surface, #fff);border:1.5px solid var(--line, #e2e8f0);border-radius:14px;padding:14px 16px;margin-bottom:18px}.materials-head{display:flex;align-items:center;gap:8px;font-family:var(--f-display, inherit);font-size:13px;font-weight:800;color:var(--ink-1, #0f172a);margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--line-2, #cbd5e1)}.materials-head .materials-count{margin-left:auto;font-family:var(--f-mono, ui-monospace, monospace);font-size:11px;font-weight:700;background:var(--surface-2, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:999px;padding:2px 8px;color:var(--ink-3, #64748b)}.materials-list{display:flex;flex-direction:column;gap:8px}.material-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--surface-2, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:12px}.material-row[data-kind=video]{border-left:3px solid var(--coral-shadow, #be123c)}.material-row[data-kind=slides]{border-left:3px solid var(--violet-shadow, #6d28d9)}.material-ic{width:32px;height:32px;border-radius:10px;background:#fff;border:1.5px solid var(--line, #e2e8f0);display:grid;place-items:center;flex-shrink:0;color:var(--ink-2, #475569)}.material-row[data-kind=video] .material-ic{color:var(--coral-shadow, #be123c);background:var(--coral-soft, #ffe4e6)}.material-row[data-kind=slides] .material-ic{color:var(--violet-shadow, #6d28d9);background:var(--violet-soft, #ede9fe)}.material-info{flex:1;min-width:0}.material-title{font-weight:700;font-size:14px;color:var(--ink-1, #0f172a);margin-bottom:2px}.material-sub{font-size:11px;color:var(--ink-3, #64748b)}.material-size{font-family:var(--f-mono, ui-monospace, monospace);font-weight:700}.material-filename{font-family:var(--f-mono, ui-monospace, monospace)}.material-desc{font-size:12px;color:var(--ink-2, #475569);margin-top:4px;line-height:1.45}.material-actions{display:flex;align-items:center}.materials-empty{background:var(--surface-2, #f8fafc);border:1.5px dashed var(--line-2, #cbd5e1);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--ink-3, #64748b);text-align:center}