.ls-mode-wrapper{--ls-font-size:18px;--ls-line-height:1.6;--ls-paragraph-spacing:1.5rem;--ls-max-width:800px;--ls-bg:#fdfdfd;--ls-surface:#fff;--ls-border:#e2e8f0;--ls-accent:#6366f1;--ls-accent-soft:rgba(99,102,241,.05);--ls-text-primary:#1e293b;--ls-text-secondary:#64748b;height:100%;display:flex;flex-direction:column;background:var(--ls-bg);color:var(--ls-text-primary);font-family:var(--font-ui)}.ls-integrated-header{padding:16px 24px;border-bottom:1px solid var(--ls-border);display:flex;justify-content:space-between;align-items:center;background:#fff;z-index:10}.ls-header-left{display:flex;flex-direction:column}.ls-header-right{display:flex;gap:12px}.ls-integrated-canvas{flex:1;overflow-y:auto;padding:40px 24px;display:flex;justify-content:center}.ls-canvas-inner{width:100%;max-width:var(--ls-max-width);animation:fadeIn .6s ease-out}.ls-textbook-content{font-size:var(--ls-font-size);line-height:var(--ls-line-height)}.ls-textbook-content p{margin-bottom:var(--ls-paragraph-spacing)}.ls-textbook-content h2{font-size:2rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.02em}.ls-mini-btn{background:#fff;border:1px solid var(--ls-border);padding:6px 12px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;color:var(--ls-text-secondary)}.ls-mini-btn:hover{background:var(--ls-accent-soft);border-color:var(--ls-accent);color:var(--ls-accent)}.ls-mini-btn.primary{background:var(--ls-accent);color:#fff;border-color:var(--ls-accent)}.ls-expandable{border-left:3px solid var(--ls-border);padding-left:20px;margin:1.5rem 0;cursor:pointer;transition:all .3s}.ls-inline-action{color:var(--ls-accent);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help}.ls-status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ls-accent-soft);color:var(--ls-accent);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ls-switcher-container{position:relative;display:inline-block}.ls-switcher-trigger-wrapper{display:flex;align-items:center;gap:12px}.ls-switcher-btn{display:flex;align-items:center;gap:8px;background:var(--ls-surface);border:1px solid var(--ls-border);padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--ls-text-primary);font-weight:600;font-size:.95rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.ls-switcher-btn.active,.ls-switcher-btn:hover{border-color:var(--ls-accent);background:var(--ls-accent-soft)}.ls-switcher-arrow{transition:transform .2s ease;color:var(--ls-text-secondary)}.ls-switcher-arrow.up{transform:rotate(180deg)}.ls-switcher-confirmation{font-size:.85rem;color:#10b981;font-weight:500;animation:fadeIn .4s ease-out}.ls-switcher-popover{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--ls-border);border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:240px;z-index:100;overflow:hidden;animation:fadeIn .2s ease-out}.ls-popover-header{padding:12px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--ls-text-secondary);letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid var(--ls-border)}.ls-popover-list{list-style:none;padding:8px 0;margin:0}.ls-popover-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.9rem;color:var(--ls-text-primary);transition:background .2s}.ls-popover-item:hover{background:#f1f5f9}.ls-popover-item.selected{color:var(--ls-accent);font-weight:700;background:var(--ls-accent-soft)}.ls-popover-divider{height:1px;background:var(--ls-border);margin:8px 0}.ls-popover-item.continue{color:var(--ls-text-secondary);font-style:italic}.ls-popover-item.continue:hover{color:var(--ls-text-primary)}html[data-theme=dark] .ls-switcher-popover{background:#1e293b}html[data-theme=dark] .ls-popover-header{background:#141d2e}html[data-theme=dark] .ls-popover-item:hover{background:#334155}html[data-theme=dark] .ls-mode-wrapper{--ls-bg:#0f172a;--ls-surface:#1e293b;--ls-border:#334155;--ls-text-primary:#f1f5f9;--ls-text-secondary:#94a3b8;--ls-accent-soft:rgba(99,102,241,.1)}html[data-theme=dark] .ls-integrated-header{background:#141d2e}html[data-theme=dark] .ls-mini-btn{background:#1e293b}