:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f9;--surface:#fff;--surface-2:#f8f9fc;--border:#e6e8ef;--text:#171824;--muted:#717586;--primary:#6847f5;--primary-dark:#5231db;--primary-soft:#eeeaff;--shadow-sm:0 1px 2px #1718240a, 0 2px 8px #1718240a;--shadow-lg:0 22px 55px #1f233921, 0 4px 14px #1f23390f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--surface:#181b23;--surface-2:#1f232d;--border:#2a2f3a;--text:#e7e9f0;--muted:#9aa0b0;--primary:#8a6dff;--primary-dark:#7458f0;--primary-soft:#241d3d;--shadow-sm:0 1px 2px #0006, 0 2px 8px #00000059;--shadow-lg:0 22px 55px #0000008c, 0 4px 14px #0006}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input{font:inherit}button{color:inherit}.app-shell{background:var(--bg);grid-template-columns:238px minmax(0,1fr);width:100vw;min-width:0;height:100dvh;display:grid;overflow:hidden}.main-sidebar{border-right:1px solid var(--border);z-index:5;background:#fffffff5;flex-direction:column;min-height:0;padding:18px 14px 14px;display:flex}.brand-row{align-items:center;gap:10px;height:38px;margin-bottom:18px;padding:0 6px;display:flex}.brand-row strong{letter-spacing:-.5px;font-size:20px}.brand-row .icon-button{margin-left:auto}.logo-mark{color:#fff;background:linear-gradient(145deg,#7a5bff,#5934e8);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #6847f545}.logo-orbit{border:1px solid #fff6;border-radius:50%;position:absolute}.logo-orbit-one{width:28px;height:12px;transform:rotate(35deg)}.logo-orbit-two{width:12px;height:28px;transform:rotate(35deg)}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#f0f1f6}.icon-button.subtle{color:#878b99}.new-course{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7352fa,#5d3ee7);border:0;border-radius:11px;justify-content:flex-start;align-items:center;gap:9px;height:42px;padding:0 14px;font-size:13px;font-weight:700;transition:filter .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #6847f538}.new-course span{flex:1}.new-course:hover{filter:brightness(1.06);box-shadow:0 10px 24px #6847f54d}.new-course kbd{background:#ffffff2e;border:1px solid #ffffff47;border-radius:5px;margin-left:auto;padding:3px 6px;font-family:inherit;font-size:10px;line-height:1}.sidebar-nav{margin-top:23px}.sidebar-nav p{letter-spacing:.09em;color:#9a9dac;margin:0 10px 8px;font-size:10px;font-weight:800}.sidebar-item{color:#555968;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:40px;margin:2px 0;padding:0 10px;display:flex}.sidebar-item span{flex:1;font-size:13px;font-weight:600}.sidebar-item em{text-align:center;color:#777b89;background:#eceef3;border-radius:10px;min-width:24px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-item:hover{background:#f4f5f8}.sidebar-item.active{color:var(--primary-dark);background:var(--primary-soft)}.sidebar-item.active em{color:var(--primary);background:#fff}.recent-projects{border-top:1px solid #eceef3;margin-top:17px;padding-top:17px}.section-label{color:#9a9dac;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 10px 8px;font-size:10px;font-weight:800;display:flex}.recent-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.recent-item:hover,.recent-item.active{background:#f7f7fb}.recent-item .dot{border-radius:3px;flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 2px #fff9}.violet-dot{background:#7352fa}.green-dot{background:#3fc885}.orange-dot{background:#f69b45}.recent-item span{flex-direction:column;min-width:0;display:flex}.recent-item b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.recent-item small{color:#a0a3af;margin-top:3px;font-size:10px}.upgrade-card{background:linear-gradient(145deg,#f5f1ff,#ebe5ff);border:1px solid #ded5ff;border-radius:13px;margin-top:auto;padding:14px}.upgrade-icon{color:#fff;background:linear-gradient(145deg,#8a67ff,#633ff0);border-radius:9px;place-items:center;width:29px;height:29px;margin-bottom:9px;display:grid}.upgrade-card strong{font-size:12px}.upgrade-card p{color:#77728a;margin:6px 0 10px;font-size:10px;line-height:1.5}.upgrade-card button,.upgrade-card a{color:#fff;background:var(--primary);cursor:pointer;text-align:center;border:0;border-radius:8px;place-items:center;width:100%;min-height:31px;font-size:11px;font-weight:700;display:grid}.profile-row{border-top:1px solid #eceef3;align-items:center;gap:9px;margin-top:12px;padding:12px 6px 2px;display:flex}.avatar,.mini-avatar{color:#fff;background:linear-gradient(145deg,#f0a677,#8b5134);place-items:center;font-weight:800;display:grid}.avatar{border-radius:9px;width:32px;height:32px;font-size:10px}.profile-row div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.profile-row b{font-size:11px}.profile-row span{color:#9a9dab;margin-top:2px;font-size:9px}.profile-row>svg{color:#8d909d}.workspace{grid-template-rows:65px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.topbar{border-bottom:1px solid var(--border);z-index:4;background:#fffffff5;justify-content:space-between;align-items:center;gap:18px;padding:0 18px;display:flex}.document-info,.topbar-actions{align-items:center;gap:9px;min-width:0;display:flex}.doc-title{white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.doc-title span{color:#a1a4b0}.doc-title strong{text-overflow:ellipsis;max-width:320px;overflow:hidden}.status-pill{color:#3c9a6b;background:#f1faf5;border-radius:7px;align-items:center;gap:5px;margin-left:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.ai-status-pill{color:#6645e7;background:#f0ecff}.notification{position:relative}.notification i{background:#ff5c75;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.danger-button{color:#b33a45}.danger-button:hover{background:#fff0f1}.secondary-action,.primary-action{cursor:pointer;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.secondary-action{background:#fff;border:1px solid #dfe1e8}.secondary-action:hover{background:#f8f8fb}.primary-action{color:#fff;background:linear-gradient(135deg,#7454f9,#5a39e6);border:0;box-shadow:0 7px 15px #6847f530}.mini-avatar{border-radius:50%;width:31px;height:31px;margin-left:3px;font-size:9px}.editor-shell{grid-template-columns:66px minmax(620px,1fr) 350px;min-width:0;min-height:0;transition:grid-template-columns .28s;display:grid}.panel-collapsed .editor-shell{grid-template-columns:66px minmax(620px,1fr) 0}.tool-sidebar{border-right:1px solid var(--border);z-index:3;background:#fff;flex-direction:column;padding:10px 8px;display:flex}.tool-stack button,.tool-bottom button{color:#777b89;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:50px;height:52px;display:flex}.tool-stack button span{font-size:8px;font-weight:600}.tool-stack button:hover,.tool-bottom button:hover{background:#f4f5f8}.tool-stack button.active{color:var(--primary);background:var(--primary-soft)}.tool-bottom{place-items:center;gap:3px;margin-top:auto;display:grid}.canvas-area{background:#eef0f5;grid-template-rows:52px minmax(0,1fr) 82px;min-width:0;min-height:0;display:grid;position:relative}.canvas-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#ffffffe0;border-bottom:1px solid #e1e3ea;align-items:center;gap:9px;padding:8px 13px;display:flex}.history-controls{align-items:center;gap:2px;display:flex}.history-controls button,.zoom-controls button,.fit-button,.panel-toggle{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;height:32px;display:grid}.history-controls button{color:#737786;width:31px}.history-controls button:hover,.zoom-controls button:hover,.fit-button:hover,.panel-toggle:hover{background:#eceef3}.history-controls span{background:#dcdee5;width:1px;height:22px;margin-left:6px}.selected-chip{color:#696d7b;background:#fff;border:1px solid #e2e3e9;border-radius:8px;align-items:center;gap:6px;min-width:150px;height:32px;padding:0 10px;font-size:10px;display:flex}.selected-chip svg:last-child{margin-left:auto}.zoom-controls{background:#fff;border:1px solid #e1e3e9;border-radius:8px;align-items:center;height:32px;margin-left:auto;display:flex}.zoom-controls button{width:31px}.zoom-controls span{text-align:center;width:45px;font-size:10px;font-weight:700}.fit-button{flex-direction:row;gap:5px;padding:0 9px;font-size:10px;display:flex}.panel-toggle{width:32px}.canvas-scroll{min-height:0;padding:26px 32px 38px;overflow:auto}.canvas-stage{--zoom:.86;width:calc(1024px * var(--zoom));height:calc(710px * var(--zoom));margin:0 auto}.lesson-sheet{width:1024px;height:710px;transform:scale(var(--zoom));transform-origin:0 0;box-shadow:var(--shadow-lg);background:#fffefa;border:1px solid #e8e6df;border-radius:8px;padding:24px 28px 20px;font-family:Trebuchet MS,Segoe UI,sans-serif;position:relative;overflow:hidden}.paper-grid{pointer-events:none;opacity:.35;background-image:radial-gradient(#cfd1da 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.lesson-header{text-align:center;z-index:1;margin-bottom:10px;position:relative}.lesson-header .eyebrow{color:#6f51e9;letter-spacing:.11em;align-items:center;gap:5px;width:max-content;margin:0 auto 7px;font-size:10px;font-weight:900;display:flex}.lesson-header h1{letter-spacing:0;max-width:930px;margin:0 auto;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:25px;line-height:1.04}.lesson-header h1 span{color:#245fdb}.lesson-header p{letter-spacing:0;margin:5px 0 0;font-size:12px;font-weight:700}.header-doodle{color:#2469e7;font-size:30px;font-weight:900;position:absolute;top:19px}.header-doodle.left{left:14px;transform:rotate(-9deg)}.header-doodle.right{right:20px;transform:rotate(14deg)}.lesson-grid{z-index:1;gap:14px;display:grid;position:relative}.top-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:.82fr 1.18fr;margin-top:14px}.course-block{text-align:left;cursor:pointer;background:#ffffffc2;border-radius:13px;width:100%;padding:14px 15px 12px;font-family:inherit;transition:transform .18s,box-shadow .18s;display:block;position:relative}.course-block:hover{transform:translateY(-1px);box-shadow:0 7px 17px #191d2d0f}.course-block.selected{box-shadow:0 0 0 2px #7554fb,0 12px 22px #6847f524}.selection-pill{color:#fff;background:#7352f8;border-radius:6px 6px 0 0;padding:3px 8px;font-family:Inter,sans-serif;font-size:8px;font-weight:700;position:absolute;top:-20px;left:9px}.resize-dot{z-index:3;background:#fff;border:2px solid #7352f8;border-radius:2px;width:7px;height:7px;position:absolute}.top-left{top:-5px;left:-5px}.top-right{top:-5px;right:-5px}.bottom-left{bottom:-5px;left:-5px}.bottom-right{bottom:-5px;right:-5px}.tone-blue{border:2px solid #3474e7}.tone-red{border:2px solid #ef5b59}.tone-green{border:2px solid #48a96b}.tone-violet{border:2px solid #8260d9}.tone-orange{border:2px solid #ef9a3c}.block-title{align-items:center;gap:7px;width:max-content;margin-bottom:9px;font-family:Comic Sans MS,cursive;font-size:15px;font-weight:900;display:flex}.block-title span{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Inter,sans-serif;font-size:11px;display:grid}.block-title.blue{color:#2768d5}.block-title.blue span{background:#2768d5}.block-title.red{color:#e74746}.block-title.red span{background:#e74746}.block-title.green{color:#298a54}.block-title.green span{background:#298a54}.block-title.violet{color:#6f46c7}.block-title.violet span{background:#6f46c7}.block-title.orange{color:#d87817}.block-title.orange span{background:#e88926}.course-block p{margin:6px 0;font-size:12px;line-height:1.45}.need-card,.request-card{height:169px}.need-visual{justify-content:center;align-items:center;gap:15px;height:60px;margin-top:-2px;display:flex}.app-window{background:#fff;border:2px solid #242933;border-radius:6px;width:77px;height:49px;overflow:hidden;transform:rotate(-2deg)}.window-top{background:#e9f1ff;border-bottom:1.5px solid #2c3038;align-items:center;gap:3px;height:11px;padding-left:5px;display:flex}.window-top i{background:#3977df;border-radius:50%;width:3px;height:3px}.window-body{align-items:center;gap:6px;padding:8px;display:flex}.avatar-dot{background:#7c62db;border-radius:50%;width:15px;height:15px}.window-lines{flex:1;gap:4px;display:grid}.window-lines i{background:#b9bdc7;height:2px;display:block}.window-lines i:last-child{width:65%}.request-path{color:#3575dc;align-items:center;gap:1px;display:flex}.request-path span{font-family:Comic Sans MS;font-size:24px;font-weight:900;transform:rotate(-9deg)}.server-rack{gap:3px;width:58px;display:grid}.server-rack i{background:linear-gradient(90deg,#dee2e8 73%,#9edbb3 73%);border:2px solid #282d35;border-radius:4px;height:15px;display:block;box-shadow:2px 2px #c7c9ce}.need-card p{width:49%;position:absolute;bottom:26px;right:14px}.micro-note{color:#4176cb;font-size:9px;font-weight:800;position:absolute;bottom:9px;right:14px}.request-box{background:#fff;border:2px dashed #d7d9df;border-radius:9px;align-items:center;gap:9px;height:38px;margin:10px 0 8px;padding:0 10px;display:flex}.request-box code{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700}.method-pill{color:#fff;border-radius:5px;place-items:center;min-width:48px;height:22px;padding:0 8px;font-family:Inter,sans-serif;font-size:9px;font-style:normal;font-weight:900;display:inline-grid}.method-pill.green{background:#2ca66a}.method-pill.blue{background:#3279e4}.method-pill.orange{background:#e88c2f}.method-pill.red{background:#e75151}.request-meta{color:#6b6f7b;gap:18px;font-size:10px;display:flex}.request-meta b{color:#252936}.annotation-arrow{color:#e24a4b;font-family:Comic Sans MS,cursive;font-size:11px;font-weight:900;position:absolute;bottom:10px;right:14px;transform:rotate(-2deg)}.journey-card{height:173px;margin-top:14px}.flow-map{grid-template-columns:1fr .7fr 1fr .7fr 1fr .7fr 1.1fr;align-items:center;gap:8px;padding:4px 12px 1px;display:grid}.flow-node{background:#fff;border:2px solid #252a34;border-radius:10px;align-content:center;place-items:center;gap:5px;height:69px;display:grid;box-shadow:3px 3px #d7d8dc}.flow-node strong{font-size:10px}.flow-icon{border-radius:8px;place-items:center;width:38px;height:33px;display:grid}.blue-node .flow-icon{color:#2b70dc;background:#e6f0ff}.violet-node .flow-icon{color:#6d47cf;background:#eee7ff}.orange-node .flow-icon{color:#d9761e;background:#fff0df}.green-node .flow-icon{color:#298c58;background:#e5f7ed}.flow-arrow{color:#3b72cb;place-items:center;display:grid}.flow-arrow span{color:#858996;font-size:8px;font-weight:900}.journey-footer{color:#2f8554;justify-content:center;gap:32px;margin-top:9px;font-size:9px;font-weight:800;display:flex}.verbs-card,.response-card{height:153px}.verb-list{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.code-row{background:#fff;border:1.5px solid #d9dbe2;border-radius:8px;align-items:center;gap:8px;height:35px;padding:0 8px;display:flex}.code-row code{font-family:inherit;font-size:10px;font-weight:800}.json-card{color:#d7dde8;background:#212633;border-radius:9px;width:67%;height:83px;padding:9px 12px;position:relative;box-shadow:3px 3px #cacdd5}.json-card code{font-size:9px;line-height:1.5}.json-card b{color:#82c9ff}.json-card em{color:#f2bf6d}.json-card i{color:#9ce5a9;font-style:normal}.json-check{color:#fff;background:#39a66b;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:-9px;right:-16px}.response-card>p{color:#8a531d;width:27%;font-size:10px;font-weight:800;position:absolute;bottom:18px;right:11px}.summary-card{color:#346dd0;background:#f6faffe6;border:2px solid #3674dd;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;height:71px;margin-top:14px;padding:11px 15px;display:grid}.summary-card>svg{color:#f5bd32;stroke:#333}.summary-card div{align-items:center;gap:13px;display:flex}.summary-card strong{font-family:Comic Sans MS;font-size:15px}.summary-card p{color:#2d3038;font-size:11px}.summary-badge{color:#255fbf;background:#e3edff;border-radius:9px;height:34px;padding:0 12px;font-size:9px;font-weight:900}.page-strip{border-top:1px solid var(--border);z-index:2;background:#fffffff2;align-items:center;gap:10px;padding:9px 15px;display:flex}.page-nav{color:#858895;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.page-list{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.page-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:9px;width:80px;height:58px;padding:4px;position:relative}.page-thumb.active{border-color:var(--primary);background:var(--primary-soft)}.page-thumb>span{background:#fff;border-radius:5px;place-items:center;width:15px;height:15px;font-size:8px;font-weight:800;display:grid;position:absolute;bottom:4px;left:5px;box-shadow:0 1px 4px #00000026}.mini-sheet{background:#fff;border:1px solid #dadce3;border-radius:5px;gap:4px;width:100%;height:100%;padding:7px;display:grid;box-shadow:0 2px 5px #1a1e2c12}.mini-sheet i{background:#dfe2e9;border-radius:2px;height:4px;display:block}.mini-sheet i:first-child{width:65%;height:7px}.mini-sheet.blue i:first-child{background:#6b92ef}.mini-sheet.violet i:first-child{background:#9b7ce9}.mini-sheet.orange i:first-child{background:#eea65e}.mini-sheet.green i:first-child{background:#66bf8a}.add-page{color:#8c909d;cursor:pointer;background:#fafbfc;border:1px dashed #c9ccd5;border-radius:9px;place-items:center;width:50px;height:50px;display:grid}.page-count{color:#8d909d;margin-left:auto;font-size:10px;font-weight:600}.ai-panel{border-left:1px solid var(--border);z-index:3;background:#fff;flex-direction:column;min-width:0;transition:opacity .2s;display:flex;overflow:hidden}.panel-collapsed .ai-panel{opacity:0;pointer-events:none}.ai-header{border-bottom:1px solid #eceef3;flex:0 0 61px;justify-content:space-between;align-items:center;height:61px;padding:0 14px;display:flex}.ai-header>div{align-items:center;gap:9px;display:flex}.ai-logo{color:#fff;background:linear-gradient(145deg,#8a68ff,#6040e9);border-radius:10px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 7px 16px #6847f533}.ai-header span{flex-direction:column;display:flex}.ai-header strong{font-size:12px}.ai-header small{color:#9699a7;margin-top:2px;font-size:9px}.context-card{background:linear-gradient(145deg,#faf8ff,#f4f0ff);border:1px solid #e3ddff;border-radius:10px;margin:12px 13px 6px;padding:10px 11px}.context-card div{color:#7052de;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.context-card>strong{margin:5px 0 3px;font-size:11px;display:block}.context-card small{color:#858897;font-size:9px}.assistant-controls{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;margin:0 13px 6px;display:grid}.assistant-controls label{color:#777a88;text-transform:uppercase;font-size:8px;font-weight:850}.assistant-controls select{background:#fff;border:1px solid #dfe1e8;border-radius:8px;height:31px;padding:0 8px;font-size:9px;font-weight:800}.assistant-model-control{align-items:start}.assistant-model-stack{gap:6px;min-width:0;display:grid}.assistant-model-search{background:#fff;border:1px solid #dfe1e8;border-radius:8px;align-items:center;gap:6px;height:31px;padding:0 8px;display:flex}.assistant-model-search svg{color:#777a88}.assistant-model-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;font-size:9px;font-weight:800}.assistant-manual-row{grid-template-columns:minmax(0,1fr) 58px;gap:5px;display:grid}.assistant-manual-row input{background:#fff;border:1px solid #dfe1e8;border-radius:8px;min-width:0;height:29px;padding:0 8px;font-size:8px;font-weight:750}.assistant-manual-row button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;height:29px;font-size:8px;font-weight:850}.assistant-manual-row button:disabled{opacity:.45;cursor:not-allowed}.assistant-model-note{color:#858895;font-size:8px;line-height:1.4}.assistant-model-note.warning{color:#a15a2a}.chat-tabs{border-bottom:1px solid #eceef3;grid-template-columns:1fr 1fr;padding:0 14px;display:grid}.chat-tabs button{color:#9699a5;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:10px}.chat-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:800}.chat-thread{flex:auto;min-height:0;padding:15px 13px 8px;overflow-y:auto}.message{gap:7px;margin-bottom:13px;display:flex}.message.user{justify-content:flex-end}.message.user .bubble{color:#fff;background:linear-gradient(145deg,#7353f8,#6041e9);border-radius:13px 13px 3px;max-width:82%}.message.assistant .bubble{background:#f6f7fa;border:1px solid #e4e6ec;border-radius:3px 13px 13px;width:calc(100% - 38px)}.bot-avatar{color:#6847ef;background:#eeeaff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.bubble{padding:9px 10px 7px}.bubble p{margin:0;font-size:10px;line-height:1.48}.bubble .time{text-align:right;opacity:.65;margin-top:6px;font-size:8px;display:block}.proposal-card{background:#fff;border:1px solid #ded9f7;border-radius:9px;margin-top:9px;overflow:hidden}.proposal-head{color:#6243dc;background:#f2efff;align-items:center;gap:5px;height:29px;padding:0 8px;font-size:8px;font-weight:800;display:flex}.proposal-flow{justify-content:center;align-items:center;gap:4px;padding:11px 6px;display:flex}.proposal-flow span{color:#343948;background:#eef2fb;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800}.proposal-flow b{color:#6b50dd;font-size:9px}.proposal-actions{border-top:1px solid #ececf2;grid-template-columns:1fr 1fr;gap:6px;padding:7px;display:grid}.proposal-actions button{cursor:pointer;background:#fff;border:1px solid #dddfe6;border-radius:6px;height:26px;font-size:8px;font-weight:800}.proposal-actions button.apply{color:#fff;border-color:var(--primary);background:var(--primary)}.suggestions{flex-wrap:wrap;gap:5px;padding:4px 13px 8px;display:flex}.suggestions button{color:#666a78;cursor:pointer;background:#fff;border:1px solid #dedfe6;border-radius:8px;align-items:center;gap:4px;height:25px;padding:0 8px;font-size:8px;display:flex}.suggestions button:hover{color:#6344de;background:#faf8ff;border-color:#cfc4fa}.suggestions button:disabled{opacity:.45;cursor:not-allowed}.composer{border:1px solid #dfe1e8;border-radius:11px;margin:0 13px;box-shadow:0 3px 10px #1a1e2c0a}.attachment-row{flex-wrap:wrap;gap:5px;padding:7px 7px 0;display:flex}.attachment-row button{color:#5f6372;cursor:pointer;background:#f8f8fc;border:1px solid #dedfe7;border-radius:8px;align-items:center;gap:5px;max-width:100%;height:24px;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.attachment-row span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.composer textarea{resize:none;color:#282b37;background:0 0;border:0;outline:0;width:100%;height:51px;padding:10px;font-size:10px;display:block}.composer textarea::placeholder{color:#a5a8b3}.composer-footer{justify-content:space-between;align-items:center;padding:4px 6px 6px;display:flex}.composer-footer>div{display:flex}.composer-footer button{color:#858895;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.composer-footer button:hover{background:#f1f2f6}.composer-footer .send-button{color:#fff;background:var(--primary)}.composer-footer .send-button:hover{background:var(--primary-dark)}.composer-footer .send-button:disabled{opacity:.45;cursor:not-allowed}.ai-disclaimer{text-align:center;color:#a6a9b3;margin:8px 0 10px;font-size:8px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1819236e;place-items:center;display:grid;position:fixed;inset:0}.export-modal{text-align:center;background:#fff;border-radius:18px;width:390px;padding:24px;box-shadow:0 30px 90px #14151f47}.modal-icon{color:#fff;background:linear-gradient(145deg,#8061fb,#5f3fe9);border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 12px;display:grid}.export-modal h2{margin:0;font-size:20px}.export-modal>p{color:#7c7f8c;margin:7px 0 17px;font-size:11px}.export-options{gap:8px;display:grid}.export-options button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e3e9;border-radius:11px;align-items:center;gap:12px;height:58px;padding:0 13px;display:flex}.export-options button:hover{background:#faf8ff;border-color:#cfc4fa}.export-options button>svg{color:#6847ee}.export-options span{flex-direction:column;display:flex}.export-options b{font-size:11px}.export-options small{color:#979aa6;margin-top:3px;font-size:9px}.modal-close{color:#666a77;cursor:pointer;background:#f0f1f5;border:0;border-radius:9px;width:100%;height:36px;margin-top:14px;font-size:10px;font-weight:800}@media (max-width:1320px){.app-shell{grid-template-columns:238px minmax(0,1fr)}.editor-shell{grid-template-columns:60px minmax(560px,1fr) 320px}.panel-collapsed .editor-shell{grid-template-columns:60px minmax(560px,1fr) 0}.topbar-actions .secondary-action:first-of-type{display:none}.tool-stack button,.tool-bottom button{width:44px}}a{color:inherit;text-decoration:none}input,select{font:inherit}.screen-shell{color:#171824;background:#f5f6fa;min-height:100dvh}.screen-state{place-items:center;padding:24px;display:grid}.screen-state-card{border:1px solid var(--border);width:min(430px,100%);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:28px}.screen-state-card h1{letter-spacing:0;margin:14px 0 8px;font-size:28px;line-height:1.08}.screen-state-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.screen-state-actions{margin-top:22px}.screen-state-actions .form-submit{justify-content:center;align-items:center;width:auto;min-width:158px;padding:0 18px;text-decoration:none;display:inline-flex}.marketing-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #e8e9ef;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.brand-lockup{letter-spacing:-.03em;align-items:center;gap:11px;font-size:18px;font-weight:850;display:flex}.brand-lockup small{color:#9396a4;letter-spacing:0;margin-top:2px;font-size:10px;font-weight:600;display:block}.header-actions{align-items:center;gap:10px;display:flex}.ghost-button,.solid-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.ghost-button{background:#fff;border:1px solid #dfe1e8}.solid-button{color:#fff;background:linear-gradient(145deg,#7959f8,#5d3fe7);border:1px solid #6847f5;box-shadow:0 9px 22px #6847f533}.solid-button:disabled{opacity:.55;cursor:not-allowed}.auth-screen{background:#f8f8fb;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);min-height:100dvh;display:grid}.auth-showcase{color:#fff;background:radial-gradient(circle at 17% 20%,#9272fff2,#0000 28%),radial-gradient(circle at 80% 78%,#33cdac47,#0000 25%),linear-gradient(145deg,#201747,#4c2dc3 58%,#2c1a72);padding:62px 7vw;position:relative;overflow:hidden}.auth-showcase:before{content:"";opacity:.17;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.auth-showcase>*{z-index:1;position:relative}.auth-showcase h1{letter-spacing:-.055em;max-width:620px;margin:100px 0 18px;font-size:clamp(44px,5vw,76px);line-height:.98}.auth-showcase>p{color:#ffffffbf;max-width:570px;font-size:16px;line-height:1.7}.auth-demo-sheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:24px;width:min(640px,90%);margin-top:46px;padding:22px;transform:rotate(-2deg);box-shadow:0 35px 85px #0b042c47}.auth-demo-paper{aspect-ratio:16/9;color:#20232d;background:#fffef9;border-radius:14px;padding:23px;box-shadow:0 13px 35px #0a052838}.auth-demo-paper h3{color:#245fd0;margin:0;font-family:Comic Sans MS,cursive;font-size:26px}.auth-demo-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.auth-demo-grid div{background:#fff;border:2px solid;border-radius:13px;height:105px;padding:12px}.auth-demo-grid div:first-child{border-color:#3271db}.auth-demo-grid div:nth-child(2){border-color:#df4646}.auth-demo-grid div:nth-child(3){border-color:#35a55d}.auth-demo-grid b{font-family:Comic Sans MS,cursive;font-size:12px}.auth-demo-grid i{background:#e8e9ef;border-radius:99px;width:60%;height:9px;margin-top:14px;display:block}.auth-form-wrap{background:#fff;place-items:center;padding:45px;display:grid}.auth-card{width:min(430px,100%)}.auth-card h2{letter-spacing:-.04em;margin:36px 0 8px;font-size:31px}.auth-card>p{color:#7c7f8c;margin:0 0 30px;font-size:13px;line-height:1.6}.form-field{gap:8px;margin-bottom:16px;display:grid}.form-field label{font-size:11px;font-weight:800}.form-field input,.form-field select,.form-field textarea{background:#fafbfc;border:1px solid #dfe1e8;border-radius:12px;outline:0;width:100%;transition:all .18s}.form-field input,.form-field select{height:47px;padding:0 13px}.form-field textarea{resize:vertical;min-height:134px;padding:14px;line-height:1.55}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#8b70f6;box-shadow:0 0 0 4px #f0edff}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-submit{color:#fff;cursor:pointer;background:linear-gradient(145deg,#7959f8,#5e40e7);border:0;border-radius:12px;width:100%;height:49px;margin-top:5px;font-weight:850;box-shadow:0 14px 30px #6847f538}.form-submit:disabled{opacity:.55;cursor:wait}.form-error{color:#ad2e38;background:#fff4f5;border:1px solid #f0c7cb;border-radius:10px;margin:14px 0;padding:11px 12px;font-size:11px}.auth-switch{text-align:center;color:#7d808d;margin-top:22px;font-size:12px}.auth-switch a{color:#6344e5;font-weight:800}.demo-credentials{color:#625f70;background:#f5f3ff;border-radius:11px;margin-top:20px;padding:12px;font-size:10px;line-height:1.65}.dashboard-shell{background:#f4f5f9;grid-template-columns:238px minmax(0,1fr);min-height:100dvh;display:grid}.dashboard-sidebar{background:#fff;border-right:1px solid #e3e5ec;flex-direction:column;min-height:100dvh;padding:20px 16px;display:flex}.dashboard-main{min-width:0}.dashboard-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #e6e8ef;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex}.dashboard-topbar.api-topbar{gap:14px}.api-lockup{min-width:0}.api-lockup>span{gap:2px;min-width:0;display:grid}.api-lockup em{color:#5f6675;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:9px;font-style:normal;font-weight:800;display:inline-flex;overflow:hidden}.api-lockup em svg{color:#2b9a62;flex:none}.topbar-live-stats{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-live-stats span{color:#8b8f9d;text-transform:uppercase;background:#fff;border:1px solid #e2e5ee;border-radius:10px;align-content:center;gap:1px;min-width:74px;height:36px;padding:5px 9px;font-size:8px;font-weight:850;display:grid}.topbar-live-stats b{color:#242733;text-overflow:ellipsis;white-space:nowrap;text-transform:none;max-width:120px;font-size:10px;overflow:hidden}.topbar-live-stats span.ok{background:#f3fff7;border-color:#ccebd8}.topbar-live-stats span.warn{background:#fff6f0;border-color:#f0d0bd}.dashboard-content{max-width:1220px;margin:0 auto;padding:38px 34px 70px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.welcome-row h1{letter-spacing:-.045em;margin:0;font-size:31px}.welcome-row p{color:#858895;margin:8px 0 0;font-size:13px}.dashboard-grid{grid-template-columns:minmax(330px,.85fr) minmax(480px,1.45fr);align-items:start;gap:22px;margin-top:28px;display:grid}.generator-column{gap:14px;display:grid}.generator-card,.courses-panel,.import-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e3e5ec;border-radius:19px}.generator-card{padding:24px;position:sticky;top:20px}.import-card{padding:20px}.card-kicker{color:#6847e9;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.generator-card h2,.import-card h2{letter-spacing:-.035em;margin:12px 0 7px;font-size:23px}.generator-card>p,.import-card>p{color:#858895;margin:0 0 18px;font-size:11px;line-height:1.6}.sheet-count-selector{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.sheet-count-selector button{cursor:pointer;background:#fff;border:1px solid #dfe1e8;border-radius:10px;height:38px;font-size:11px;font-weight:800}.sheet-count-selector button.active{color:#fff;background:#6847f5;border-color:#6847f5}.toggle-row{border:1px solid #e4e5ea;border-radius:11px;justify-content:space-between;align-items:center;min-height:44px;margin-top:9px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.toggle-row input{accent-color:#6847f5}.hidden-file-input{display:none}.import-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.import-actions button,.manual-model-row button{color:#30333d;cursor:pointer;background:#fff;border:1px solid #dedfe7;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:9px;font-weight:850;display:inline-flex}.import-actions button:hover,.manual-model-row button:hover{color:#6545e7;background:#faf8ff;border-color:#cfc4fa}.import-actions button:disabled,.manual-model-row button:disabled{opacity:.52;cursor:not-allowed}.source-list{gap:7px;margin-top:12px;display:grid}.source-chip{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e4eb;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:44px;padding:8px 10px;display:flex}.source-chip.selected{background:#f7f4ff;border-color:#8b73f4;box-shadow:inset 0 0 0 1px #8b73f4}.source-chip>svg{color:#6847f5;flex:none}.source-chip span{gap:2px;min-width:0;display:grid}.source-chip b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.source-chip small,.source-empty,.source-selection,.model-warning{color:#858895;font-size:9px;line-height:1.45}.source-selection{margin-top:8px;font-weight:800;display:block}.upload-explanation{color:#394052;background:#f7fbff;border:1px solid #dce9ff;border-radius:10px;margin-top:10px;padding:10px 11px;font-size:10px;line-height:1.55}.model-search{background:#fff;border:1px solid #dfe1e8;border-radius:10px;align-items:center;gap:7px;height:38px;margin-bottom:7px;padding:0 10px;display:flex}.model-search svg{color:#777b89}.model-search input{background:0 0;border:0;outline:0;width:100%;height:100%;font-size:11px;font-weight:700}.manual-model-row{grid-template-columns:minmax(0,1fr) 86px;gap:7px;margin-top:8px;display:grid}.manual-model-row input{background:#fff;border:1px solid #dfe1e8;border-radius:10px;height:38px;padding:0 10px;font-size:10px}.model-warning{color:#a15a2a;margin-top:7px;display:block}.courses-panel{overflow:hidden}.panel-heading{border-bottom:1px solid #eceef3;justify-content:space-between;align-items:center;min-height:70px;padding:0 22px;display:flex}.panel-heading h2{margin:0;font-size:17px}.panel-heading span{color:#9699a7;font-size:10px}.course-list{display:grid}.course-card{border-bottom:1px solid #eceef3;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:124px;padding:20px 22px;transition:all .16s;display:grid}.course-card:last-child{border-bottom:0}.course-card:hover{background:#fafaff}.course-preview{background:#fffef8;border:1px solid #dadde5;border-radius:8px;width:72px;height:54px;padding:7px;box-shadow:0 4px 10px #1f233912}.course-preview i{background:#e3e5eb;border-radius:4px;height:5px;margin-bottom:5px;display:block}.course-preview i:first-child{background:#6f51ec;width:65%;height:7px}.course-preview.has-image{padding:0;overflow:hidden}.course-preview.has-image img{object-fit:cover;width:100%;height:100%;display:block}.course-card h3{margin:0;font-size:13px}.course-card p{color:#818492;text-overflow:ellipsis;white-space:nowrap;max-width:520px;margin:6px 0;font-size:10px;overflow:hidden}.course-meta{color:#999ca8;align-items:center;gap:8px;font-size:9px;display:flex}.status-chip{border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850}.status-chip.ready{color:#268650;background:#e8f7ed}.status-chip.generating{color:#7050d8;background:#f0ecff}.status-chip.failed{color:#b23b43;background:#fff0f1}.course-arrow{background:#fff;border:1px solid #e1e3e9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.courses-panel-footer{color:#6847f5;border-top:1px solid #eceef3;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:11px;font-weight:850;transition:all .16s;display:grid}.courses-panel-footer small{color:#858895;font-size:10px;font-weight:750}.courses-panel-footer:hover{background:#faf8ff}.empty-courses{text-align:center;color:#858895;padding:70px 30px}.empty-courses svg{color:#7454ee}.empty-courses h3{color:#292b36}.loading-skeleton{background:linear-gradient(90deg,#f3f4f7 25%,#fafbfc 45%,#f3f4f7 65%) 0 0/200% 100%;border-bottom:1px solid #eceef3;height:124px;margin:0;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.workspace-content{max-width:1120px}.workspace-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.workspace-card,.workspace-panel,.asset-card,.workspace-empty,.workspace-list{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e3e5ec;border-radius:16px}.workspace-card{flex-direction:column;gap:12px;min-height:260px;padding:22px;display:flex}.workspace-card-icon{color:#6847f5;background:#f0ecff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.workspace-card h2,.asset-card h2,.workspace-empty h2{letter-spacing:-.025em;margin:0;font-size:18px}.workspace-card p,.asset-card p,.workspace-empty p{color:#737786;margin:0;font-size:12px;line-height:1.55}.workspace-card .solid-button{width:100%;margin-top:auto}.template-tags{flex-wrap:wrap;gap:6px;display:flex}.template-tags span{color:#5e43d8;background:#f1edff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.workspace-list{display:grid;overflow:hidden}.workspace-list-row{border-bottom:1px solid #eceef3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:16px 18px;display:grid}.workspace-list-row:last-child{border-bottom:0}.workspace-list-row:hover{background:#fafaff}.workspace-list-row>svg:first-child{color:#6847f5}.workspace-list-row span{gap:4px;min-width:0;display:grid}.workspace-list-row b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.workspace-list-row small{color:#858895;font-size:10px}.workspace-empty{text-align:center;align-content:center;place-items:center;gap:12px;min-height:310px;padding:44px 24px;display:grid}.workspace-empty svg{color:#6847f5}.workspace-empty .solid-button{min-width:170px}.workspace-skeleton{background:linear-gradient(90deg,#f3f4f7 25%,#fafbfc 45%,#f3f4f7 65%) 0 0/200% 100%;border:1px solid #e5e7ee;border-radius:16px;min-height:118px;animation:1.2s infinite shimmer}.workspace-search-box{height:56px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dfe1e8;border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:0 16px;display:flex}.workspace-search-box svg{color:#737786}.workspace-search-box input{background:0 0;border:0;outline:0;width:100%;height:100%;font-size:15px;font-weight:700}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.asset-card{gap:10px;padding-bottom:15px;display:grid;overflow:hidden}.asset-thumb{color:#8b8f9d;background-color:#fffef8;background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid #eceef3;place-items:center;height:150px;display:grid}.asset-card h2,.asset-card p,.asset-card small,.asset-card a{margin-left:15px;margin-right:15px}.asset-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;display:-webkit-box;overflow:hidden}.asset-card small{color:#8d909d;font-size:10px;line-height:1.45}.asset-card a{color:#6847f5;font-size:11px;font-weight:850}.example-showcase{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fbfaff,#fff);border-radius:18px;margin:0 0 22px;padding:22px}.example-showcase-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.example-showcase-head h2{margin:8px 0 4px;font-size:19px}.example-showcase-head p{max-width:560px;color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.example-showcase-cta{color:#fff;white-space:nowrap;background:linear-gradient(145deg,#8061fb,#5f3fe9);border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.example-showcase-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.example-poster{border:1px solid var(--border);background:#fffef8;border-radius:12px;margin:0;overflow:hidden}.example-poster img{aspect-ratio:16/11;object-fit:cover;width:100%;height:auto;display:block}.example-poster figcaption{justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.example-poster figcaption b{font-size:12px}.example-poster figcaption em{color:var(--primary);font-size:10px;font-style:normal;font-weight:800}@media (max-width:760px){.example-showcase-grid{grid-template-columns:1fr}}.settings-grid{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);align-items:start;gap:18px;display:grid}.api-keys-panel{grid-column:1/-1}.api-keys-body{gap:14px;padding:12px 16px 16px;display:grid}.api-keys-hint{color:#7d808c;margin:0;font-size:11px;line-height:1.5}.api-keys-create{flex-wrap:wrap;gap:8px;display:flex}.api-keys-create input{border:1px solid #e4e6ed;border-radius:9px;flex:220px;height:36px;padding:0 12px;font-size:12px}.api-keys-add,.api-keys-copy{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8061fb,#5f3fe9);border:0;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.api-keys-copy{color:#4f5360;background:#f0f1f5}.api-keys-copy.full{justify-content:center;width:100%;margin-top:10px}.api-keys-empty{color:#8b8f9d;margin:0;font-size:11px}.api-keys-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.api-key-row{border:1px solid #eceef3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.api-key-row b{font-size:12px;display:block}.api-key-row small{color:#858895;font-size:10px}.api-key-revoke{color:#a54731;cursor:pointer;background:#fff0e9;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.api-keys-mcp h3{margin:0 0 8px;font-size:12px}.api-keys-mcp pre{background:#f7f8fb;border-radius:10px;margin:0 0 10px;padding:12px;font-size:10px;line-height:1.45;overflow:auto}.api-key-modal .api-key-plaintext{word-break:break-all;text-align:left;background:#f7f8fb;border-radius:8px;padding:10px;font-size:11px;display:block}.workspace-panel{overflow:hidden}.panel-heading.compact{min-height:62px}.settings-list{padding:12px 16px;display:grid}.setting-row{border-bottom:1px solid #eff0f4;justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row span{color:#858895;font-size:11px;font-weight:700}.setting-row b{text-align:right;font-size:12px}.model-list{gap:8px;padding:0 16px 16px;display:grid}.model-row{border:1px solid #eceef3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.model-row span{gap:3px;min-width:0;display:grid}.model-row b{font-size:12px}.model-row small{text-overflow:ellipsis;white-space:nowrap;color:#858895;font-size:10px;overflow:hidden}.model-row em{border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-style:normal;font-weight:850}.model-row em.available{color:#268650;background:#e8f7ed}.model-row em.unavailable{color:#a54731;background:#fff0e9}.generation-overlay{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f5f9db;place-items:center;display:grid;position:absolute;inset:65px 0 0}.generation-card{text-align:center;background:#fff;border:1px solid #e0e1e8;border-radius:19px;width:min(430px,90%);padding:28px;box-shadow:0 28px 80px #1f23392b}.generation-card .spinner{border:4px solid #ece8ff;border-top-color:#6847f5;border-radius:50%;width:44px;height:44px;margin:0 auto 15px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generation-card h2{margin:0;font-size:18px}.generation-card p{color:#7d808c;min-height:36px;font-size:11px;line-height:1.55}.progress-track{background:#eceef4;border-radius:99px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#6847f5,#34c9ac);height:100%;transition:width .35s;display:block}.lesson-sheet.dynamic-sheet{flex-direction:column;height:100%;min-height:660px;display:flex}.dynamic-sheet .lesson-header{flex:none}.dynamic-sheet .lesson-header h1{max-width:930px}.dynamic-board{flex:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(118px,auto);gap:10px;min-height:0;padding:0 16px 12px;display:grid}.dynamic-block{border:2px solid var(--block-color,#3776df);text-align:left;cursor:pointer;background:#ffffffe0;border-radius:14px;min-width:0;padding:13px 14px;position:relative;overflow:hidden;box-shadow:2px 3px #2529380f}.dynamic-block:first-child,.dynamic-block:nth-child(2){grid-column:span 6}.dynamic-block:nth-child(3){grid-column:span 12}.dynamic-block:nth-child(n+4){grid-column:span 6}.dynamic-block.selected{box-shadow:0 0 0 3px #6847f53d,2px 3px #2529380f}.dynamic-block.type-analogy{background:#fffdf0}.dynamic-block.type-summary{background:#f3f8ff}.dynamic-block.type-problem{background:#fff7f7}.dynamic-block.type-success,.dynamic-block.type-solution{background:#f5fff7}.dynamic-block-title{color:#fff;background:var(--block-color,#3776df);text-transform:uppercase;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-family:Comic Sans MS,cursive;font-size:11px;font-weight:900;display:inline-flex;box-shadow:2px 2px #1e202b29}.dynamic-block-title span{width:19px;height:19px;color:var(--block-color,#3776df);background:#fff;border-radius:50%;place-items:center;font-family:Inter,sans-serif;font-size:9px;display:grid}.block-copy p{color:#30333d;margin:12px 2px 8px;font-family:Comic Sans MS,cursive;font-size:12px;line-height:1.48}.visual-composer{border:1.5px dashed color-mix(in srgb,var(--block-color,#3776df) 44%,#dfe2e9);background:color-mix(in srgb,var(--block-color,#3776df) 5%,#fff);border-radius:11px;flex-direction:column;justify-content:center;min-height:74px;margin-top:8px;padding:10px;display:flex}.visual-composer.mode-human{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--block-color,#3776df) 6%,#fff) 100%);min-height:112px}.visual-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.visual-step{align-items:center;gap:7px;display:inline-flex}.visual-flow.mode-human{align-items:flex-end;gap:10px}.visual-flow.mode-human .visual-step{align-items:flex-end}.visual-object{color:#323642;background:#fff;border:1.5px solid #d8dbe4;border-radius:10px;place-items:center;gap:4px;min-width:62px;min-height:55px;padding:7px 8px;display:grid;transform:rotate(-.6deg);box-shadow:2px 2px #30344214}.visual-object.human-object{border-color:color-mix(in srgb,var(--block-color,#3776df) 55%,#d8dbe4);background:#fffef8;min-width:72px;min-height:82px;transform:rotate(-1.5deg)}.visual-object svg{color:var(--block-color,#3776df)}.visual-object span{text-align:center;text-transform:uppercase;max-width:83px;font-size:7px;font-weight:850}.visual-arrow{color:var(--block-color,#3776df);place-items:center;display:grid}.visual-arrow span{background:var(--block-color,#3776df);opacity:.72;border-radius:999px;width:42px;height:2px}.visual-arrow small{text-align:center;max-width:70px;font-size:7px;font-weight:800;display:block}.visual-metaphor{color:#777342;text-align:center;margin-top:8px;font-size:8px;font-style:italic}.illustrated-scene{gap:8px;width:100%;display:grid}.scene-setting{color:var(--block-color,#3776df);border:1px solid color-mix(in srgb,var(--block-color,#3776df) 35%,#e2e4eb);text-transform:uppercase;background:#fff;border-radius:7px;justify-self:start;padding:4px 8px;font-size:8px;font-weight:900}.scene-stage{border:1.5px solid color-mix(in srgb,var(--block-color,#3776df) 30%,#dfe2e9);background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--block-color,#3776df) 7%,#fff) 100%);border-radius:11px;grid-template-columns:minmax(0,1fr) minmax(110px,.85fr);align-items:center;gap:8px;min-height:88px;padding:8px;display:grid}.scene-actors{justify-content:center;align-items:flex-end;gap:8px;min-width:0;display:flex}.scene-actor{text-align:center;justify-items:center;gap:2px;min-width:58px;max-width:86px;display:grid}.scene-actor .person-doodle{transform-origin:bottom;transform:scale(.82)}.scene-actor strong{text-transform:uppercase;font-size:7px;font-weight:900}.scene-actor small{color:#686c79;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px;line-height:1.25;display:-webkit-box;overflow:hidden}.scene-bubbles{gap:5px;display:grid}.scene-bubbles span{color:#30333d;background:#fff;border:1px solid #dfe2ea;border-radius:9px 9px 9px 2px;align-items:center;gap:5px;min-height:27px;padding:5px 7px;font-size:7px;font-weight:750;line-height:1.25;display:flex}.scene-bubbles svg{color:var(--block-color,#3776df);flex:none}.scene-props{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.scene-props .visual-object{min-width:56px;min-height:46px;padding:6px}.person-doodle{width:34px;height:43px;display:block;position:relative}.person-doodle i{background:color-mix(in srgb,var(--block-color,#3776df) 13%,#fff);border:2px solid #252938;border-radius:50%;width:17px;height:17px;position:absolute;top:0;left:9px}.person-doodle b{background:color-mix(in srgb,var(--block-color,#3776df) 24%,#fff);border:2px solid #252938;border-radius:12px 12px 7px 7px;width:29px;height:27px;position:absolute;bottom:0;left:3px}.dynamic-board.layout-before_after .dynamic-block:first-child,.dynamic-board.layout-comparison .dynamic-block:first-child,.dynamic-board.layout-analogy .dynamic-block:first-child{grid-column:span 12}.dynamic-block.render-generated_illustration,.dynamic-block.render-illustrated_scene,.dynamic-block.render-analogy{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(245px,.64fr) minmax(0,1.36fr);gap:8px 14px;display:grid}.dynamic-block.render-generated_illustration .dynamic-block-title,.dynamic-block.render-illustrated_scene .dynamic-block-title,.dynamic-block.render-analogy .dynamic-block-title{grid-column:1/-1;align-self:start}.dynamic-block.render-generated_illustration .block-copy,.dynamic-block.render-illustrated_scene .block-copy,.dynamic-block.render-analogy .block-copy{align-content:start;align-self:stretch;display:grid}.dynamic-block.render-generated_illustration .block-copy p,.dynamic-block.render-illustrated_scene .block-copy p,.dynamic-block.render-analogy .block-copy p{margin-top:10px;font-size:13px;line-height:1.5}.dynamic-block.render-generated_illustration .visual-composer,.dynamic-block.render-illustrated_scene .visual-composer,.dynamic-block.render-analogy .visual-composer{border-style:solid;min-height:330px;margin-top:0;padding:8px}.dynamic-board.generated-count-1 .dynamic-block.render-generated_illustration{min-height:405px!important}.dynamic-board.generated-count-1 .dynamic-block.render-generated_illustration .visual-composer{min-height:350px}.dynamic-board.generated-count-2 .dynamic-block.render-generated_illustration{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);min-height:238px!important}.dynamic-board.generated-count-2 .dynamic-block.render-generated_illustration .visual-composer{min-height:185px}.dynamic-board.generated-count-3 .dynamic-block.render-generated_illustration{grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);padding:10px 12px;min-height:166px!important}.dynamic-board.generated-count-3 .dynamic-block.render-generated_illustration .dynamic-block-title{font-size:10px}.dynamic-board.generated-count-3 .dynamic-block.render-generated_illustration .block-copy p{margin-top:7px;font-size:11px;line-height:1.35}.dynamic-board.generated-count-3 .dynamic-block.render-generated_illustration .visual-composer{min-height:120px;padding:6px}.dynamic-block.render-before_after,.dynamic-block.render-comparison{grid-template-rows:auto auto 1fr;display:grid}.dynamic-block.render-before_after .visual-composer,.dynamic-block.render-comparison .visual-composer{min-height:150px}.scene-renderer{width:100%;min-height:100%}.scene-illustration{background:#fff;border-radius:14px;place-items:center;width:100%;height:100%;min-height:330px;display:grid;overflow:hidden}.scene-illustration img{object-fit:contain;width:100%;height:100%;max-height:none}.dynamic-board.generated-count-2 .scene-illustration{min-height:185px}.dynamic-board.generated-count-3 .scene-illustration{min-height:120px}.scene-placeholder{border:1.5px solid color-mix(in srgb,var(--block-color,#3776df) 28%,#dfe2e9);background:#fff;border-radius:18px;align-content:end;justify-items:center;min-height:280px;padding:16px;display:grid;position:relative;overflow:hidden}.placeholder-sky{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--block-color,#3776df) 10%,#fff),transparent 34%), linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--block-color,#3776df) 6%,#fff) 100%);position:absolute;inset:0}.placeholder-stage{z-index:1;border-bottom:4px solid color-mix(in srgb,var(--block-color,#3776df) 45%,#252938);width:min(92%,420px);height:170px;position:relative}.placeholder-person,.placeholder-system,.placeholder-object{background:#fff;border:3px solid #252938;display:block;position:absolute;box-shadow:5px 5px #25293814}.placeholder-person{background:color-mix(in srgb,var(--block-color,#3776df) 16%,#fff);border-radius:28px 28px 12px 12px;width:54px;height:92px;bottom:0;left:8%}.placeholder-person:before{content:"";background:#fff;border:3px solid #252938;border-radius:50%;width:27px;height:27px;position:absolute;top:-34px;left:12px}.placeholder-system{background:color-mix(in srgb,var(--block-color,#3776df) 9%,#fff);border-radius:16px;width:172px;height:112px;bottom:0;right:8%}.placeholder-system:before,.placeholder-system:after{content:"";background:color-mix(in srgb,var(--block-color,#3776df) 54%,#dfe2e9);border-radius:99px;height:9px;position:absolute;left:20px;right:20px}.placeholder-system:before{top:27px}.placeholder-system:after{top:54px}.placeholder-object{background:#fffdf0;border-radius:18px;width:70px;height:70px;bottom:18px;left:38%;transform:rotate(-8deg)}.scene-placeholder small{z-index:1;color:#686c79;text-align:center;text-transform:uppercase;max-width:88%;margin-top:12px;font-size:9px;font-weight:850;position:relative}.scene-renderer svg{width:100%;height:100%;fill:color-mix(in srgb,var(--block-color,#3776df) 17%,#fff);stroke:#252938;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.scene-environment{border:1px solid color-mix(in srgb,var(--block-color,#3776df) 34%,#dfe2e9);width:max-content;max-width:100%;color:var(--block-color,#3776df);text-transform:uppercase;background:#fff;border-radius:8px;padding:4px 8px;font-size:8px;font-weight:900}.scene-main{border:1.5px solid color-mix(in srgb,var(--block-color,#3776df) 38%,#dfe2e9);background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--block-color,#3776df) 7%,#fff) 100%);border-radius:12px;min-height:198px;margin-top:7px;position:relative;overflow:hidden}.scene-library-layer{grid-template-columns:minmax(105px,.62fr) minmax(0,1.38fr);align-items:end;gap:10px;display:grid;position:absolute;inset:7px}.composition-wide_scene_with_relations .scene-library-layer{grid-template-rows:minmax(78px,.75fr) minmax(78px,1fr);grid-template-columns:minmax(0,1fr)}.scene-actors,.scene-prop-field{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;min-width:0;display:flex}.composition-wide_scene_with_relations .scene-actors{align-items:center}.actor-figure{text-align:center;justify-items:center;gap:2px;min-width:62px;max-width:96px;display:grid}.actor-body{width:42px;height:54px;display:block;position:relative}.actor-body i{background:color-mix(in srgb,var(--block-color,#3776df) 12%,#fff);border:2px solid #252938;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:12px}.actor-body b{background:color-mix(in srgb,var(--block-color,#3776df) 25%,#fff);border:2px solid #252938;border-radius:12px 12px 8px 8px;width:31px;height:34px;position:absolute;bottom:4px;left:6px}.actor-body em{border-top:2px solid #252938;width:42px;height:13px;position:absolute;top:27px;left:0;transform:rotate(-8deg)}.emotion-stressed .actor-body em{border-color:#d74b52;transform:rotate(18deg)}.emotion-positive .actor-body i:after{content:"";border-bottom:2px solid #252938;border-radius:50%;width:7px;height:3px;position:absolute;top:8px;left:5px}.actor-figure strong,.scene-prop strong{text-align:center;text-transform:uppercase;font-size:7px;font-weight:900}.actor-figure small,.scene-prop small{color:#666b79;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:96px;font-size:7px;line-height:1.25;display:-webkit-box;overflow:hidden}.scene-prop{justify-items:center;gap:3px;min-width:68px;max-width:112px;display:grid}.prop-drawing{place-items:center;width:76px;height:55px;display:grid}.prop-monolith .prop-drawing{width:88px;height:70px}.prop-ship .prop-drawing,.prop-boat .prop-drawing{width:96px}.diagram-object{color:#323642;background:#fff;border:1.5px solid #d8dbe4;border-radius:10px;place-items:center;gap:4px;min-width:62px;min-height:55px;padding:7px 8px;display:grid;transform:rotate(-.6deg);box-shadow:2px 2px #30344214}.diagram-object svg{fill:none;width:23px;height:23px;stroke:var(--block-color,#3776df);stroke-width:1.9px}.diagram-object span{text-align:center;text-transform:uppercase;max-width:83px;font-size:7px;font-weight:850}.scene-relations{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:5px;display:flex;position:absolute;inset:auto 9px 8px}.scene-relations span{border:1px solid color-mix(in srgb,var(--block-color,#3776df) 32%,#dfe2e9);color:#30333d;background:#ffffffe0;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:3px 6px;font-size:6px;font-weight:850;display:flex}.scene-relations i,.scene-relations b,.scene-relations em{text-overflow:ellipsis;white-space:nowrap;max-width:54px;font-style:normal;overflow:hidden}.scene-relations em{color:var(--block-color,#3776df)}.scene-speech{gap:5px;width:min(210px,42%);display:grid;position:absolute;top:8px;right:8px}.scene-speech span{color:#30333d;background:#fffffff0;border:1px solid #dfe2ea;border-radius:10px 10px 10px 2px;align-items:center;gap:5px;min-height:27px;padding:5px 7px;font-size:7px;font-weight:750;line-height:1.25;display:flex}.scene-speech svg{color:var(--block-color,#3776df);fill:none;stroke:currentColor;stroke-width:2px;flex:none}.scene-image-layer{background:#fff;place-items:center;display:grid;position:absolute;inset:0}.scene-image-layer img{object-fit:contain;border-radius:10px;width:100%;height:100%}.diagram-scene{align-content:center;gap:8px;display:grid}.diagram-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.diagram-step{align-items:center;gap:7px;display:inline-flex}.diagram-arrow{color:var(--block-color,#3776df);place-items:center;display:grid}.diagram-arrow small{text-align:center;max-width:70px;font-size:7px;font-weight:800;display:block}.comparison-scene{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:8px;min-height:142px;display:grid}.comparison-scene>svg{fill:none;width:24px;height:24px;stroke:var(--block-color,#3776df);stroke-width:2px}.comparison-scene>div{background:#fff;border:1px solid #dfe2e9;border-radius:12px;place-items:center;min-height:118px;padding:8px;display:grid}.timeline-scene{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));align-items:center;gap:8px;min-height:124px;display:grid}.timeline-scene div{text-align:center;background:#fff;border:1px solid #dfe2e9;border-radius:12px;align-content:center;justify-items:center;gap:5px;min-height:76px;padding:9px;display:grid;position:relative}.timeline-scene span{color:#fff;background:var(--block-color,#3776df);border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid}.timeline-scene strong{text-transform:uppercase;font-size:8px}.generated-illustration{object-fit:contain;background:#fff;border-radius:9px;width:100%;max-height:none}.sheet-summary{color:#346dd0;background:#f7fafff0;border:2px solid #3674dd;border-radius:12px;flex:0 0 65px;grid-template-columns:32px auto 1fr;align-items:center;gap:9px;margin:0 20px 16px;padding:9px 13px;display:grid}.sheet-summary strong{font-family:Comic Sans MS,cursive;font-size:13px}.sheet-summary p{color:#30333d;margin:0;font-family:Comic Sans MS,cursive;font-size:10px}.block-editor{background:#fbfbfd;border:1px solid #e3e4eb;border-radius:10px;margin:7px 13px 0;padding:10px}.block-editor label{color:#777a88;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:850;display:block}.block-editor input,.block-editor textarea{background:#fff;border:1px solid #dfe1e8;border-radius:8px;outline:0;width:100%;font-size:9px}.block-editor input{height:31px;padding:0 8px}.block-editor textarea{resize:vertical;height:65px;margin-top:7px;padding:8px;line-height:1.4}.block-editor-actions{gap:6px;margin-top:7px;display:flex}.block-editor-actions button{cursor:pointer;background:#fff;border:1px solid #dfe1e8;border-radius:7px;flex:1;height:29px;font-size:8px;font-weight:850}.block-editor-actions button.primary{color:#fff;background:#6847f5;border-color:#6847f5}.version-list{flex:1;align-content:start;gap:8px;min-height:0;padding:10px 13px;display:grid;overflow:auto}.version-row{background:#fff;border:1px solid #e2e4eb;border-radius:10px;gap:4px;padding:10px;display:grid}.version-row b{font-size:10px}.version-row span{color:#666a78;font-size:9px}.version-row small,.version-empty{color:#9a9daa;font-size:9px}.version-empty{text-align:center;padding:20px 10px}.toast{z-index:60;background:#fff;border:1px solid #dedfe6;border-radius:11px;max-width:340px;padding:12px 15px;font-size:11px;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 38px #1f23392b}.toast.success{color:#267b4b;background:#f2fff6;border-color:#bee4cb}.toast.error{color:#aa3038;background:#fff5f5;border-color:#f0c4c8}.hidden-export-pages{pointer-events:none;width:960px;position:fixed;top:0;left:-10000px}.hidden-export-pages .lesson-sheet{width:960px;height:540px;transform:none!important}@media (max-width:1040px){.auth-screen{grid-template-columns:1fr}.auth-showcase{display:none}.dashboard-shell,.app-shell{grid-template-columns:76px minmax(0,1fr)}.dashboard-sidebar .brand-row strong,.dashboard-sidebar .sidebar-item span,.dashboard-sidebar .sidebar-nav p,.dashboard-sidebar .new-course span,.dashboard-sidebar .new-course kbd,.dashboard-sidebar .upgrade-card,.dashboard-sidebar .profile-row div{display:none}.dashboard-sidebar .new-course{justify-content:center;width:44px;padding:0}.dashboard-sidebar .recent-item span{display:none}.dashboard-sidebar .profile-row{justify-content:center}.sidebar-switchers{flex-direction:column;align-items:center;gap:8px;margin:10px auto 0}.sidebar-lang{width:44px;margin:10px auto 0}.sidebar-switchers .sidebar-lang{width:44px}.sidebar-lang.lang-switcher,.sidebar-lang.theme-switcher{flex-direction:column;gap:2px}.sidebar-lang.lang-switcher button,.sidebar-lang.theme-switcher button{width:100%;min-width:0}.dashboard-topbar{padding:0 18px}.topbar-live-stats{display:none}.dashboard-grid{grid-template-columns:1fr}.generator-card{position:static}.editor-shell{grid-template-columns:56px minmax(0,1fr) 300px}.panel-collapsed .editor-shell{grid-template-columns:56px minmax(0,1fr) 0}}@media (max-width:860px){.editor-shell{grid-template-columns:56px minmax(0,1fr) 0}.ai-panel,.panel-toggle{display:none}.dashboard-content{padding:24px 18px 60px}.welcome-row{flex-direction:column;align-items:flex-start;gap:12px}.workspace-card-grid,.asset-grid{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-shell,.app-shell{grid-template-columns:60px minmax(0,1fr)}.dashboard-sidebar{padding:16px 8px}.dashboard-topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:10px 14px}.header-actions{flex-wrap:wrap}.header-actions .ghost-button span,.header-actions .ghost-button{font-size:11px}.dashboard-content{padding:18px 14px 56px}.welcome-row h1{font-size:24px}.canvas-toolbar{flex-wrap:wrap;gap:6px;height:auto;padding:8px}.canvas-area{grid-template-rows:auto minmax(0,1fr) auto}.selected-chip{display:none}.zoom-controls{margin-left:0}.topbar{gap:8px;padding:0 12px}.doc-title-input{width:min(180px,42vw)}.topbar-actions .secondary-action{display:none}.export-modal{width:min(420px,94vw)}.toast{max-width:none;left:12px;right:12px}}.doc-title-input{color:#282b36;background:0 0;border:0;outline:0;width:min(340px,32vw);font-size:13px;font-weight:800}.tool-bottom button:disabled,.history-controls button:disabled{opacity:.35;cursor:not-allowed}.new-course{text-decoration:none}.lang-switcher{background:#fff;border:1px solid #dfe1e8;border-radius:9px;align-items:center;gap:0;padding:2px;display:inline-flex}.lang-switcher button{color:#737786;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:30px;height:26px;padding:0 8px;font-size:10px;font-weight:800}.lang-switcher button.active{color:#fff;background:linear-gradient(145deg,#7959f8,#5d3fe7)}.lang-switcher button:not(.active):hover{color:#5e43d8;background:#f1edff}.theme-switcher{background:#fff;border:1px solid #dfe1e8;border-radius:9px;align-items:center;gap:0;padding:2px;display:inline-flex}.theme-switcher button{color:#737786;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:26px;display:grid}.theme-switcher button.active{color:#fff;background:linear-gradient(145deg,#7959f8,#5d3fe7)}.theme-switcher button:not(.active):hover{color:#5e43d8;background:#f1edff}.auth-theme-switcher{z-index:4;position:absolute;top:20px;right:96px}.auth-lang-switcher{z-index:4;position:absolute;top:20px;right:22px}.sidebar-switchers{gap:8px;margin:10px 6px 0;display:flex}.sidebar-switchers .sidebar-lang{flex:1;justify-content:center;margin:0}.sidebar-lang{margin:10px 6px 0}.recent-item{text-decoration:none}.chat-thread{scrollbar-width:thin}.field-help{color:#8b8e9b;margin-top:6px;font-size:10px;line-height:1.45;display:block}.render-mode-toggle{background:#f7f8fb;border:1px solid #e1e3ea;border-radius:10px;align-items:center;gap:3px;height:34px;padding:3px;display:flex}.render-mode-toggle button{color:#777b89;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.render-mode-toggle button.active{color:#5737e8;background:#fff;box-shadow:0 2px 8px #292d441a}.render-mode-toggle button:disabled{cursor:not-allowed;opacity:.42}.lesson-sheet.poster-sheet{width:1024px;height:576px;box-shadow:var(--shadow-lg);background:#fff;border-radius:10px;padding:0}.poster-sheet-frame{border-radius:inherit;background:#fff;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.poster-sheet-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.hidden-export-pages .lesson-sheet.poster-sheet{width:1024px;height:576px}.generation-card-detailed{text-align:left;width:min(560px,92%);padding:24px 26px 22px}.generation-heading{grid-template-columns:48px 1fr auto;align-items:center;gap:13px;display:grid}.generation-heading .spinner{width:42px;height:42px;margin:0}.generation-heading h2{margin:2px 0 0}.generation-heading>strong{color:#5b3eed;text-align:center;background:#f0edff;border-radius:10px;min-width:54px;padding:8px 10px;font-size:14px}.generation-kicker{color:#8a70ff;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.generation-message{margin:18px 0 10px;color:#565a68!important;min-height:auto!important;font-size:12px!important}.asset-counter{color:#6044df;background:#f8f6ff;border:1px solid #ddd6ff;border-radius:9px;align-items:center;gap:7px;width:max-content;margin-bottom:10px;padding:7px 10px;font-size:10px;font-weight:850;display:flex}.generation-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.generation-steps>div{color:#a0a3af;text-align:center;background:#fafafe;border:1px solid #ececf2;border-radius:10px;justify-items:center;gap:6px;min-width:0;padding:9px 7px;display:grid}.generation-steps i{background:#e9eaf0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;font-weight:900;display:grid}.generation-steps span{font-size:8px;font-weight:850;line-height:1.25}.generation-steps>div.active{color:#5d43dc;background:#f7f5ff;border-color:#cfc6ff}.generation-steps>div.active i{color:#fff;background:#6847f5;box-shadow:0 0 0 4px #6847f51c}.generation-steps>div.done{color:#278156;background:#f3fff8;border-color:#c8ead8}.generation-steps>div.done i{color:#fff;background:#38a66f}.generation-note{color:#9295a1;text-align:center;margin-top:15px;font-size:9px;line-height:1.45;display:block}@media (max-width:1180px){.render-mode-toggle button{padding:0 7px}.render-mode-toggle button svg{display:none}}.poster-regenerate{color:#676b79;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dedfe7;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:9px;font-weight:850;display:inline-flex}.poster-regenerate:hover:not(:disabled){color:#5c3ee7;background:#faf8ff;border-color:#cfc5ff}.poster-regenerate.dirty{color:#8c4d00;background:#fff8e9;border-color:#f4c37d}.poster-regenerate:disabled{cursor:not-allowed;opacity:.55}.mini-sheet.poster-thumb{background:#fff;padding:0;overflow:hidden}.mini-sheet.poster-thumb img{object-fit:cover;width:100%;height:100%}.canvas-scroll{position:relative}.sheet-regeneration-overlay{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#363947;text-align:center;background:#f4f5f9c2;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.sheet-regeneration-overlay .spinner{border:4px solid #e6e1ff;border-top-color:#6847f5;border-radius:50%;width:38px;height:38px;animation:.85s linear infinite spin}.sheet-regeneration-overlay strong{font-size:13px}.sheet-regeneration-overlay span{color:#777b88;font-size:10px}.wallet-card{background:linear-gradient(150deg,#f3efff,#eef4ff);border:1px solid #e2dcf7;border-radius:14px;margin-top:14px;padding:13px 14px}.wallet-head{align-items:center;gap:9px;display:flex}.wallet-icon{color:#fff;background:#6847f5;border-radius:9px;place-content:center;width:30px;height:30px;display:grid}.wallet-balance{align-items:baseline;gap:4px;line-height:1;display:flex}.wallet-balance b{color:#2b2740;font-size:18px}.wallet-balance small{color:#6f7384;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.wallet-plan{text-transform:uppercase;letter-spacing:.04em;color:#6847f5;background:#fff;border:1px solid #e2dcf7;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.wallet-card p{color:#6f7384;margin:9px 0 10px;font-size:11px;line-height:1.4}.wallet-cta{color:#6847f5;font-size:12px;font-weight:600;display:inline-block}.cost-hint{color:#6f7384;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 10px;font-size:12px;display:flex}.cost-hint b{color:#2b2740}.form-error.token-error{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.form-error.token-error a{font-weight:600;text-decoration:underline}.payment-status-banner{background:#fff;border:1px solid #dfe1e8;border-radius:12px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:11px;margin:0 0 18px;padding:13px 14px;display:grid;box-shadow:0 8px 22px #2123370d}.payment-status-banner strong{color:#25283a;margin-bottom:3px;font-size:13px;display:block}.payment-status-banner p{color:#626779;margin:0;font-size:12.5px;line-height:1.45}.payment-status-banner.pending{color:#6847f5;background:#f8f6ff;border-color:#d9d2f5}.payment-status-banner.success{color:#267b4b;background:#f2fff6;border-color:#bee4cb}.payment-status-banner.error{color:#aa3038;background:#fff5f5;border-color:#f0c4c8}.spin-icon{animation:.8s linear infinite spin}.currency-switch{background:#f1f2f7;border:1px solid #e6e7ef;border-radius:999px;gap:2px;margin-bottom:18px;padding:3px;display:inline-flex}.currency-switch button{color:#6f7384;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:600}.currency-switch button.active{color:#2b2740;background:#fff;box-shadow:0 2px 6px #21233714}.pricing-alt-price{color:#9a9ead;margin:-4px 0 0;font-size:12px}.pricing-note.subtle{color:#9a9ead;background:0 0;border:none;padding:6px 0 0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.pricing-card{background:#fff;border:1px solid #e8e9f0;border-radius:18px;flex-direction:column;gap:10px;padding:22px 20px;display:flex;position:relative;box-shadow:0 8px 22px #2123370a}.pricing-card.featured{border-color:#6847f5;box-shadow:0 14px 36px #6847f529}.pricing-card.current{border-color:#36a45f}.pricing-card.skeleton{background:#f4f5f9;min-height:320px}.pricing-flag{color:#fff;background:#6847f5;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-11px;left:20px}.pricing-card h3{color:#2b2740;margin:0;font-size:18px}.pricing-price{align-items:baseline;gap:2px;display:flex}.pricing-price strong{color:#1f2030;font-size:26px}.pricing-price span{color:#6f7384;font-size:12px}.pricing-tokens{color:#6847f5;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.pricing-desc{color:#6f7384;min-height:36px;margin:0;font-size:13px}.pricing-features{gap:7px;margin:6px 0;padding:0;list-style:none;display:grid}.pricing-features li{color:#4a4d5e;align-items:center;gap:7px;font-size:12.5px;display:flex}.pricing-features svg{color:#36a45f;flex:none}.pricing-cta{color:#fff;cursor:pointer;background:#6847f5;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:11px 14px;font-size:14px;font-weight:600;display:inline-flex}.pricing-cta:disabled{cursor:default;opacity:.85}.pricing-cta.ghost{color:#6f7384;background:#f1f2f7}.pricing-cta.current{color:#36a45f;background:#eaf7ef}.pricing-note{color:#6f7384;background:#f6f4ff;border:1px dashed #d9d2f5;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:12.5px}.settings-billing-link{color:#6847f5;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;display:inline-flex}.sheet-watermark{z-index:6;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.sheet-watermark-tile{opacity:.14;flex-wrap:wrap;gap:26px 44px;display:flex;transform:rotate(-28deg)scale(1.4)}.sheet-watermark-tile span{font-family:var(--font-display,"Fraunces", serif);letter-spacing:.06em;color:#1f2030;white-space:nowrap;font-size:22px;font-weight:700}.lesson-sheet{position:relative}.google-auth-button{color:#2a2d3a;background:#fff;border:1px solid #e4e6ef;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:12px;font-weight:700;text-decoration:none;display:flex}.admin-tabs{gap:8px;margin:20px 0;display:flex}.admin-tab{cursor:pointer;background:#fff;border:1px solid #e4e6ef;border-radius:999px;padding:8px 16px}.admin-tab.active{color:#5e40e7;background:#f0ebff;border-color:#c9b8ff;font-weight:700}.admin-provider-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.admin-provider-card{background:#fff;border:1px solid #ececf3;border-radius:16px;padding:16px}.admin-provider-card header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-toggle,.admin-default{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.form-success{color:#166534;background:#ecfdf3;border-radius:10px;margin:12px 0;padding:10px 12px}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-header-actions .secondary-button{align-items:center;gap:6px;display:inline-flex}.admin-login-screen{background:radial-gradient(120% 120% at 50% 0,#1c1a2e 0%,#0e0d18 60%);place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login-card{background:#fff;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 30px 70px #00000073}.admin-login-badge{color:#5e40e7;background:#f0ebff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.admin-login-card h1{margin:4px 0 0;font-size:22px}.admin-login-card>p{color:#6b6b7b;margin:0 0 4px;font-size:14px;line-height:1.5}.cookie-banner{z-index:80;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-banner-inner{pointer-events:auto;background:#fff;border:1px solid #e6e8ef;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 20px;width:min(720px,100%);padding:16px 18px;display:flex;box-shadow:0 18px 50px #1f23392e}.cookie-banner-text{flex:280px;min-width:0}.cookie-banner-text strong{color:#171824;margin-bottom:4px;font-size:14px;display:block}.cookie-banner-text p{color:#5f6675;margin:0;font-size:12.5px;line-height:1.55}.cookie-banner-link{color:#2f63d6;font-weight:700;text-decoration:underline}.cookie-banner-actions{flex:none;gap:8px;display:flex}.cookie-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;height:40px;padding:0 16px;font-size:13px;font-weight:700}.cookie-btn-ghost{color:#4f5360;background:#f1f2f7;border-color:#e6e8ef}.cookie-btn-ghost:hover{background:#e9eaf1}.cookie-btn-primary{color:#fff;background:#2f63d6;box-shadow:0 10px 24px -8px #2f63d680}.cookie-btn-primary:hover{background:#1f49ae}.cookie-btn:focus-visible{outline-offset:2px;outline:3px solid #1c6fcc}@media (max-width:560px){.cookie-banner{bottom:10px;left:10px;right:10px}.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}html[data-theme=dark] .lang-switcher,html[data-theme=dark] .theme-switcher{background:#1f232d;border-color:#333a48}html[data-theme=dark] .lang-switcher button,html[data-theme=dark] .theme-switcher button{color:#9aa0b0}html[data-theme=dark] .lang-switcher button:not(.active):hover,html[data-theme=dark] .theme-switcher button:not(.active):hover{color:#b9a8ff;background:#2b2540}html[data-theme=dark] .main-sidebar,html[data-theme=dark] .dashboard-sidebar{border-color:var(--border);background:#181b23f5}html[data-theme=dark] .brand-row strong,html[data-theme=dark] .welcome-row h1,html[data-theme=dark] .generator-card h2,html[data-theme=dark] .import-card h2,html[data-theme=dark] .workspace-card h2,html[data-theme=dark] .asset-card h2,html[data-theme=dark] .workspace-empty h2,html[data-theme=dark] .panel-heading h2{color:var(--text)}html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .sidebar-item:hover,html[data-theme=dark] .recent-item:hover,html[data-theme=dark] .recent-item.active{background:#242833}html[data-theme=dark] .sidebar-item{color:#aeb3c2}html[data-theme=dark] .sidebar-item em{color:#aeb3c2;background:#2a2f3a}html[data-theme=dark] .sidebar-item.active{color:#c4b4ff;background:var(--primary-soft)}html[data-theme=dark] .sidebar-item.active em{color:var(--primary);background:#181b23}html[data-theme=dark] .recent-projects,html[data-theme=dark] .profile-row{border-color:#262b35}html[data-theme=dark] .recent-item b,html[data-theme=dark] .profile-row b{color:var(--text)}html[data-theme=dark] .topbar,html[data-theme=dark] .dashboard-topbar,html[data-theme=dark] .marketing-header{border-color:var(--border);background:#181b23db}html[data-theme=dark] .doc-title strong,html[data-theme=dark] .topbar-live-stats b{color:var(--text)}html[data-theme=dark] .topbar-live-stats span{border-color:var(--border);background:var(--surface);color:var(--muted)}html[data-theme=dark] .topbar-live-stats span.ok{background:#11241a;border-color:#1f4733}html[data-theme=dark] .topbar-live-stats span.warn{background:#271a10;border-color:#4a3320}html[data-theme=dark] .secondary-action,html[data-theme=dark] .ghost-button{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .secondary-action:hover,html[data-theme=dark] .ghost-button:hover{background:#242833}html[data-theme=dark] .screen-shell,html[data-theme=dark] .dashboard-shell{background:var(--bg);color:var(--text)}html[data-theme=dark] .screen-state-card,html[data-theme=dark] .generator-card,html[data-theme=dark] .courses-panel,html[data-theme=dark] .import-card,html[data-theme=dark] .workspace-card,html[data-theme=dark] .workspace-panel,html[data-theme=dark] .asset-card,html[data-theme=dark] .workspace-empty,html[data-theme=dark] .workspace-list,html[data-theme=dark] .api-key-row,html[data-theme=dark] .model-row,html[data-theme=dark] .workspace-search-box{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .workspace-search-box input{color:var(--text)}html[data-theme=dark] .course-card:hover,html[data-theme=dark] .workspace-list-row:hover,html[data-theme=dark] .courses-panel-footer:hover{background:#20242e}html[data-theme=dark] .course-card,html[data-theme=dark] .workspace-list-row,html[data-theme=dark] .panel-heading,html[data-theme=dark] .loading-skeleton{border-color:#262b35}html[data-theme=dark] .course-card h3,html[data-theme=dark] .workspace-list-row b,html[data-theme=dark] .empty-courses h3{color:var(--text)}html[data-theme=dark] .workspace-skeleton,html[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,#1c2028 25%,#242935 45%,#1c2028 65%) 0 0/200% 100%}html[data-theme=dark] .example-showcase{border-color:var(--border);background:linear-gradient(#1b1e27,#181b23)}html[data-theme=dark] .example-poster{background:var(--surface-2);border-color:var(--border)}html[data-theme=dark] .form-field input,html[data-theme=dark] .form-field select,html[data-theme=dark] .form-field textarea,html[data-theme=dark] .api-keys-create input,html[data-theme=dark] .model-search,html[data-theme=dark] .manual-model-row input,html[data-theme=dark] .assistant-controls select,html[data-theme=dark] .block-editor input,html[data-theme=dark] .block-editor textarea{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .model-search input{color:var(--text)}html[data-theme=dark] .form-field input:focus,html[data-theme=dark] .form-field select:focus,html[data-theme=dark] .form-field textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px #8a6dff2e}html[data-theme=dark] .sheet-count-selector button,html[data-theme=dark] .import-actions button,html[data-theme=dark] .source-chip,html[data-theme=dark] .toggle-row{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .sheet-count-selector button{color:var(--muted);border-color:#3a4150}html[data-theme=dark] .sheet-count-selector button:hover{color:var(--text);border-color:#4a5263}html[data-theme=dark] .sheet-count-selector button.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}html[data-theme=dark] .source-chip b{color:var(--text)}html[data-theme=dark] .source-chip.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}html[data-theme=dark] .auth-screen{background:var(--bg)}html[data-theme=dark] .auth-form-wrap{background:var(--surface)}html[data-theme=dark] .auth-card h2{color:var(--text)}html[data-theme=dark] .auth-card>p,html[data-theme=dark] .auth-switch{color:var(--muted)}html[data-theme=dark] .google-auth-button{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .demo-credentials{background:var(--primary-soft);color:#c3bce0}html[data-theme=dark] .tool-sidebar,html[data-theme=dark] .ai-panel{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .tool-stack button,html[data-theme=dark] .tool-bottom button{color:#9aa0b0}html[data-theme=dark] .tool-stack button:hover,html[data-theme=dark] .tool-bottom button:hover{background:#242833}html[data-theme=dark] .tool-stack button.active{color:var(--primary);background:var(--primary-soft)}html[data-theme=dark] .canvas-area{background:#0c0e13}html[data-theme=dark] .canvas-toolbar{border-color:var(--border);background:#181b23e0}html[data-theme=dark] .history-controls button:hover,html[data-theme=dark] .zoom-controls button:hover,html[data-theme=dark] .fit-button:hover,html[data-theme=dark] .panel-toggle:hover{background:#242833}html[data-theme=dark] .selected-chip,html[data-theme=dark] .zoom-controls{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .page-strip{border-color:var(--border);background:#181b23f2}html[data-theme=dark] .ai-header,html[data-theme=dark] .chat-tabs{border-color:#262b35}html[data-theme=dark] .ai-header strong{color:var(--text)}html[data-theme=dark] .message.assistant .bubble{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .context-card{background:var(--surface-2);border-color:var(--border)}html[data-theme=dark] .context-card>strong{color:var(--text)}html[data-theme=dark] .context-card small{color:var(--muted)}html[data-theme=dark] .block-editor{background:var(--surface-2);border-color:var(--border)}html[data-theme=dark] .block-editor-actions button{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .block-editor-actions button:hover{border-color:#4a5263}html[data-theme=dark] .block-editor-actions button.primary{background:var(--primary);border-color:var(--primary);color:#fff}html[data-theme=dark] .composer{background:var(--surface-2);border-color:var(--border)}html[data-theme=dark] .composer textarea{color:var(--text)}html[data-theme=dark] .composer-footer button:hover{background:#242833}html[data-theme=dark] .suggestions button,html[data-theme=dark] .attachment-row button{background:var(--surface-2);border-color:var(--border);color:#aeb3c2}html[data-theme=dark] .setting-row{border-color:#262b35}html[data-theme=dark] .setting-row b{color:var(--text)}html[data-theme=dark] .api-key-row,html[data-theme=dark] .model-row{border-color:#262b35}html[data-theme=dark] .api-key-row b,html[data-theme=dark] .model-row b{color:var(--text)}html[data-theme=dark] .api-keys-mcp pre,html[data-theme=dark] .api-key-modal .api-key-plaintext{color:#d4d7e0;background:#0c0e13}html[data-theme=dark] .api-keys-copy{background:var(--surface-2);color:#c3c6d2}html[data-theme=dark] .wallet-card{background:linear-gradient(150deg,#211b3a,#1a2236);border-color:#322a52}html[data-theme=dark] .wallet-balance b{color:var(--text)}html[data-theme=dark] .wallet-plan{background:var(--surface);border-color:#322a52}html[data-theme=dark] .payment-status-banner{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .payment-status-banner strong{color:var(--text)}html[data-theme=dark] .payment-status-banner p{color:var(--muted)}html[data-theme=dark] .payment-status-banner.pending{background:var(--primary-soft);color:#c4b4ff;border-color:#3a2f63}html[data-theme=dark] .payment-status-banner.success{color:#6ee7a8;background:#11271a;border-color:#1f4733}html[data-theme=dark] .payment-status-banner.error{color:#ffa3ab;background:#2a1416;border-color:#5a2a2f}html[data-theme=dark] .pricing-card{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .pricing-card h3,html[data-theme=dark] .pricing-price strong{color:var(--text)}html[data-theme=dark] .pricing-card.skeleton{background:var(--surface-2)}html[data-theme=dark] .currency-switch{background:var(--surface-2);border-color:var(--border)}html[data-theme=dark] .currency-switch button.active{background:var(--surface);color:var(--text)}html[data-theme=dark] .pricing-note{background:var(--primary-soft);border-color:#3a2f63}html[data-theme=dark] .pricing-cta.ghost{background:var(--surface-2);color:var(--muted)}html[data-theme=dark] .admin-tab,html[data-theme=dark] .admin-provider-card{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .admin-tab.active{background:var(--primary-soft);color:#c4b4ff;border-color:#4a3c8a}html[data-theme=dark] .form-success{color:#6ee7a8;background:#11271a}html[data-theme=dark] .export-modal,html[data-theme=dark] .generation-card,html[data-theme=dark] .api-key-modal{background:var(--surface);color:var(--text)}html[data-theme=dark] .export-modal h2,html[data-theme=dark] .generation-card h2{color:var(--text)}html[data-theme=dark] .export-options button{background:var(--surface-2);border-color:var(--border);color:var(--text)}html[data-theme=dark] .modal-close{background:var(--surface-2);color:#c3c6d2}html[data-theme=dark] .toast{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .toast.success{color:#6ee7a8;background:#11271a;border-color:#1f4733}html[data-theme=dark] .toast.error{color:#ffa3ab;background:#2a1416;border-color:#5a2a2f}html[data-theme=dark] .cookie-banner-inner{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .cookie-banner-text strong{color:var(--text)}html[data-theme=dark] .cookie-banner-text p{color:var(--muted)}html[data-theme=dark] .cookie-banner-link{color:#8fb0ff}html[data-theme=dark] .cookie-btn-ghost{background:var(--surface-2);border-color:var(--border);color:#c3c6d2}html[data-theme=dark] .cookie-btn-ghost:hover{background:#242833}