:root{--bg:#f7faff;--surface:#ffffff;--surface-soft:#f2f6fc;--surface-hover:#eef4fb;--text:#0f1f3d;--text-secondary:#5b6b84;--primary:#0b63f6;--primary-strong:#0849b8;--green:#16a365;--yellow:#f6b918;--red:#c9352b;--border:#d9e2ef;--border-subtle:#e7edf6;--shadow:0 18px 45px rgba(20,45,85,0.1);--radius:8px;--radius-lg:14px;--touch:44px;--font:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--header-h:78px;--auth-glow:radial-gradient(circle at 82% 16%,rgba(11,99,246,0.1),transparent 30%),radial-gradient(circle at 16% 82%,rgba(22,163,101,0.12),transparent 34%);--auth-surface-h:calc(100vh - 36px)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none}.is-loading,button:disabled{cursor:not-allowed;opacity:.58}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,select,textarea{min-height:40px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);outline:none;background:var(--surface);color:var(--text)}textarea{resize:vertical}.header{position:relative;z-index:20;display:flex;align-items:center;gap:46px;width:min(calc(100% - 24px),1410px);min-height:var(--header-h);margin:12px auto 0;padding:0 40px;border:1px solid transparent;border-bottom:0;border-radius:16px 16px 0 0}.header-card{border-color:rgba(217,229,244,.78);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{background:var(--bg)}.header-auth{background-color:#ffffff;background-image:var(--auth-glow);background-size:100% var(--auth-surface-h);background-position:0 0;background-repeat:no-repeat}.wordmark{position:relative;display:inline-flex;align-items:center;color:var(--primary);font-size:2.1rem;font-weight:800;letter-spacing:-.03em}.top-nav{display:flex;align-items:center;gap:38px;color:#28405f;font-size:1rem;font-weight:600}.top-nav a:hover{color:var(--primary)}.top-nav a[href$="/import"]{display:none}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.header-login,.header-open{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:10px;padding:0 28px;font-size:1rem;font-weight:750}.header-login{border:1px solid var(--border);background:#ffffff;color:#183250}.header-open{background:var(--primary);color:#ffffff;box-shadow:0 8px 18px rgba(10,102,255,.22)}main.container{max-width:1480px;margin:0 auto;padding:0 0 12px}.landing-card{position:relative;display:flex;flex-direction:column;width:min(calc(100% - 24px),1410px);min-height:calc(100vh - 24px);margin:0 auto 12px;overflow:hidden;border:1px solid rgba(217,229,244,.78);border-top:0;border-radius:0 0 16px 16px;background:#ffffff;box-shadow:0 22px 54px rgba(35,68,111,.08)}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(580px,.98fr) minmax(280px,.72fr);align-items:start;flex:1 1;min-height:756px;padding:48px 58px 0}.hero-copy{position:relative;z-index:4}.hero-copy h1{max-width:790px;margin:0 0 34px;color:var(--text);font-size:clamp(4.4rem,6.4vw,6.75rem);font-weight:850;letter-spacing:-.065em;line-height:.93}.hero-copy h1 span{color:var(--primary)}.hero-copy h1 span:after{content:" tale";color:var(--text)}.hero-copy p{max-width:670px;margin:0 0 48px;color:#4f6585;font-size:1.52rem;line-height:1.42}.hero-actions,.modal-actions,.nb-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn,.create-btn,.primary,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);border-radius:var(--radius);padding:0 18px;font-size:.94rem;font-weight:760}.primary-action{min-width:270px;min-height:68px;border-radius:10px;font-size:1.32rem}.primary-action:after{content:"→";margin-left:16px;font-size:1.55rem;line-height:1}.secondary-action{min-width:270px;min-height:68px;border-radius:10px;font-size:1.25rem}.btn,.create-btn,.primary,.primary-action{background:var(--primary);color:white;box-shadow:0 10px 22px rgba(11,99,246,.22)}.btn:hover,.create-btn:hover,.primary-action:hover,.primary:hover{background:var(--primary-strong)}.chip,.pill,.secondary-action{border:1px solid var(--border);background:var(--surface);color:var(--text)}.add-src-btn:hover,.chip:hover,.pill:hover,.secondary-action:hover{background:var(--surface-hover)}.hero-benefits{display:grid;grid-gap:34px;gap:34px;margin-top:70px}.benefit{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;grid-gap:28px;gap:28px;color:#263d5f}.benefit strong{font-size:1.28rem;font-weight:750;line-height:1.22}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%}.benefit-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.benefit-icon.green{background:#dcfaec;color:#11a968}.benefit-icon.yellow{background:#fff3c9;color:#e5a800}.benefit-icon.blue{background:#e5f2ff;color:var(--primary)}.benefit-icon.image-icon{background:transparent;color:inherit}.benefit-icon.image-icon img{display:block;width:100%;height:100%;object-fit:contain}.landing-quote{margin:78px 0 96px;color:#466289;font-style:italic}.landing-quote blockquote{max-width:520px;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:700;line-height:1.18}.landing-quote figcaption{display:flex;align-items:center;gap:12px;margin:0;font-size:1rem;font-style:normal;font-weight:700;color:#6a7f9d}.hero-image-wrap{position:relative;z-index:1;min-height:990px}.hand-note{position:absolute;z-index:3;top:-48px;right:-16px;width:360px;height:240px}.hand-note img{display:block;width:100%;height:100%;object-fit:contain}.hero-student{position:absolute;right:-58px;bottom:-1px;width:clamp(620px,56vw,790px);height:820px;object-fit:cover;object-position:64% 52%;filter:saturate(1.04);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.14) 14%,rgba(0,0,0,.54) 30%,#000 52%,#000),linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.14) 14%,rgba(0,0,0,.54) 30%,#000 52%,#000),linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.landing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:140px;border-top:1px solid #e9eef6;background:rgba(255,255,255,.88)}.landing-stats div{display:grid;align-content:center;justify-items:center;grid-gap:10px;gap:10px;min-height:140px;padding:12px 20px;text-align:center;border-right:1px solid #e9eef6}.landing-stats div:last-child{border-right:0}.landing-stats span{color:#607495;font-size:.98rem;font-weight:650;line-height:1.2}.landing-stats strong{color:var(--primary);font-size:2.8rem;font-weight:850;line-height:1}.flag-mark{display:inline-flex;align-items:center;justify-content:center;gap:0;overflow:hidden;width:58px;height:38px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(12,30,63,.12)}.flag-mark img{display:block;width:100%;height:100%;object-fit:cover}.stat-image{display:inline-flex;align-items:center;justify-content:center;width:54px;height:48px}.stat-image img{display:block;width:46px;height:46px;object-fit:contain}.stat-image.plant-icon img{width:47px;height:47px;transform:translateY(-6px)}.landing-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;margin:0 38px 36px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border)}.landing-strip div{display:grid;grid-gap:6px;gap:6px;padding:20px;background:var(--surface)}.landing-strip strong{font-size:1rem}.landing-strip span{color:var(--text-secondary)}.toolbar{display:flex;align-items:center;gap:12px;padding:24px 28px 16px;flex-wrap:wrap}.toolbar-spacer{flex:1 1}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);border-radius:var(--radius);padding:0 14px;color:var(--text-secondary);font-size:.92rem;font-weight:700}.chip.active{border-color:#bbd4ff;background:#e9f1ff;color:var(--primary)}.search-wrap{display:flex;align-items:center;gap:8px}.col-menu button,.icon-btn,.nb-back,.nb-menu button,.search-circle,.send-btn,.src-act{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.search-circle{width:44px;height:44px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.search-circle svg{width:19px;height:19px}.search-pop{width:260px;border-radius:var(--radius)}.segmented{display:inline-flex;gap:3px;height:44px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.segmented button{width:38px;height:36px;border-radius:6px;color:var(--text-secondary)}.segmented button.active{background:var(--primary);color:white}.segmented svg{width:18px;height:18px}.select-pill{height:44px;min-width:178px}.section-title{margin:18px 0 16px;padding:0 28px;font-size:2rem;line-height:1.15;letter-spacing:-.03em}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px;padding:0 28px}.card,.create-card,.modal,.nb-card,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.nb-card{min-height:230px;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.create-card:hover,.nb-card:hover{transform:translateY(-2px);border-color:#bcd2f3;box-shadow:var(--shadow)}.nb-card:nth-child(4n+1) .nb-icon{background:#e8f1ff;color:var(--primary)}.nb-card:nth-child(4n+2) .nb-icon{background:#e7f7ef;color:var(--green)}.nb-card:nth-child(4n+3) .nb-icon{background:#fff5d8;color:#b87b00}.nb-card:nth-child(4n+4) .nb-icon{background:#f0edff;color:#6747c7}.nb-top{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 16px 0}.nb-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border-radius:12px}.nb-back svg,.nb-icon svg,.nb-icon-sm svg,.send-btn svg,.src-doc svg{width:20px;height:20px}.nb-icon svg{width:24px;height:24px}.col-menu button,.nb-menu button{width:34px;height:34px;color:var(--text-secondary);font-size:18px}.col-menu button:hover,.icon-btn:hover,.nb-menu button:hover,.src-act:hover{background:var(--surface-hover)}.nb-menu{position:relative;display:inline-flex}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:172px;flex-direction:column;gap:1px;padding:4px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.menu-pop,.menu-pop button{display:flex;border-radius:var(--radius);text-align:left}.menu-pop button{width:auto;height:auto;align-items:center;justify-content:flex-start;gap:8px;padding:8px 9px;background:transparent;color:var(--text);font-size:.92rem}.menu-pop button:hover:not(:disabled){background:var(--surface-hover)}.menu-pop button:disabled{opacity:.55;cursor:default}.menu-pop button svg{width:17px;height:17px;color:var(--text-secondary)}.menu-pop button.danger,.menu-pop button.danger svg{color:var(--red)}.menu-rename{display:flex;flex-direction:column;gap:8px;padding:6px}.menu-rename input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}.menu-rename-actions{display:flex;gap:6px}.menu-rename-actions .pill.small{flex:1 1;justify-content:center}.nb-body{margin-top:auto;padding:18px 16px}.nb-title{margin:0 0 8px;font-size:1.12rem;line-height:1.25}.nb-meta{margin:0;color:var(--text-secondary);font-size:.84rem}.create-card{min-height:230px;display:grid;place-items:center;grid-gap:12px;gap:12px;color:var(--text);background:rgba(255,255,255,.68)}.skeleton-card{gap:14px;justify-content:flex-end;padding:18px 16px;cursor:progress}.skeleton-icon,.skeleton-line{display:block;border-radius:var(--radius);background:linear-gradient(90deg,#edf3fb,#f7fbff,#edf3fb);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-icon{width:46px;height:46px;margin-bottom:auto}.skeleton-line{width:58%;height:12px}.skeleton-line.wide{width:84%;height:16px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.plus-circle{width:62px;height:62px;border:1px dashed #9bbcf3;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:#eef5ff}.plus-circle svg{width:26px;height:26px}.empty-state{margin:0 28px;padding:34px;border:1px dashed #b7c9e5;border-radius:var(--radius-lg);background:rgba(255,255,255,.72);color:var(--text-secondary)}.nb-table{width:calc(100% - 56px);margin:0 28px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.nb-table td,.nb-table th{padding:14px 16px;border-bottom:1px solid var(--border-subtle);text-align:left}.nb-table th{color:var(--text-secondary);font-size:.84rem;font-weight:760}.nb-table tbody tr{cursor:pointer}.nb-table tbody tr:hover{background:var(--surface-hover)}.nb-table tbody tr:last-child td{border-bottom:0}.nb-table .col-title{width:48%}.nb-table .col-menu{width:56px;text-align:right}.nb-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;color:var(--primary);vertical-align:middle}.table-title{display:inline-block;max-width:calc(100% - 44px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,31,61,.42)}.modal{width:min(100%,480px);padding:24px;box-shadow:var(--shadow)}.modal h2{margin:0 0 8px}.modal form{display:grid;grid-gap:14px;gap:14px}.modal-actions{justify-content:flex-end}.nb-shell{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.nb-header{display:flex;align-items:center;gap:12px;padding:18px 28px}.nb-header h1{flex:1 1;margin:0;overflow:hidden;color:var(--text);font-size:1.55rem;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.nb-back{width:42px;height:42px;color:var(--text-secondary)}.pill{min-height:38px;border-radius:var(--radius);padding:0 12px;color:var(--text);font-size:.88rem;font-weight:700}.pill.small{min-height:32px;font-size:.82rem}.pill.danger{border-color:#f0b9b4;color:var(--red)}.nb-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 330px;grid-gap:14px;gap:14px;height:calc(100vh - 150px);min-height:520px;padding:0 28px 18px}.nb-grid.src-collapsed{grid-template-columns:56px minmax(0,1fr) 330px}.nb-grid.studio-collapsed{grid-template-columns:320px minmax(0,1fr) 56px}.nb-grid.src-collapsed.studio-collapsed{grid-template-columns:56px minmax(0,1fr) 56px}.panel{display:flex;min-height:0;overflow:hidden;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--border-subtle)}.panel-title{font-size:.96rem}.panel-body{flex:1 1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.panel.collapsed .panel-head{height:100%;flex-direction:column;justify-content:space-between;padding:12px 0;border-bottom:0}.panel.collapsed .panel-title{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--text-secondary)}.panel.collapsed .panel-body{display:none}.icon-btn{width:34px;height:34px;color:var(--text-secondary);font-weight:800}.add-src{display:grid;grid-gap:8px;gap:8px}.add-src-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid rgba(11,99,246,.35);border-radius:var(--radius);background:linear-gradient(180deg,#f5f9ff,#e9f1ff);color:var(--primary);font-weight:780;transition:background .15s ease,border-color .15s ease,transform .1s ease}.add-src-btn svg{width:18px;height:18px}.add-src-btn:hover{border-color:var(--primary);background:linear-gradient(180deg,#ebf3ff,#ddeaff)}.add-src-btn:active{transform:translateY(1px)}.file-input-hidden{position:absolute;top:0;left:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);pointer-events:none;white-space:nowrap}.upload-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.upload-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;padding:9px 10px;border:1px solid #cfe0fb;border-radius:var(--radius);background:#f8fbff;animation:upload-in .22s ease-out}.upload-item.error{border-color:#f3c9c4;background:#fff7f6}.upload-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--red)}.upload-icon svg{width:18px;height:18px}.upload-body{display:flex;flex-direction:column;gap:3px;min-width:0}.upload-name{overflow:hidden;font-size:.86rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.upload-error{color:var(--red);font-size:.76rem;line-height:1.35}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(11,99,246,.22);border-top:2px solid var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner.tiny{width:11px;height:11px;border-width:1.8px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes upload-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.note-form{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:12px;background:var(--surface-soft)}.note-form textarea{min-height:86px}.src-card{display:grid;grid-template-columns:20px 24px minmax(0,1fr) auto auto auto;align-items:center;grid-gap:8px;gap:8px;padding:9px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface)}.src-card:hover{background:var(--surface-hover)}.src-sel{display:flex}.src-sel input{width:16px;height:16px;min-height:auto;padding:0}.src-doc{color:var(--text-secondary)}.src-name{overflow:hidden;font-size:.9rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.src-act{width:28px;height:28px;font-size:1rem}.badge,.src-act{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;border-radius:999px;padding:0 8px;background:var(--surface-soft);font-size:.74rem;font-weight:760;white-space:nowrap}.badge.ready{background:#e8f8ef;color:#087343}.badge.error{background:#fff0ee;color:var(--red)}.badge.processing{justify-content:center;min-width:24px;padding:0 4px;background:transparent;color:var(--primary)}.badge.new{background:#fff8e0;color:#8a6200}.chat-body{overflow:hidden}.chat-empty,.studio-empty{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center}.msgs{flex:1 1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.chat-hint{align-self:center;max-width:380px}.msg{max-width:min(82%,720px);padding:12px 14px;border-radius:var(--radius-lg);font-size:.94rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.msg.user{align-self:flex-end;background:#e7f0ff;border:1px solid #c8dcff}.msg.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 22px rgba(20,45,85,.06);white-space:normal}.msg.streaming{color:var(--text-secondary)}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content .markdown-table-wrap,.markdown-content blockquote,.markdown-content ol,.markdown-content p,.markdown-content pre,.markdown-content ul{margin:.65em 0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:.9em 0 .4em;color:var(--text);line-height:1.25}.markdown-content h1{font-size:1.3rem}.markdown-content h2{font-size:1.18rem}.markdown-content h3,.markdown-content h4{font-size:1.05rem}.markdown-content ol,.markdown-content ul{padding-left:1.45rem}.markdown-content li+li{margin-top:.25em}.markdown-content li>p{margin:.25em 0}.markdown-content blockquote{padding:.15em 0 .15em .85em;border-left:3px solid #a9c6f6;color:var(--text-secondary)}.markdown-content code{padding:.12em .32em;border-radius:5px;background:#eef3fa;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.markdown-content pre{max-width:100%;padding:12px 14px;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:10px;background:#f6f8fc}.markdown-content pre code{padding:0;background:transparent}.markdown-content a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.markdown-content .markdown-table-wrap{max-width:100%;overflow-x:auto}.markdown-content table{width:100%;min-width:420px;border-collapse:collapse;font-size:.9em}.markdown-content td,.markdown-content th{padding:7px 9px;border:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal}.markdown-content th{background:var(--surface-soft)}.markdown-content .katex-display{max-width:100%;margin:.75em 0;overflow-x:auto;overflow-y:hidden}.citation{display:block;margin-top:8px;color:var(--primary);font-size:.78rem;font-weight:700}.composer{position:relative;padding-top:4px}.composer textarea{display:block;width:100%;min-height:52px;max-height:150px;padding-right:62px;border-radius:var(--radius-lg);background:var(--surface)}.send-btn{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:var(--primary);color:white;box-shadow:0 6px 14px rgba(11,99,246,.28)}.send-btn:hover{background:var(--primary-strong)}.studio-body .card{padding:14px}.studio-body .card h3{margin:0 0 6px;font-size:1rem}.studio-body .card p{margin:0 0 12px;color:var(--text-secondary)}.studio-empty{flex-direction:column;gap:8px;padding:12px;color:var(--text-secondary)}.studio-empty svg{color:var(--primary)}.studio-strong{margin:0;color:var(--text);font-weight:820}.future-tools,.studio-section{display:grid;grid-gap:10px}.studio-section{gap:10px}.studio-section+.studio-section{padding-top:16px;border-top:1px solid var(--border-subtle)}.studio-section h2{margin:0;color:var(--text);font-size:.78rem;font-weight:850;text-transform:uppercase}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-section-heading>span{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:var(--surface-soft);color:var(--text-secondary);font-size:.72rem;font-weight:800}.studio-results{align-content:start}.future-tool{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.future-tool strong{display:block}.future-tool span{color:var(--text-secondary);font-size:.84rem}.audio-tool{width:100%;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.audio-tool:hover:not(:disabled){background:#edf4ff;transform:translateY(-1px)}.audio-tool:disabled{cursor:not-allowed;opacity:.55}.audio-overview-card{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid #cfe0fb;border-radius:var(--radius);background:linear-gradient(145deg,#f8fbff,#eef5ff)}.flashcard-deck-card{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:10px;border:1px solid #d9d2fb;border-radius:var(--radius);background:linear-gradient(145deg,#fcfbff,#f2efff)}.flashcard-deck-open{display:flex;align-items:center;min-width:0;gap:10px;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.flashcard-deck-open:disabled{cursor:wait}.flashcard-deck-open>span:last-child{min-width:0}.flashcard-deck-open small,.flashcard-deck-open strong{display:block}.flashcard-deck-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard-deck-open small{margin-top:3px;color:var(--text-secondary)}.flashcard-deck-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:11px;background:#e7e0ff;color:#6548c7;font-size:1.2rem}.flashcard-deck-card>.error-text{grid-column:1/-1;margin:0;font-size:.78rem}.flashcard-deck-error{grid-column:1/-1}.flashcard-deck-error .error-text{margin:0 0 8px;font-size:.78rem}.flashcard-config-modal{width:min(100%,720px);max-height:90vh;overflow-y:auto}.flashcard-config-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:20px}.flashcard-presets{min-width:0;margin:0;padding:0;border:0}.flashcard-instructions>span,.flashcard-presets legend{margin-bottom:8px;color:var(--text);font-size:.86rem;font-weight:800}.flashcard-presets>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;padding:4px;border-radius:12px;background:var(--surface-soft)}.flashcard-presets button{min-height:38px;padding:6px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}.flashcard-presets button.selected{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(31,71,128,.12)}.flashcard-instructions{display:grid;margin-bottom:20px}.flashcard-instructions textarea{min-height:110px;resize:vertical}.flashcard-study-overlay{padding:18px;background:rgba(18,30,53,.78)}.flashcard-study{width:min(920px,100%);min-height:min(680px,calc(100vh - 36px));max-height:calc(100vh - 36px);margin:auto;overflow-y:auto;padding:28px;border-radius:24px;background:#f8f9fd;box-shadow:0 28px 80px rgba(4,15,36,.32)}.flashcard-study-scroll>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.flashcard-study h2{margin:0}.flashcard-study header p{margin:5px 0 0;color:var(--text-secondary)}.flashcard-study-actions{display:flex;align-items:center;gap:8px}.flashcard-study-actions a{text-decoration:none}.flashcard-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:34px 0 16px}.flashcard-toolbar>span{margin-right:auto;color:var(--text-secondary);font-weight:800}.chip.danger{color:var(--red)}.study-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:390px;padding:clamp(30px,7vw,78px);border:1px solid #d8e0ec;border-radius:24px;background:#fff;color:var(--text);text-align:center;cursor:pointer;box-shadow:0 15px 38px rgba(42,64,97,.1)}.study-card.flipped{border-color:#c9bdf5;background:linear-gradient(145deg,#fff,#f7f4ff)}.study-card-label{margin-bottom:28px;color:#7359cb;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.study-card strong{max-width:720px;font-size:clamp(1.2rem,2.25vw,1.7rem);line-height:1.4}.study-card small{margin-top:30px;color:var(--text-secondary);font-size:.82rem}.flashcard-explanation{max-width:760px;margin:16px auto 0;color:var(--text-secondary);line-height:1.6;text-align:center}.flashcard-explanation p{margin:0;padding:16px 20px;border:1px solid #ded8f5;border-radius:14px;background:#faf8ff;white-space:pre-wrap}.flashcard-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;margin-top:20px}.flashcard-navigation>button:last-child{justify-self:end}.flashcard-navigation>div{display:flex;gap:10px}.got-it-btn,.missed-btn{min-height:46px;padding:0 22px;border-radius:12px;font:inherit;font-weight:850;cursor:pointer}.missed-btn{border:1px solid #efa9a2;background:#fff2f0;color:#ad3028}.got-it-btn{border:1px solid #9ed8b6;background:#ebfff3;color:#187144}.flashcard-complete{display:grid;place-items:center;min-height:500px;text-align:center}.flashcard-complete>span{display:grid;width:76px;height:76px;place-items:center;border-radius:50%;background:#dff8e9;color:#187144;font-size:2rem}.flashcard-complete h3{margin:20px 0 6px;font-size:1.8rem}.flashcard-complete p{margin:0 0 28px;color:var(--text-secondary)}@media (max-width:680px){.flashcard-config-grid{grid-template-columns:1fr}.flashcard-study{min-height:calc(100vh - 20px);padding:18px;border-radius:18px}.study-card{min-height:340px;padding:28px 20px}.flashcard-navigation{grid-template-columns:1fr 1fr}.flashcard-navigation>div{grid-column:1/-1;grid-row:1;justify-content:center}}.audio-overview-head{display:flex;align-items:center;gap:10px;min-width:0}.audio-overview-head>div{min-width:0}.audio-overview-title{flex:1 1}.audio-overview-delete{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer}.audio-overview-delete:hover:not(:disabled){border-color:#f0b9b4;background:#fff0ee;color:var(--red)}.audio-overview-delete:disabled{cursor:wait;opacity:.55}.audio-overview-delete svg{width:18px;height:18px}.audio-overview-head span,.audio-overview-head strong{display:block}.audio-overview-head strong{overflow:hidden;color:var(--text);font-size:.93rem;text-overflow:ellipsis;white-space:nowrap}.audio-overview-head span:not(.audio-overview-icon){margin-top:2px;color:var(--text-secondary);font-size:.76rem}.audio-overview-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:11px;background:#dceaff;color:var(--primary)}.audio-overview-icon svg{width:22px;height:22px}.audio-overview-card audio{width:100%;height:36px}.audio-overview-progress{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-secondary);font-size:.82rem}.audio-overview-error p{margin:0 0 9px;color:var(--red);font-size:.8rem;line-height:1.35}.audio-overview-modal{width:min(100%,640px);max-height:min(88vh,760px);overflow-y:auto}.audio-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.audio-modal-heading h2{margin-bottom:4px}.audio-modal-heading p{margin:0 0 18px}.audio-format-options,.audio-source-options{display:grid;grid-gap:10px;gap:10px;min-width:0;margin:0 0 20px;padding:0;border:0}.audio-format-options>legend,.fieldset-label{margin-bottom:2px;color:var(--text);font-size:.86rem;font-weight:800}.audio-format-options>label{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.audio-format-options>label.selected{border-color:var(--primary);background:#f0f6ff;box-shadow:0 0 0 1px var(--primary)}.audio-format-options input{margin-top:3px;accent-color:var(--primary)}.audio-format-options small,.audio-format-options strong{display:block}.audio-format-options small{margin-top:3px;color:var(--text-secondary);font-size:.82rem;line-height:1.4}.audio-source-legend{display:flex;align-items:center;justify-content:space-between}.audio-source-legend button{border:0;background:transparent;color:var(--primary);font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.audio-source-list{display:grid;max-height:210px;overflow-y:auto;border:1px solid var(--border);border-radius:12px}.audio-source-list label{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 13px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.audio-source-list label:last-child{border-bottom:0}.audio-source-list input{flex:0 0 auto;accent-color:var(--primary)}.audio-source-list span{overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.error-text{color:var(--red);font-weight:700}.nb-error{margin:0;padding:0 28px 12px}.muted{color:var(--text-secondary);font-size:.9rem}.card{padding:16px}@media (max-width:990px){.header{width:100%;margin-top:0;padding-right:max(24px,env(safe-area-inset-right));padding-left:max(24px,env(safe-area-inset-left));border-radius:0}.header-actions{display:none}.landing-card{width:100%;min-height:0;margin-bottom:0;border-radius:0}.landing-hero{grid-template-columns:1fr;min-height:auto;padding:34px 42px 0}.hero-image-wrap{min-height:clamp(460px,72vw,580px)}.hero-student{right:0;width:min(760px,100%);height:560px;object-position:68% 48%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000);mask-image:linear-gradient(90deg,transparent,#000 20%,#000)}.hand-note{top:-18px;right:72px;width:330px;height:220px}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stats div:nth-child(2){border-right:0}.nb-grid,.nb-grid.src-collapsed,.nb-grid.src-collapsed.studio-collapsed,.nb-grid.studio-collapsed{grid-template-columns:1fr;height:auto}.panel{min-height:340px}.panel.collapsed{min-height:58px}.panel.collapsed .panel-head{height:auto;flex-direction:row;padding:10px 12px 10px 16px}.panel.collapsed .panel-title{writing-mode:horizontal-tb;transform:none}}@media (max-width:720px){.header{gap:14px;min-height:64px;padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.top-nav{display:none}.wordmark{font-size:1.75rem}.landing-hero{padding:28px max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.hero-copy h1{margin-bottom:22px;font-size:clamp(2.85rem,14vw,4.4rem);line-height:.96;overflow-wrap:anywhere}.hero-copy h1 span:after{content:" tale"}.hero-copy p{margin-bottom:28px;font-size:1.1rem;line-height:1.45}.hero-actions,.nb-actions,.toolbar{align-items:stretch}.create-btn,.primary-action,.secondary-action,.select-pill,.toolbar .chip{width:100%}.primary-action,.secondary-action{min-width:0;min-height:54px;font-size:1rem}.primary-action:after{margin-left:12px}.hero-benefits{gap:18px;margin-top:36px}.benefit{grid-template-columns:60px minmax(0,1fr);gap:16px}.benefit-icon{width:54px;height:54px}.benefit-icon svg{width:26px;height:26px}.benefit strong{font-size:1rem}.landing-quote{margin:40px 0 12px}.landing-quote blockquote{font-size:1.35rem}.hero-image-wrap{min-height:clamp(300px,108vw,430px);margin-right:calc(-1 * max(18px, env(safe-area-inset-right)));margin-left:calc(-1 * max(18px, env(safe-area-inset-left)));overflow:hidden}.hand-note{display:none}.hero-student{right:50%;bottom:0;width:min(155vw,620px);height:100%;transform:translateX(50%);object-position:58% 50%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000);mask-image:linear-gradient(180deg,transparent,#000 10%,#000)}.hero-image-wrap:after{display:none}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stats div{min-height:118px;padding:14px 10px;border-bottom:1px solid #e9eef6}.landing-stats div:nth-child(odd){border-right:1px solid #e9eef6}.landing-stats div:last-child,.landing-stats div:nth-last-child(-n+2){border-bottom:0}.landing-stats span{font-size:.86rem}.landing-stats strong{font-size:2.35rem}.grid-cards,.nb-error,.nb-grid,.nb-header,.section-title,.toolbar{padding-left:18px;padding-right:18px}.toolbar-spacer{display:none}.search-pop,.search-wrap,.segmented{width:100%}.segmented button{flex:1 1}.nb-table{width:calc(100% - 36px);margin:0 18px;font-size:.86rem}.nb-table td:nth-child(3),.nb-table td:nth-child(4),.nb-table th:nth-child(3),.nb-table th:nth-child(4){display:none}.nb-header{align-items:flex-start;flex-wrap:wrap}.nb-actions{width:100%}.nb-actions .pill{flex:1 1}.msg{max-width:94%}}@media (max-width:380px){.hero-copy h1{font-size:2.7rem}.hero-copy p{font-size:1rem}.benefit{grid-template-columns:52px minmax(0,1fr);gap:12px}.benefit-icon{width:48px;height:48px}.landing-stats{grid-template-columns:1fr}.landing-stats div,.landing-stats div:nth-child(odd),.landing-stats div:nth-last-child(-n+2){min-height:104px;border-right:0;border-bottom:1px solid #e9eef6}.landing-stats div:last-child{border-bottom:0}}.auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,480px);grid-gap:42px;gap:42px;width:min(calc(100% - 24px),1410px);min-height:calc(100vh - 114px);margin:0 auto 12px;padding:72px 58px;border:1px solid rgba(217,229,244,.78);border-top:0;border-radius:0 0 16px 16px;background-color:#ffffff;background-image:var(--auth-glow);background-size:100% var(--auth-surface-h);background-position:0 calc(-1 * var(--header-h));background-repeat:no-repeat;box-shadow:0 22px 54px rgba(35,68,111,.08)}.auth-visual{align-self:center;max-width:690px}.auth-visual h1{margin:0 0 24px;color:var(--text);font-size:clamp(3rem,5.2vw,5.8rem);font-weight:850;letter-spacing:-.06em;line-height:.95}.auth-visual p{max-width:620px;margin:0;color:#4f6585;font-size:1.35rem;line-height:1.45}.auth-card{align-self:center;padding:34px;border:1px solid rgba(217,226,239,.95);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 22px 48px rgba(24,54,92,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-form{display:grid;grid-gap:18px;gap:18px}.auth-form label{display:grid;grid-gap:8px;gap:8px;color:#263d5f;font-weight:780}.auth-form input{width:100%;min-height:54px;border-radius:12px;background:#ffffff;font-size:1rem}.auth-two-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.auth-submit{min-height:56px;margin-top:6px;border-radius:12px;font-size:1.04rem}.auth-switch{margin:4px 0 0;color:var(--text-secondary);text-align:center;font-weight:650}.auth-switch a{color:var(--primary);font-weight:850}@media (max-width:900px){.auth-shell{grid-template-columns:1fr;padding:44px 24px}.auth-visual h1{font-size:clamp(2.6rem,12vw,4.2rem)}.auth-card{padding:24px}}@media (max-width:560px){.auth-two-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.upload-item{animation:none}.add-src-btn{transition:none}}.quiz-types{border:0;padding:0;margin:18px 0}.quiz-types legend{margin-bottom:10px;color:var(--text);font-weight:750}.quiz-types>div{display:flex;flex-wrap:wrap;gap:8px}.quiz-types button{border:1px solid #d8e1ee;border-radius:999px;padding:9px 13px;background:#fff;color:#4f6585;font-weight:700}.quiz-types button.selected{border-color:#7b61d1;background:#f1edff;color:#593eaf}.quiz-study{max-width:820px}.quiz-question{width:min(720px,100%);margin:22px auto}.quiz-question h3{font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.35}.quiz-options{display:grid;grid-gap:10px;gap:10px;margin-top:20px}.quiz-options button{padding:15px 17px;border:1px solid #dce4ef;border-radius:13px;background:#fff;color:var(--text);text-align:left;font:inherit;line-height:1.45}.quiz-options button.selected{border-color:#7455ce;background:#f3efff;box-shadow:0 0 0 2px rgba(116,85,206,.1)}.quiz-answer-input{width:100%;min-height:52px;margin-top:18px;padding:14px;border:1px solid #dce4ef;border-radius:12px;background:#fff;color:var(--text);font:inherit}textarea.quiz-answer-input{min-height:130px;resize:vertical}.quiz-hint{margin:15px 0 0;padding:13px 15px;border-radius:12px;background:#fff7d9;color:#675410}.quiz-feedback{margin-top:16px;padding:16px;border-radius:13px;background:#fff1f2;color:#8a2430}.quiz-feedback.correct{background:#eaf8ef;color:#21643a}.quiz-feedback.partial{background:#fff7d9;color:#675410}.quiz-feedback p{margin:7px 0 12px;line-height:1.55}.share-modal{width:min(100%,720px);max-height:90vh;overflow-y:auto}.share-created{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.share-success{padding:13px 15px;border-radius:12px;background:#eaf8ef;color:#21643a;font-weight:800}.share-created label,.share-expiry{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-weight:750}.share-copy-row{display:flex;align-items:center;gap:9px}.share-copy-row code{flex:1 1;padding:13px 15px;border:1px solid #dce4ef;border-radius:11px;background:#f7f9fc;color:#263d5f;font-size:1.1rem;letter-spacing:.09em}.share-copy-row input{flex:1 1;min-width:0}.share-expiry select{min-height:44px;padding:0 12px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:var(--text)}.share-modal-actions{gap:12px;margin-top:24px}.share-modal-actions>button{min-height:44px}.share-history{margin-top:24px;padding-top:18px;border-top:1px solid #e4eaf2}.share-history h3{margin:0 0 10px}.share-history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #eef2f7}.share-history-item div{display:grid;grid-gap:3px;gap:3px}.share-history-item small{color:var(--text-secondary)}.import-preview{padding:14px;border:1px solid #dce4ef;border-radius:12px;background:#f7f9fc}.import-preview p{margin:7px 0;color:var(--text-secondary)}.import-preview ul{margin:10px 0 0;padding-left:20px;color:var(--text-secondary)}@media (max-width:560px){.share-copy-row{align-items:stretch;flex-direction:column}.share-copy-row .chip{width:100%}.share-modal-actions{display:grid;grid-template-columns:1fr 1fr}.share-modal-actions>button{width:100%}}@media (max-width:390px){.share-modal-actions{grid-template-columns:1fr}}.header-product{position:-webkit-sticky;position:sticky;top:0;width:100%;max-width:none;min-height:64px;margin:0;padding:0 clamp(20px,3vw,44px);border:0;border-bottom:1px solid rgba(207,219,235,.78);border-radius:0;background:rgba(247,250,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-product .wordmark{font-size:1.72rem;letter-spacing:-.045em}.header-product .top-nav{gap:8px;font-size:.9rem}.header-product .top-nav a{min-height:38px;padding:0 12px;border-radius:9px;transition:color .18s ease,background-color .18s ease}.header-product .top-nav a:hover{background:#eaf1fb}.header-product .top-nav a[href$="/import"]{display:inline-flex;align-items:center}.library-shell{width:min(100%,1440px);min-height:calc(100vh - 64px);margin:0 auto;padding:clamp(30px,4vw,56px) clamp(20px,3vw,44px) 64px;animation:product-enter .32s cubic-bezier(.22,1,.36,1) both}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.library-heading h1{margin:0;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:850;letter-spacing:-.055em;line-height:1}.library-heading p{max-width:680px;margin:12px 0 0;color:var(--text-secondary);font-size:1rem}.library-primary-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.library-primary-actions button{min-height:46px;border-radius:10px;padding:0 17px;font-size:.92rem;font-weight:780}.create-btn svg,.library-primary-actions svg,.share-btn svg{width:18px;height:18px;flex:0 0 auto}.library-primary-actions .create-btn,.share-btn{gap:9px}.library-import-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cbd8e9;background:#ffffff;color:var(--primary);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.library-import-btn:hover:not(:disabled){border-color:#9dbbf0;background:#f4f8ff;transform:translateY(-1px)}.library-shell>.toolbar{min-height:58px;margin-bottom:26px;padding:0 0 12px;border-bottom:1px solid var(--border);flex-wrap:nowrap}.library-tabs{display:flex;align-self:stretch;gap:24px}.library-tabs button{position:relative;min-height:46px;padding:0 2px;color:#526681;font-size:.94rem;font-weight:760;transition:color .18s ease}.library-tabs button:after{content:"";position:absolute;right:0;bottom:-13px;left:0;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s cubic-bezier(.22,1,.36,1)}.library-tabs button.active{color:var(--primary)}.library-tabs button.active:after{transform:scaleX(1)}.library-shell .search-wrap{margin-left:auto}.library-shell .search-circle,.library-shell .segmented,.library-shell .select-pill{border-color:#cfdbea;border-radius:10px;box-shadow:none}.library-shell .search-pop{width:min(300px,28vw);min-height:44px;border-radius:10px;animation:search-open .18s ease-out both}.library-shell .segmented button{transition:color .16s ease,background-color .16s ease}.library-shell .segmented button.active{background:#e9f1ff;color:var(--primary)}.library-shell .section-title{margin:0 0 18px;padding:0;font-size:1rem;font-weight:800;letter-spacing:-.01em}.library-shell .grid-cards{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:18px;padding:0}.library-shell .create-card,.library-shell .nb-card{min-height:218px;border-color:#d8e2ef;border-radius:13px;box-shadow:0 1px 2px rgba(22,48,82,.025);animation:card-enter .36s cubic-bezier(.22,1,.36,1) both}.library-shell .create-card:hover,.library-shell .nb-card:hover{transform:translateY(-3px);border-color:#a9c3eb;box-shadow:0 14px 30px rgba(32,67,111,.09)}.library-shell .create-card:focus-visible,.library-shell .nb-card:focus-visible{outline:3px solid rgba(11,99,246,.2);outline-offset:2px}.library-shell .nb-top{padding:20px 18px 0}.library-shell .nb-icon{width:48px;height:48px;border-radius:12px}.library-shell .nb-body{padding:22px 18px 20px}.library-shell .nb-title{margin-bottom:7px;font-size:1.08rem;letter-spacing:-.018em}.library-shell .create-card{border-style:dashed;border-color:#b8cae3;background:transparent;font-weight:760}.library-shell .plus-circle{width:54px;height:54px;border:0;border-radius:50%}.library-shell .empty-state,.library-shell .nb-table{margin-right:0;margin-left:0}.library-shell .nb-table{width:100%;border-color:#d8e2ef;border-radius:13px}.library-shell .nb-table tbody tr{transition:background-color .16s ease}.library-shell .modal{border-radius:16px}.nb-shell{min-height:calc(100dvh - 64px);animation:product-enter .28s cubic-bezier(.22,1,.36,1) both}.nb-header{padding:14px clamp(18px,2vw,30px);border-bottom:1px solid rgba(214,225,239,.72);background:rgba(247,250,255,.84)}.nb-header h1{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:840}.nb-back{border:1px solid transparent;border-radius:10px;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.nb-back:hover{border-color:var(--border);background:#ffffff;transform:translateX(-2px)}.share-btn{padding:0 15px;border-color:var(--primary);background:var(--primary);color:#ffffff;box-shadow:0 8px 18px rgba(11,99,246,.16)}.share-btn:hover:not(:disabled){background:var(--primary-strong)}.mobile-workspace-nav{display:none}.nb-grid{grid-template-columns:minmax(260px,300px) minmax(420px,1fr) minmax(300px,340px);height:calc(100dvh - 158px);min-height:560px;padding:16px clamp(18px,2vw,30px) 18px;transition:grid-template-columns .24s cubic-bezier(.22,1,.36,1)}.nb-grid.src-collapsed{grid-template-columns:52px minmax(420px,1fr) minmax(300px,340px)}.nb-grid.studio-collapsed{grid-template-columns:minmax(260px,300px) minmax(420px,1fr) 52px}.nb-grid.src-collapsed.studio-collapsed{grid-template-columns:52px minmax(420px,1fr) 52px}.nb-grid .panel{border-color:#d8e2ef;border-radius:13px;box-shadow:0 1px 2px rgba(22,48,82,.025);transition:border-color .18s ease,box-shadow .18s ease}.nb-grid .panel:focus-within{border-color:#b8cae3;box-shadow:0 10px 28px rgba(32,67,111,.06)}.panel-head{min-height:62px;padding:10px 12px 10px 17px;background:#ffffff}.panel-title{color:#142846;font-size:.98rem;font-weight:820;letter-spacing:-.012em}.panel-heading-copy{display:grid;grid-gap:1px;gap:1px;min-width:0}.panel-subtitle{overflow:hidden;color:#71829a;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.panel-body{gap:10px;padding:14px;scrollbar-width:thin;scrollbar-color:#c7d4e5 transparent}.icon-btn,.search-circle,.src-act{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.reset-chat-btn{width:40px;height:40px;border:1px solid #d5e0ee;border-radius:10px;background:#ffffff;color:#294669}.reset-chat-btn svg{width:19px;height:19px}.reset-chat-btn:hover{border-color:#a9c3eb;color:var(--primary);transform:translateY(-1px)}.add-src-btn{border:0;border-radius:9px;background:var(--primary);color:#ffffff;box-shadow:0 6px 14px rgba(11,99,246,.14)}.add-src-btn:hover{border-color:transparent;background:var(--primary-strong)}.src-card{min-height:46px;padding:8px 7px;border:0;border-bottom:1px solid var(--border-subtle);border-radius:8px;background:transparent;transition:background-color .16s ease,transform .16s ease}.src-card:hover{background:#f3f7fc;transform:translateX(2px)}.chat .panel-body{padding:0}.msgs{gap:16px;padding:20px 20px 12px;scroll-behavior:smooth}.msg{padding:12px 15px;border-radius:14px;line-height:1.58;animation:message-enter .22s cubic-bezier(.22,1,.36,1) both}.msg.user{background:#eaf2ff;border-color:#d5e4fc;border-bottom-right-radius:5px}.msg.assistant{max-width:min(90%,760px);padding-left:2px;border:0;border-radius:0;background:transparent;box-shadow:none}.citation{width:-moz-fit-content;width:fit-content;margin-top:9px;padding:4px 8px;border:1px solid #d8e4f4;border-radius:7px;background:#f5f8fc;font-size:.74rem}.composer{padding:12px 16px 16px;border-top:1px solid var(--border-subtle);background:rgba(255,255,255,.96)}.composer textarea{min-height:58px;padding:16px 62px 14px 16px;border-color:#c7d6e9;border-radius:14px;box-shadow:0 4px 14px rgba(30,61,102,.045);transition:border-color .16s ease,box-shadow .16s ease}.composer textarea:focus{border-color:#77a6f7;box-shadow:0 0 0 3px rgba(11,99,246,.1)}.composer .send-btn{right:25px;bottom:25px;width:38px;height:38px;border-radius:10px;box-shadow:none;transition:background-color .16s ease,transform .16s ease}.composer .send-btn:hover:not(:disabled){transform:translateX(2px)}.studio-body{gap:18px}.studio-section h2{color:#51647f;letter-spacing:.095em}.future-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.future-tool{min-width:0;min-height:104px;padding:12px 7px;border-color:#d8e2ef;border-radius:11px;background:#ffffff}.audio-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.audio-tool:hover:not(:disabled){border-color:#9dbdf5;background:#f5f8ff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(32,67,111,.06)}.studio-tool-icon{display:grid;width:34px;height:34px;place-items:center;background:#eaf2ff;color:var(--primary)}.studio-tool-icon svg{width:20px;height:20px}.studio-tool-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.studio-tool-copy strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.studio-tool-copy>span{display:none}.audio-overview-card,.flashcard-deck-card,.studio-body .card{border-color:#d8e2ef;border-radius:11px;background:#ffffff;box-shadow:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.audio-overview-card,.flashcard-deck-card{padding:12px}.audio-overview-card:hover,.flashcard-deck-card:hover,.studio-body .card:hover{border-color:#b5c9e5;transform:translateY(-1px);box-shadow:0 8px 20px rgba(32,67,111,.055)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:overlay-enter .18s ease-out both}.modal{border-color:#d8e2ef;border-radius:16px;box-shadow:0 28px 72px rgba(13,37,70,.2);animation:modal-enter .22s cubic-bezier(.22,1,.36,1) both}@keyframes product-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes message-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes search-open{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media (max-width:1180px) and (min-width:991px){.nb-grid{grid-template-columns:minmax(240px,270px) minmax(380px,1fr) minmax(270px,300px);gap:10px;padding-right:16px;padding-left:16px}.nb-grid.src-collapsed{grid-template-columns:52px minmax(380px,1fr) minmax(270px,300px)}.nb-grid.studio-collapsed{grid-template-columns:minmax(240px,270px) minmax(380px,1fr) 52px}}@media (max-width:990px){.header-product{width:100%;padding-right:max(20px,env(safe-area-inset-right));padding-left:max(20px,env(safe-area-inset-left))}.library-shell{padding-top:34px}.library-heading{align-items:flex-start}.library-shell>.toolbar{flex-wrap:wrap}.library-tabs{width:100%;border-bottom:1px solid var(--border)}.library-tabs button:after{bottom:-1px}.library-shell .search-wrap{margin-left:0}.mobile-workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;margin:0 max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));padding:4px;border:1px solid #d2deed;border-radius:13px;background:#edf3fa}.mobile-workspace-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;border-radius:9px;color:#526681;font-size:.85rem;font-weight:760;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.mobile-workspace-nav button svg{width:18px;height:18px;flex:0 0 auto}.mobile-workspace-nav button.active{background:#ffffff;color:var(--primary);box-shadow:0 3px 9px rgba(34,66,108,.09)}.nb-grid,.nb-grid.src-collapsed,.nb-grid.src-collapsed.studio-collapsed,.nb-grid.studio-collapsed{display:block;height:auto;min-height:0;padding:0 max(18px,env(safe-area-inset-right)) 18px max(18px,env(safe-area-inset-left))}.nb-grid .panel,.nb-grid .panel.collapsed{display:none;height:calc(100dvh - 226px);min-height:520px;animation:panel-enter .22s cubic-bezier(.22,1,.36,1) both}.nb-grid .panel.collapsed.mobile-active,.nb-grid .panel.mobile-active{display:flex}.nb-grid .panel.collapsed .panel-head{height:auto;flex-direction:row;padding:10px 12px 10px 17px;border-bottom:1px solid var(--border-subtle)}.nb-grid .panel.collapsed .panel-title{writing-mode:horizontal-tb;transform:none;color:#142846}.nb-grid .panel.collapsed .panel-body{display:flex}.src .panel-head>.icon-btn,.studio .panel-head>.icon-btn{display:none}}@keyframes panel-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:720px){.header-product{min-height:56px}.header-product .wordmark{font-size:1.52rem}.header-product .top-nav{display:flex;margin-left:auto}.header-product .top-nav a{min-height:36px;padding:0 8px;font-size:.82rem}.header-product .top-nav a[href$="/import"]{display:none}.library-shell{min-height:calc(100vh - 56px);padding:26px 16px 44px}.library-heading{display:grid;grid-gap:20px;gap:20px;margin-bottom:24px}.library-heading h1{font-size:clamp(2rem,11vw,2.65rem)}.library-heading p{margin-top:9px;font-size:.92rem}.library-primary-actions{width:100%}.library-primary-actions button{flex:1 1;width:auto;padding:0 12px}.library-shell>.toolbar{align-items:stretch;gap:10px;margin-bottom:22px}.library-tabs{gap:18px;overflow-x:auto}.library-tabs button{flex:0 0 auto}.library-shell .search-wrap{flex:1 1 100%}.library-shell .search-pop{flex:1 1;width:auto}.library-shell .search-circle{flex:0 0 44px;width:44px}.library-shell .segmented{width:auto}.library-shell .select-pill{flex:1 1;width:auto;min-width:0}.library-shell .section-title{padding:0}.library-shell .grid-cards{grid-template-columns:1fr;gap:12px;padding:0}.library-shell .create-card,.library-shell .nb-card{min-height:158px}.library-shell .create-card{grid-template-columns:48px minmax(0,1fr);justify-content:start;padding:18px;text-align:left}.library-shell .plus-circle{width:46px;height:46px}.library-shell .empty-state{margin:0;padding:24px 18px}.nb-shell{min-height:calc(100dvh - 56px)}.nb-header{align-items:center;flex-wrap:nowrap;min-height:62px;padding:9px 14px}.nb-header h1{font-size:1.13rem}.nb-back{width:40px;height:40px}.share-btn{width:42px;min-height:42px;padding:0;border-radius:10px}.nb-actions{width:auto;flex:0 0 auto}.nb-actions .pill{flex:none}.share-btn span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.mobile-workspace-nav{margin-right:14px;margin-left:14px}.mobile-workspace-nav button{gap:5px;font-size:.78rem}.nb-grid,.nb-grid.src-collapsed,.nb-grid.src-collapsed.studio-collapsed,.nb-grid.studio-collapsed{padding:0 14px max(14px,env(safe-area-inset-bottom))}.nb-grid .panel,.nb-grid .panel.collapsed{height:calc(100dvh - 202px);min-height:480px;border-radius:12px}.panel-head{min-height:56px}.panel-subtitle{display:none}.msgs{padding:17px 14px 10px}.msg{max-width:92%;font-size:.92rem}.msg.assistant{max-width:96%}.composer{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.composer textarea{min-height:54px;padding:14px 54px 12px 13px}.composer .send-btn{right:18px;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 8px);width:38px;height:38px}.future-tool{min-height:94px}.studio-tool-copy strong{font-size:.74rem}.nb-table{display:block;overflow-x:auto}}@media (max-width:380px){.library-primary-actions{display:grid;grid-template-columns:1fr}.library-primary-actions button{width:100%}.mobile-workspace-nav button span{display:none}.mobile-workspace-nav button svg{width:20px;height:20px}}main.container:has(>.nb-shell){padding-bottom:0}.library-shell .nb-card .menu-pop{text-align:left}.library-shell .nb-card .menu-pop>button{justify-content:flex-start}.library-shell .nb-card .menu-rename input{text-align:left}.library-shell .nb-card:has(.menu-pop){z-index:50;overflow:visible}.segmented button{display:grid;place-items:center;padding:0;line-height:0}.segmented button svg{display:block;margin:0}.select-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.header-product{gap:18px}.header-product .top-nav{margin-left:auto}.header-product .top-nav a{display:inline-flex;align-items:center;justify-content:center;line-height:1}.header-product .top-nav a[aria-current=page]{background:#e6effc;color:var(--primary-strong)}.share-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1}.share-btn span,.share-btn svg{display:block}.nb-title-area{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:6px}.nb-title-area h1{min-width:0}.nb-title-cancel,.nb-title-edit{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;color:var(--text-secondary);transition:border-color .16s ease,background-color .16s ease,color .16s ease}.nb-title-cancel:hover:not(:disabled),.nb-title-edit:hover:not(:disabled){border-color:var(--border);background:#ffffff;color:var(--primary)}.nb-title-edit svg{display:block;width:17px;height:17px}.nb-title-form{display:flex;align-items:center;flex:1 1;min-width:0;gap:7px}.nb-title-form input{min-width:140px;width:min(100%,560px);min-height:42px;padding:7px 11px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:800}.nb-title-save{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:9px;background:var(--primary);color:#ffffff;font-size:.82rem;font-weight:780}body>.header{transition:filter .18s ease,opacity .18s ease}body:has(.modal-overlay)>.header{filter:blur(5px);opacity:.64;pointer-events:none}body:has(.modal-overlay){overflow:hidden}.library-shell:has(.modal-overlay),.nb-shell:has(.modal-overlay){animation:none;transform:none}.modal-overlay{overflow:hidden;padding:24px}.modal{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.flashcard-study{width:min(840px,100%);min-height:0;max-height:min(680px,calc(100dvh - 48px));padding:0;overflow:hidden;border-radius:18px}.flashcard-study-scroll{max-height:inherit;padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(91,107,132,.55) transparent;scrollbar-width:thin}.flashcard-study-scroll::-webkit-scrollbar{width:10px}.flashcard-study-scroll::-webkit-scrollbar-track{margin-block:12px;background:transparent}.flashcard-study-scroll::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:rgba(91,107,132,.55);background-clip:content-box}.study-card{min-height:min(320px,44dvh);padding:clamp(24px,5vw,54px)}.flashcard-complete{min-height:min(400px,55dvh)}.reset-chat-btn img{display:block;width:24px;height:24px;object-fit:contain}.audio-overview-delete{align-items:center;justify-items:center;padding:0;line-height:1}.audio-overview-delete svg,.audio-overview-icon svg{display:block;margin:0}.audio-overview-head>.audio-overview-icon{display:grid;align-items:center;justify-items:center;line-height:0}.import-shell{display:grid;place-items:start center;min-height:calc(100vh - 64px);padding:clamp(32px,6vw,80px) 20px 64px;animation:product-enter .32s cubic-bezier(.22,1,.36,1) both}.import-card{width:min(100%,720px);padding:clamp(26px,5vw,48px);border:1px solid #d7e2f0;border-radius:18px;background:#ffffff;box-shadow:0 18px 48px rgba(27,60,105,.08)}.import-heading{display:flex;align-items:flex-start;gap:18px}.import-heading>div:last-child{min-width:0}.import-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:13px;background:#e7f0fd;color:var(--primary)}.import-heading>.import-icon{margin-top:17px}.import-icon svg{display:block;width:23px;height:23px}.import-eyebrow{margin:0 0 4px;color:var(--primary);font-size:.72rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.import-card h1,.import-card h2{margin:0;letter-spacing:-.03em;line-height:1.15}.import-card h1{font-size:clamp(1.8rem,4vw,2.45rem)}.import-card h2{font-size:1.18rem}.import-lead{max-width:54ch;margin:9px 0 0;color:var(--text-secondary);font-size:.97rem}.import-privacy-note{display:grid;grid-gap:3px;gap:3px;margin-top:28px;padding:15px 17px;border:1px solid #dce7f5;border-radius:11px;background:#f6f9fd}.import-privacy-note strong{font-size:.86rem}.import-privacy-note span{color:var(--text-secondary);font-size:.82rem}.import-form{display:grid;grid-gap:9px;gap:9px;margin-top:30px}.import-form label{font-size:.86rem;font-weight:780}.import-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.import-field-row input{width:100%;min-height:46px}.import-field-row .primary{min-width:112px;min-height:46px;box-shadow:none}.import-form>p{margin:0;color:var(--text-secondary);font-size:.78rem}.import-message{margin:20px 0 0}.import-success{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:17px;border:1px solid #bee4d1;border-radius:11px;background:#eef9f3}.import-success>div{display:grid;grid-gap:2px;gap:2px}.import-success span{color:#3e6753;font-size:.82rem}.import-success a{color:#0d7447;font-weight:780;white-space:nowrap}.import-preview-card{margin-top:28px;padding:20px;border:1px solid #d9e4f1;border-radius:13px;background:#fbfdff}.import-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.import-preview-heading>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#e8f0fb;color:#34577f;font-size:.75rem;font-weight:750}.import-preview-description{margin:13px 0;color:var(--text-secondary)}.import-preview-card ul{max-height:220px;margin:14px 0 0;padding:12px 12px 12px 32px;overflow:auto;border-block:1px solid var(--border-subtle);color:var(--text-secondary)}.import-preview-card li+li{margin-top:6px}.import-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.import-preview-actions button{min-height:44px}.import-auth-card{display:grid;justify-items:center;text-align:center}.import-auth-card .import-lead{margin-bottom:24px}.import-login-link{min-width:170px;box-shadow:none}@media (max-width:720px){.header-product{gap:10px;padding-inline:14px}.header-product .top-nav a[href$="/import"]{display:inline-flex}.import-shell{min-height:calc(100vh - 56px);padding:22px 14px 40px}.import-card{padding:24px;border-radius:15px}.modal-overlay{padding:12px}.flashcard-study,.modal{max-height:calc(100dvh - 24px)}.flashcard-study{min-height:0;max-height:min(720px,calc(100dvh - 24px));padding:0;border-radius:15px}.flashcard-study-scroll{padding:18px}.study-card{min-height:min(290px,42dvh)}}@media (max-width:480px){.header-product .wordmark{font-size:1.35rem}.header-product .top-nav{gap:2px}.header-product .top-nav a{min-height:34px;padding-inline:6px;font-size:.76rem}.import-heading{display:flex;gap:14px}.import-heading>.import-icon{margin-top:12px}.nb-title-form{position:absolute;z-index:3;right:62px;left:58px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--bg);box-shadow:0 8px 22px rgba(24,53,91,.12)}.nb-title-form input{min-width:0;min-height:38px;font-size:1rem}.nb-title-save{width:36px;min-height:36px;padding:0;overflow:hidden;font-size:0}.nb-title-save:after{content:"✓";font-size:1rem}.nb-title-cancel{display:none}.import-field-row,.import-preview-actions{grid-template-columns:1fr}.import-field-row{display:grid}.import-field-row .primary,.import-preview-actions button{width:100%}.import-preview-actions{display:grid}.import-preview-heading,.import-success{align-items:flex-start;flex-direction:column}}@media (max-width:339px){.import-heading>.import-icon{margin-top:27px}}@media (prefers-reduced-motion:reduce){.import-shell,.library-shell,.library-shell .create-card,.library-shell .nb-card,.library-shell .search-pop,.modal,.modal-overlay,.msg,.nb-grid .panel,.nb-shell{animation:none}.audio-tool,.library-shell .create-card,.library-shell .nb-card,.mobile-workspace-nav button,.nb-grid,.nb-grid .panel-body,.nb-grid .panel-head,.nb-grid .panel-head>.icon-btn,.nb-grid .panel-title,.src-card{transition:none}.msgs{scroll-behavior:auto}}body:has(.library-shell),body:has(.nb-shell){background:#f4f7fc}body:has(.library-shell)>.header-product{position:relative;min-height:68px;padding-inline:clamp(24px,3.2vw,52px);border-bottom-color:#e2e8f2;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}body:has(.library-shell)>.header-product .wordmark{font-size:1.68rem}body:has(.library-shell)>.header-product .top-nav a{min-height:40px;padding-inline:15px;border:1px solid transparent;border-radius:12px}body:has(.library-shell)>.header-product .top-nav a[aria-current=page]{border-color:#dbe6f5;background:#eef4ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.library-shell{width:min(100%,1560px);padding:42px clamp(24px,3.2vw,52px) 72px}.library-heading{margin-bottom:26px}.library-heading h1{font-size:clamp(2rem,3.2vw,2.72rem);font-weight:790;letter-spacing:-.048em}.library-heading p{margin-top:9px;font-size:.96rem}.library-primary-actions{gap:9px}.library-primary-actions button{min-height:44px;border-radius:12px;padding-inline:16px}.library-primary-actions .create-btn{box-shadow:0 8px 22px rgba(11,99,246,.18);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease}.library-primary-actions .create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,99,246,.24)}.library-shell>.toolbar{min-height:56px;margin-bottom:30px;padding-bottom:10px;border-bottom-color:#dde5f0}.library-tabs{gap:28px}.library-tabs button{font-size:.92rem;font-weight:700}.library-shell .search-circle,.library-shell .segmented,.library-shell .select-pill{min-height:44px;border-color:#d5deea;border-radius:12px;background-color:#ffffff}.library-shell .search-circle:hover,.library-shell .segmented button:hover,.library-shell .select-pill:hover{border-color:#b8c9df;background-color:#f9fbfe}.library-shell .section-title{margin-bottom:16px;color:#263a58;font-size:1.08rem;font-weight:760}.library-shell .grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.library-shell .create-card,.library-shell .nb-card{position:relative;min-height:226px;overflow:hidden;border:1px solid transparent;border-radius:18px;box-shadow:0 2px 5px rgba(21,42,73,.05),0 12px 28px rgba(36,63,101,.07);transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .24s ease}.library-shell .nb-card{--notebook-card-bg:#edf1ff;--notebook-card-border:#d5def2;border-color:var(--notebook-card-border);background:var(--notebook-card-bg)}.library-shell .nb-card:nth-child(3n+2){--notebook-card-bg:#e9f5f8;--notebook-card-border:#cbdfe5}.library-shell .nb-card:nth-child(3n){--notebook-card-bg:#f2effd;--notebook-card-border:#ddd6f1}.library-shell .nb-card:nth-child(3n+1){--notebook-card-bg:#edf3fb;--notebook-card-border:#d2deec}.library-shell .nb-card:after{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:999px 999px 0 0;background:var(--primary);opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.library-shell .create-card:hover,.library-shell .nb-card:hover{border-color:rgba(111,145,195,.35);box-shadow:0 18px 38px rgba(36,63,101,.11);transform:translateY(-5px)}.library-shell .nb-card:hover:after{opacity:1;transform:scaleX(1)}.library-shell .create-card{display:block;border-color:#ccd8e8;border-style:solid;background:rgba(255,255,255,.88);color:#1b3152;text-align:center}.library-shell .create-card:before{content:"";position:absolute;inset:10px;border:1px dashed #c7d5e8;border-radius:13px;pointer-events:none}.library-shell .plus-circle{position:absolute;top:calc(50% - 22px);left:50%;width:58px;height:58px;background:#eaf1ff;transform:translate(-50%,-50%);transition:color .18s ease,background-color .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.library-shell .create-card>span:not(.plus-circle){position:absolute;right:18px;bottom:26px;left:18px}.library-shell .create-card:hover .plus-circle{background:var(--primary);color:#ffffff;transform:translate(-50%,-50%) rotate(90deg) scale(1.04)}.library-shell .nb-top{padding:22px 22px 0}.library-shell .nb-card .nb-icon{width:50px;height:50px;border-radius:14px;border:1px solid rgba(109,133,166,.16);background:rgba(255,255,255,.88);box-shadow:0 6px 16px rgba(40,70,110,.09)}.library-shell .nb-body{margin-top:auto;padding:30px 22px 22px}.library-shell .nb-title{color:#13243e;font-size:1.16rem;font-weight:740;line-height:1.28}.library-shell .nb-meta{color:#667793;font-size:.82rem}.library-empty-grid{align-items:stretch}.library-shell .library-empty-copy{display:grid;grid-column:span 2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;min-height:226px;margin:0;padding:28px;border:1px solid #dce5f1;border-radius:18px;background:rgba(255,255,255,.66)}.library-empty-copy strong{display:block;margin-bottom:4px;color:#1b3152;font-size:1rem}.library-empty-copy p{margin:0}.empty-state-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#eaf1ff;color:var(--primary)}.empty-state-icon svg{width:24px;height:24px}body:has(.nb-shell)>.header-product{display:none}main.container:has(>.nb-shell){width:100%;max-width:none;padding:0}.nb-shell{min-height:100dvh;background:#eef2fa}.nb-header{min-height:76px;padding:12px clamp(18px,2.2vw,34px);border-bottom:1px solid #dce3ef;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}.nb-brand{flex:0 0 auto;padding-right:2px;font-size:1.46rem}.nb-brand-divider{width:1px;height:30px;margin:0 8px;background:#dce4ef}.nb-title-area h1{overflow:hidden;color:#172943;font-size:clamp(1.14rem,1.8vw,1.48rem);font-weight:700;letter-spacing:-.032em;text-overflow:ellipsis;white-space:nowrap}.nb-title-edit{opacity:0;transform:translateX(-4px);transition:opacity .16s ease,transform .18s ease,background-color .16s ease,color .16s ease}.nb-title-area:hover .nb-title-edit,.nb-title-edit:focus-visible{opacity:1;transform:none}.share-btn{min-height:42px;border-radius:12px;box-shadow:0 7px 18px rgba(11,99,246,.17);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.share-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 24px rgba(11,99,246,.22)}.nb-grid{grid-template-columns:clamp(255px,20.3vw,292px) minmax(430px,1fr) clamp(310px,24.5vw,352px);gap:12px;height:calc(100dvh - 76px);min-height:610px;padding:14px;transition:grid-template-columns .42s cubic-bezier(.22,1,.36,1),gap .32s ease}.nb-grid.src-collapsed{grid-template-columns:64px minmax(430px,1fr) clamp(310px,24.5vw,352px)}.nb-grid.studio-collapsed{grid-template-columns:clamp(255px,20.3vw,292px) minmax(430px,1fr) 64px}.nb-grid.src-collapsed.studio-collapsed{grid-template-columns:64px minmax(430px,1fr) 64px}.nb-grid .panel{position:relative;min-width:0;overflow:hidden;border:1px solid #dce3ed;border-radius:18px;background:#ffffff;box-shadow:0 1px 2px rgba(25,43,72,.025),0 12px 28px rgba(25,43,72,.035);animation:workspace-panel-enter .42s cubic-bezier(.22,1,.36,1) both;transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.nb-grid .panel:nth-child(2){animation-delay:50ms}.nb-grid .panel:nth-child(3){animation-delay:.1s}.nb-grid .panel:focus-within{border-color:#bdcce0;box-shadow:0 1px 2px rgba(25,43,72,.03),0 16px 36px rgba(25,43,72,.055)}.panel-head{min-height:64px;padding:10px 14px 10px 18px;border-bottom-color:#e4e9f1;transition:min-height .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),border-color .18s ease}.panel-title{font-size:1rem;font-weight:720;transition:color .18s ease,transform .32s cubic-bezier(.22,1,.36,1)}.panel-subtitle{color:#8490a3;font-size:.74rem}.icon-btn{border-radius:10px}.panel-head>.icon-btn svg{width:19px;height:19px}.icon-btn:hover{background:#f0f4fa;color:var(--primary)}@media (min-width:991px){.nb-grid .panel-body{opacity:1;visibility:visible;transform:translateX(0);transition:opacity .18s ease .1s,transform .32s cubic-bezier(.22,1,.36,1) 50ms,visibility 0s linear 0s}.nb-grid .src .panel-body{min-width:255px}.nb-grid .studio .panel-body{min-width:310px}.nb-grid .panel.collapsed{background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(25,43,72,.045)}.nb-grid .panel.collapsed .panel-head{position:relative;z-index:2;height:64px;min-height:64px;flex:0 0 64px;justify-content:center;padding:10px;border-bottom-color:#e4e9f1}.nb-grid .panel.collapsed .panel-title{display:none}.nb-grid .panel.collapsed .panel-body{display:flex;position:absolute;inset:64px 0 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .26s cubic-bezier(.4,0,1,1),visibility 0s linear .26s}.nb-grid .src.collapsed .panel-body{width:292px;transform:translateX(-18px)}.nb-grid .studio.collapsed .panel-body{right:0;left:auto;width:352px;transform:translateX(18px)}.nb-grid .panel.collapsed .panel-head>.icon-btn{width:40px;height:40px;flex:0 0 auto;margin:0;border:0;border-radius:11px;background:transparent;color:#415a7a;box-shadow:none}.nb-grid .panel.collapsed .panel-head>.icon-btn:hover{border-color:#a9c5ef;background:#eaf2ff;color:var(--primary);transform:translateY(-1px)}.panel-rail{position:absolute;inset:64px 0 0;z-index:3;display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px 8px;overflow:hidden auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .14s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s}.panel.collapsed .panel-rail{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:.18s,.15s,0s}.rail-action,.rail-source{position:relative;display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border:1px solid transparent;border-radius:12px;color:#425675;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.rail-action svg,.rail-source svg{width:21px;height:21px}.rail-action:hover:not(:disabled){border-color:#c8d7ea;background:#f2f6fc;color:var(--primary);transform:translateY(-1px)}.rail-action:disabled{cursor:not-allowed;opacity:.45}.rail-add-source{background:transparent;color:#1e385b}.rail-source-list{display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding-top:4px;border-top:1px solid #edf1f6}.rail-source{border-color:#e0e7f0;background:#f8fafd;color:#60728d}.rail-source.selected{border-color:#c7d9f4;background:#eef4ff;color:var(--primary)}.rail-source.error{border-color:#f2cbc7;background:#fff4f2;color:var(--red)}.rail-status-dot{position:absolute;right:4px;bottom:4px;width:7px;height:7px;border:2px solid #ffffff;border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px rgba(11,99,246,.16)}.studio-panel-rail{gap:12px}.rail-tool{width:44px;height:52px;flex-basis:52px;overflow:visible;border-radius:12px}.rail-tool:after{position:absolute;right:3px;bottom:2px;content:"+";font-size:.72rem;font-weight:800}.rail-flashcards{background:#f8f1e8;color:#8b6a20}.rail-quiz{background:#e7f5fb;color:#08749a}.rail-audio{background:#eef2ff;color:#315fae}.rail-created-list{display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding-top:12px;border-top:1px solid #e5ebf3}.rail-created{border-color:#dfe6ef;background:#ffffff;box-shadow:0 2px 7px rgba(25,43,72,.045)}.rail-created:hover:not(:disabled){border-color:#b9cce6;background:#f7faff}.rail-created-flashcards{color:#9a4b45}.rail-created-quiz{color:#08749a}.rail-created-audio{color:#315fae}.rail-created-note{color:#17724d}.rail-created.generating,.rail-created.generating_script,.rail-created.queued,.rail-created.synthesizing{opacity:.55}.rail-created.failed{border-color:#f0cbc7;background:#fff5f3;color:var(--red)}}.panel-rail{display:none}@media (min-width:991px){.panel-rail{display:flex}}.add-src-btn{min-height:44px;border:1px solid #ccd8e8;border-radius:12px;background:#ffffff;color:#18375f;box-shadow:none}.add-src-btn:hover{border-color:#8eb4f4;background:#f2f7ff;color:var(--primary);transform:translateY(-1px)}.src-card{border-radius:10px}.chat .panel-head{padding-left:20px}.msgs{padding:26px 28px 14px}.chat-hint{display:grid;max-width:360px;margin:auto;place-items:center;color:#76859c;line-height:1.6;text-align:center}.chat-hint svg{display:grid;width:48px;height:48px;margin-bottom:12px;padding:13px;border-radius:15px;background:#edf3ff;color:var(--primary)}.msg{max-width:min(78%,720px);padding:13px 16px;border-radius:16px}.msg.user{border-color:#dce6f6;background:#edf2ff;border-bottom-right-radius:6px}.msg.assistant{max-width:min(94%,800px)}.composer{padding:14px 16px 16px;border-top:0;background:#ffffff}.composer textarea{min-height:66px;padding:17px 112px 15px 17px;border-color:#cbd6e5;border-radius:16px;box-shadow:0 6px 18px rgba(35,57,91,.06)}.composer .send-btn{right:26px;top:50%;bottom:auto;width:40px;height:40px;border-radius:12px;transform:translateY(-50%)}.composer .send-btn:hover:not(:disabled){transform:translate(2px,-50%)}.composer .mic-btn{position:absolute;right:72px;top:50%;width:40px;height:40px;border:1px solid #c7d6e9;border-radius:12px;background:#f7f9fc;color:#536987;transform:translateY(-50%);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.composer .mic-btn:hover:not(:disabled){border-color:#77a6f7;background:#eef4ff;color:var(--primary)}.composer .mic-btn.recording{border-color:#dc3f4f;background:#dc3f4f;color:#fff;animation:mic-pulse 1.35s ease-in-out infinite}.composer .mic-btn svg{width:20px;height:20px}.composer .composer-notice{position:absolute;z-index:1;top:20px;left:29px;right:122px;margin:0;overflow:hidden;color:#b42335;font-size:.76rem;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.composer textarea.has-composer-notice{padding-top:34px}.mic-loader{width:18px;height:18px;border:2px solid #c7d6e9;border-top:2px solid var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(220,63,79,.28)}50%{box-shadow:0 0 0 7px rgba(220,63,79,0)}}.studio-body{gap:20px;padding:16px}.studio-section h2{color:#687991;font-size:.72rem;font-weight:780;letter-spacing:.08em}.future-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.future-tool{min-height:86px;padding:13px;border:1px solid transparent;border-radius:14px;background:#eef2ff}.future-tool:nth-child(2){background:#e8f6f1}.future-tool:nth-child(3){background:#f7eff7}.studio .future-tool:disabled{opacity:.82}.audio-tool{align-items:flex-start;justify-content:space-between;text-align:left}.audio-tool:hover:not(:disabled){border-color:rgba(93,119,158,.2);background:#e8efff;box-shadow:0 10px 22px rgba(29,53,87,.08);transform:translateY(-3px)}.studio-tool-icon{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.74);color:#315fae}.future-tool .studio-tool-icon{color:#315fae}.future-tool:nth-child(2) .studio-tool-icon{color:#17724d}.future-tool:nth-child(3) .studio-tool-icon{color:#8a4487}.created-material-icon{background:rgba(255,255,255,.74)}.created-material-icon svg{width:20px;height:20px}.created-material-icon-cards{color:#315fae}.created-material-icon-quiz{color:#17724d}.created-material-icon-audio{color:#8a4487}.studio-tool-copy strong{color:#425675;font-size:.77rem;font-weight:720}.studio-empty{min-height:210px;padding:30px 18px;border:1px dashed #dce3ed;border-radius:14px;background:#fafbfd}.studio-results:has(>.studio-empty){flex:1 1;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.studio-results>.studio-empty{height:100%;min-height:0}.studio-strong{color:#53647c;font-size:.82rem;font-weight:650}.audio-overview-card,.flashcard-deck-card,.studio-body .card{border-radius:14px}.modal-overlay{background:rgba(19,31,51,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{border-radius:20px;box-shadow:0 30px 90px rgba(13,28,49,.24)}@keyframes workspace-panel-enter{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}@media (max-width:1120px) and (min-width:991px){.nb-grid{grid-template-columns:clamp(230px,23.2vw,260px) minmax(390px,1fr) clamp(280px,27.7vw,310px)}.nb-grid.src-collapsed{grid-template-columns:64px minmax(390px,1fr) clamp(280px,27.7vw,310px)}.nb-grid.studio-collapsed{grid-template-columns:clamp(230px,23.2vw,260px) minmax(390px,1fr) 64px}}@media (max-width:990px){body:has(.nb-shell){height:100dvh;overflow:hidden;overscroll-behavior:none}body:has(.nb-shell)>.header-product{display:none}main.container:has(>.nb-shell){height:100dvh;min-height:0;overflow:hidden}.nb-shell{height:100%;min-height:0;overflow:hidden}.nb-header{flex:0 0 auto;min-height:68px}.nb-brand-divider{margin-inline:4px}.mobile-workspace-nav{flex:0 0 auto;margin-top:10px;margin-bottom:10px}.nb-grid,.nb-grid.src-collapsed,.nb-grid.src-collapsed.studio-collapsed,.nb-grid.studio-collapsed{flex:1 1;height:auto;min-height:0;padding-top:0;padding-bottom:max(10px,env(safe-area-inset-bottom));overflow:hidden}.nb-grid .panel,.nb-grid .panel.collapsed{height:100%;min-height:0}.library-shell .library-empty-copy{grid-column:span 1}}@media (max-width:720px){body:has(.library-shell)>.header-product{min-height:58px}.library-shell{padding-top:28px}.library-heading{align-items:stretch}.library-heading h1{font-size:2.15rem}.library-shell .grid-cards{gap:14px}.library-shell .create-card,.library-shell .nb-card{min-height:176px}.library-shell .library-empty-copy{grid-template-columns:auto minmax(0,1fr);min-height:auto}.library-empty-copy .chip{grid-column:1/-1;justify-self:stretch}.nb-header{min-height:62px}.nb-brand{font-size:1.24rem}.nb-brand-divider{height:26px;margin-inline:0}.nb-title-edit{display:none}.future-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.nb-header{gap:8px}.nb-brand{font-size:1.05rem}.nb-title-area h1{font-size:1rem}.library-shell .library-empty-copy{display:grid}}@media (prefers-reduced-motion:reduce){.library-shell .create-card,.library-shell .nb-card,.nb-grid .panel{animation:none}.future-tool,.library-shell .create-card,.library-shell .nb-card,.library-shell .plus-circle,.nb-grid,.nb-grid .panel-body,.nb-grid .panel-head,.nb-grid .panel-head>.icon-btn,.nb-grid .panel-title,.nb-title-edit,.share-btn{transition:none}}.wordmark{line-height:1.18}.header-product .header-actions{display:flex}.logout-control{position:relative;flex:0 0 auto}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid #dce4ef;border-radius:12px;background:#fff;color:var(--text-secondary);font-size:.88rem;font-weight:600;white-space:nowrap}.logout-button svg{width:18px;height:18px}.logout-button:hover:not(:disabled){border-color:#bdcff0;background:#eef4ff;color:var(--primary)}.logout-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.logout-button:disabled{cursor:wait;opacity:.65}.logout-error{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(280px,85vw);margin:0;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff;color:#b42318;font-size:.85rem;box-shadow:0 4px 16px #17294312}.nb-header .nb-actions{flex-wrap:nowrap;gap:10px}@media (max-width:720px){.header:not(.header-product) .wordmark{font-size:clamp(1.15rem,5vw,1.5rem)}.header-product{flex-wrap:wrap;padding-block:8px}.header-product .wordmark{flex:1 1 100%;font-size:1.15rem}.header-product .top-nav{margin-left:0}.nb-header{flex-wrap:wrap}.nb-brand{flex:1 1 100%;font-size:1.05rem}.nb-brand-divider{display:none}.nb-header .nb-title-area{flex:1 1}}.library-create-menu{position:relative}.library-create-trigger{gap:9px}.library-create-options{position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:210px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 14px 36px rgba(19,42,81,.16)}.library-create-options button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--text);text-align:left;font-size:.9rem;font-weight:650;cursor:pointer}.library-create-options button:focus-visible,.library-create-options button:hover{background:#eef4ff;color:var(--primary)}@media (max-width:720px){.library-create-menu,.library-create-options,.library-create-trigger{width:100%}}.library-heading{align-items:center;gap:18px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #dde5f0}.library-heading>.toolbar{display:flex;flex:1 1 auto;align-items:center;min-width:0;min-height:44px;margin:0;padding:0;border:0;flex-wrap:nowrap}.library-heading .library-tabs{align-self:center;flex:0 0 auto}@media (max-width:1100px){.library-heading{flex-wrap:wrap}.library-heading>.toolbar{flex:1 1 100%;flex-wrap:wrap}}@media (max-width:720px){.library-heading{display:flex;gap:12px}.library-heading .library-tabs,.library-heading>.toolbar{width:100%}}@media (min-width:1121px){.nb-grid{--workspace-sidebar-width:clamp(310px,24.5vw,352px);grid-template-columns:var(--workspace-sidebar-width) minmax(430px,1fr) var(--workspace-sidebar-width)}.nb-grid.src-collapsed{grid-template-columns:64px minmax(430px,1fr) var(--workspace-sidebar-width)}.nb-grid.studio-collapsed{grid-template-columns:var(--workspace-sidebar-width) minmax(430px,1fr) 64px}.nb-grid.src-collapsed.studio-collapsed{grid-template-columns:64px minmax(430px,1fr) 64px}}@media (min-width:991px) and (max-width:1120px){.nb-grid{--workspace-sidebar-width:clamp(260px,26vw,300px);grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr) var(--workspace-sidebar-width)}.nb-grid.src-collapsed{grid-template-columns:64px minmax(0,1fr) var(--workspace-sidebar-width)}.nb-grid.studio-collapsed{grid-template-columns:var(--workspace-sidebar-width) minmax(0,1fr) 64px}.nb-grid.src-collapsed.studio-collapsed{grid-template-columns:64px minmax(0,1fr) 64px}}.src-card .src-name{display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.3}.src-card .src-doc{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#58708f}.src-card .src-doc svg{width:19px;height:19px}.src-card .source-type-book{background:#eaf2ff;color:#2563b6}.src-card .source-type-quiz{background:#f5edff;color:#7951a8}.src-card .source-type-audio{background:#e7f7f2;color:#16806d}.src-card .source-type-video{background:#fff0e8;color:#bf6335}.source-image-thumb{width:30px;height:30px;padding:0;border:0;background:transparent;border-radius:5px;overflow:hidden;cursor:zoom-in}.source-image-thumb img{width:100%;height:100%;object-fit:cover}.private-image-preview{max-width:94vw;max-height:92vh;padding:14px;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 24px 70px #10284a40}.private-image-preview::-webkit-backdrop{background:#12233d8c}.private-image-preview::backdrop{background:#12233d8c}.private-image-preview>img{display:block;max-width:88vw;max-height:78vh;object-fit:contain}.image-preview-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;overflow-wrap:anywhere}.image-preview-head button{border:0;background:#eef2f7;border-radius:8px;font-size:24px;min-width:32px;cursor:pointer}.attachment-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.attachment-toolbar small{color:#65748b;font-size:11px}.attachment-upload{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #cbd6e5;border-radius:8px;background:#f7f9fc;color:#365777;font-size:12px;cursor:pointer}.attachment-upload svg{width:18px;height:18px}.chat-attachment-list{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 9px}.chat-attachment-list:empty{display:none}.chat-attachment-card{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex:0 1 250px;padding:7px;border:1px solid #d9e3ef;border-radius:10px;background:#f8faff;color:#284460}.attachment-image{flex:0 0 45px;width:45px;height:45px;border:0;padding:0;border-radius:6px;background:#e9eff7;overflow:hidden;cursor:zoom-in}.attachment-image img{width:100%;height:100%;object-fit:cover}.attachment-file-icon{font-size:28px;padding:3px}.attachment-file-copy{flex:1 1;min-width:0}.attachment-file-copy a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:12px}.attachment-file-copy small{display:block;font-size:10px;color:#65748b;overflow-wrap:anywhere}.attachment-remove{background:transparent;border:0;color:#65748b;font-size:22px;cursor:pointer}.attachment-error{margin:0 0 8px;color:#b42335;font-size:12px}.composer.has-attachments .mic-btn,.composer.has-attachments .send-btn{top:auto;bottom:29px;transform:none}.composer.has-attachments .send-btn:hover:not(:disabled){transform:translateX(2px)}.composer.has-attachments .composer-notice{position:static;margin:0 0 7px;white-space:normal}.composer.has-attachments textarea.has-composer-notice{padding-top:17px}