/* Uses the shared private-study shell and global navigation; only learning content is scoped here. */
.ps-app.ps-workspace-mode:has(.dl-root)[data-ws-nav-open=true]{grid-template-columns:175px minmax(0,1fr)}
.ps-app.ps-workspace-mode:has(.dl-root)>.ps-content{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.dl-root{font-family:var(--sprout-font-ui,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);--dl-line:var(--ps-line,#e3eaf3);--dl-muted:var(--ps-muted,#76859a);--dl-paper:var(--ps-paper,#fff);color:var(--ps-text,#24354c);font-size:14px;line-height:1.65;display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;background:var(--dl-paper);container:learning / inline-size}
.ps-app .dl-root button,.ps-app .dl-root input,.ps-app .dl-root textarea,.ps-app .dl-root select{font:inherit;color:inherit;letter-spacing:0}
.ps-app .dl-root button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--dl-line);border-radius:4px;background:transparent;padding:5px 9px;cursor:pointer;box-shadow:none;min-height:30px}
.ps-app .dl-root button:disabled{opacity:.45;cursor:default}
.ps-app .dl-root button.dl-primary{background:#347cf1;color:white;border-color:#347cf1}
.dl-root :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #347cf1;outline-offset:2px}
.dl-root .icon{width:18px;height:18px;flex:none}
.dl-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dl-line);padding:10px 16px;flex:none;min-height:48px;box-sizing:border-box}
.dl-toolbar>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}
.dl-toolbar h1{font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:24px;margin:0;white-space:nowrap}
.dl-history{position:relative}.dl-history summary{cursor:pointer;white-space:nowrap}.dl-history>div{position:absolute;right:0;top:100%;z-index:10;width:280px;max-height:360px;overflow:auto;background:var(--dl-paper);border:1px solid var(--dl-line);padding:6px;box-shadow:0 8px 22px #10274015}
.ps-app .dl-history button{display:flex;justify-content:space-between;gap:10px;min-width:0;width:100%;border:0;border-radius:0;padding:8px;text-align:left;font-size:13px}.dl-history small{color:var(--dl-muted);white-space:nowrap}
.dl-root :is(h1,h2,h3){font-family:inherit}
.dl-root h2{font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:24px;margin:0 0 8px}.dl-root h3{font-size:14px;font-weight:500;line-height:22px;margin:16px 0 6px}
/* Entry and history share one scroll surface; the lesson player keeps its own layout. */
.dl-entry-page{flex:1;min-height:0;overflow:auto}
.dl-entry-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding:20px 24px;align-items:start}
.dl-start{min-width:0;width:100%;box-sizing:border-box;padding:0}
.dl-start .dl-composer{display:block;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);overflow:hidden}
.dl-composer:focus-within{border-color:var(--dl-accent,#216ad6)}
.dl-start .dl-composer textarea{border:0;border-radius:0;outline-offset:-2px;margin:0}
.dl-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-top:1px solid var(--dl-line)}
.dl-composer-toolbar>button{white-space:nowrap;flex:none}
.dl-composer-toolbar>button:first-child{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--dl-muted)}
.dl-composer .dl-upload-option{padding:10px;min-height:0;border-top:1px solid var(--dl-line)}
.dl-entry-help{color:var(--dl-muted);font-size:13px;margin:8px 0}
.dl-start .dl-style-compact{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--dl-line);border-radius:4px}
.dl-style-compact small{color:var(--dl-muted)}
.dl-style-compact>button:last-of-type{margin-left:auto;color:var(--dl-accent,#216ad6)}
.dl-welcome-teacher{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dl-welcome-teacher small{color:var(--dl-accent,#216ad6)}
.dl-welcome-teacher label{margin-left:auto;min-width:0}
.dl-welcome-teacher select{max-width:100%;border:0;background:var(--dl-paper);color:var(--dl-accent,#216ad6);font:inherit}
.dl-entry-page>.dl-method-entry{margin:0 24px;padding:8px 12px;border-radius:0;background:transparent;border-top:1px solid var(--dl-line);border-bottom:1px solid var(--dl-line)}
.dl-intro p{margin:0 0 12px;color:var(--dl-muted)}
.dl-entry-tabs{display:flex;gap:20px;border-bottom:1px solid var(--dl-line);margin-bottom:10px}
.ps-app .dl-entry-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:6px 2px;font-weight:400;min-height:34px}
.ps-app .dl-entry-tabs button[aria-selected=true],.ps-app .dl-entry-tabs button[aria-pressed=true]{color:var(--dl-accent,#216ad6);border-bottom-color:currentColor}
.dl-start [hidden]{display:none}
.dl-start textarea{display:block;box-sizing:border-box;width:100%;min-height:108px;border:1px solid var(--dl-line);border-radius:4px;padding:10px;background:var(--dl-paper);resize:vertical}
.dl-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}
.dl-entry-actions>span{font-size:13px;color:var(--dl-muted)}
.dl-entry-actions>button{flex:none}
.dl-upload-option{padding:0 0 12px;min-height:160px}
.dl-upload-option p{color:var(--dl-muted);margin:4px 0 10px;font-size:13px}
.dl-upload-option input{display:block;max-width:100%;margin-bottom:12px}
.dl-upload-option label{display:block;margin-bottom:6px}
.dl-upload-option select{box-sizing:border-box;width:100%;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);padding:7px 28px 7px 8px;margin-bottom:9px}
.dl-method-entry,.dl-resume{display:flex;justify-content:space-between;align-items:center;gap:12px;background:color-mix(in srgb,var(--dl-accent,#216ad6) 7%,transparent);padding:10px 12px;border-radius:4px}
.dl-method-entry>div,.dl-resume>div{min-width:0}
.dl-method-entry small,.dl-resume small{display:block;color:var(--dl-muted);font-size:12px;margin-top:2px}
.ps-app .dl-method-entry button{border:0;color:var(--dl-accent,#216ad6);flex:none}
.dl-promise{display:flex;justify-content:space-between;gap:12px;padding-top:12px;color:var(--dl-muted);font-size:13px}
.dl-entry-top .dl-teacher-welcome{padding:0;gap:10px;overflow:visible;min-height:0;max-height:none;border:0}
.dl-teacher-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dl-teacher-heading h2{margin:0}.dl-teacher-heading>span{color:var(--dl-muted);font-size:12px}
.dl-teacher-choices{max-width:560px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ps-app .dl-teacher-choices button{display:flex;flex-direction:column;gap:4px;padding:0;border:0;min-width:0;background:transparent;font-size:12px;border-radius:0}
.dl-teacher-choices img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;object-position:center 30%;border:2px solid transparent;border-radius:4px}
.dl-teacher-choices button[aria-pressed=true]{color:var(--dl-accent,#216ad6)}
.dl-teacher-choices button[aria-pressed=true] img{border-color:var(--dl-accent,#216ad6)}
.dl-entry-preview{position:relative;max-width:560px}.dl-entry-preview .dl-avatar-wrap{width:100%;max-width:none}.dl-entry-preview .dl-teacher-state{display:none}
.ps-app .dl-entry-preview>button{position:absolute;bottom:8px;left:8px;z-index:4;color:#fff;background:transparent;border:0;min-height:32px;text-shadow:0 1px 3px #10243a,0 0 1px #10243a}
.ps-app .dl-entry-preview>button .icon{filter:drop-shadow(0 1px 2px #10243a)}
.dl-entry-preview .dl-caption{bottom:44px}
.dl-entry-top .dl-welcome-note{padding:0;margin:0;color:var(--dl-muted);font-size:13px}
.dl-records{padding:18px 24px 12px;min-width:0}
.dl-records-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.dl-records-heading h2{margin:0}.dl-records-heading h2>span{font-size:12px;color:var(--dl-muted);margin-left:6px}
.dl-root .dl-records-heading input{box-sizing:border-box;width:230px;padding:6px 9px;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper)}
.dl-resume{margin-bottom:8px}.dl-resume span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-resume>button{flex:none}
.dl-records-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dl-muted)}
.dl-records-tools .dl-entry-tabs{margin:0;border:0}.dl-records-tools>span{font-size:12px}
.dl-records-list{overflow:auto;border-top:1px solid var(--dl-line)}
.dl-records table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;min-width:650px}
.dl-records :is(th,td){text-align:left;font-weight:400;padding:8px 10px 8px 0;border-bottom:1px solid var(--dl-line);vertical-align:middle}
.dl-records th{color:var(--dl-muted);font-size:12px}.dl-records th:first-child{width:29%}.dl-records th:nth-child(2){width:19%}.dl-records th:nth-child(3){width:22%}.dl-records th:nth-child(4){width:16%}
.dl-records td>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-app .dl-records td button{border:0;color:var(--dl-accent,#216ad6);padding:2px 0;white-space:nowrap}
.dl-history-empty{padding:24px 12px;color:var(--dl-muted);font-size:14px;border-bottom:1px solid var(--dl-line)}
.dl-records-note{color:var(--dl-muted);font-size:12px;margin:10px 0 0}
@container learning (max-width:850px){.dl-entry-top{grid-template-columns:1fr;gap:16px;padding:16px}.dl-entry-top .dl-teacher-welcome{border:0;border-top:1px solid var(--dl-line);padding:14px 0 0}.dl-entry-preview{max-width:560px}.dl-teacher-choices{max-width:560px}.dl-records{padding:16px}.dl-records-heading{flex-wrap:wrap}}
.dl-error{padding:10px 16px;color:#b34a35;background:#c4512e0a;margin:0;font-size:13px;flex:none}.dl-loading{padding:35px;color:var(--dl-muted)}
.dl-progress{margin:auto;width:min(650px,90%);padding:30px;box-sizing:border-box;overflow:auto}.dl-progress>p{color:var(--dl-muted)}.dl-progress ol{list-style:none;padding:0;margin:24px 0}.dl-progress li{border-left:2px solid var(--dl-line);padding:10px 16px;margin:0 0 8px}.dl-progress li[data-done=true]{border-color:#347cf1}.dl-progress small{display:block;color:var(--dl-muted);margin-top:4px}.dl-progress progress{width:100%;height:6px;accent-color:#347cf1}.dl-progress-actions{display:flex;gap:12px;margin-top:20px}
.dl-tabs{display:flex;gap:15px;flex:none}.ps-app .dl-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:6px 0;font-weight:400}.ps-app .dl-tabs button[aria-selected=true]{color:#347cf1;border-bottom-color:#347cf1}
.dl-learning-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,30%);flex:1;min-height:0;overflow:hidden}.dl-welcome-content{min-width:0;min-height:0;overflow:auto;display:flex}.dl-welcome-note{padding:6px 2px}.dl-welcome-note p{margin:0;color:var(--dl-muted)}.dl-learning-content{min-width:0;min-height:0;overflow:hidden}.dl-diagrams{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.dl-thumbnails{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--dl-line);padding:6px;min-height:0;max-height:166px}
.ps-app .dl-thumbnails button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:0;border-bottom:2px solid transparent;border-radius:0;width:140px;padding:6px;font-size:13px;text-align:left;gap:6px;min-width:0;flex:0 0 140px;height:auto;margin:0;box-sizing:border-box}.dl-thumb-title{flex:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;height:40px;overflow-wrap:anywhere;white-space:normal}.dl-thumb-art{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#347cf10a;border:1px solid var(--dl-line);box-sizing:border-box;flex:none}.dl-thumb-art::after{content:"";position:absolute;inset:0;background:rgba(58,68,84,.3);pointer-events:none;opacity:1}.dl-thumbnails button[aria-current="true"] .dl-thumb-art::after{opacity:0}.dl-thumb-number{z-index:1}
.dl-thumb-number{position:absolute;top:3px;left:3px;font-size:11px;line-height:17px;min-width:21px;text-align:center;background:var(--dl-paper);color:var(--dl-muted);border:1px solid var(--dl-line);border-radius:2px}.ps-app .dl-thumbnails button[aria-current]{border-bottom-color:#347cf1;background:#347cf110;color:#347cf1}.dl-thumbnails button[aria-current] .dl-thumb-art{border-color:#347cf1}
.dl-diagram-stage{padding:8px 12px;min-width:0;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:6px}.dl-slide-viewport{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.dl-slide-viewport>.dl-page-image{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;object-fit:contain;background:transparent}.dl-slide-viewport>.dl-diagram-svg{width:100%;height:100%;min-height:0;max-height:none}.dl-diagram-stage>.dl-original{flex:none;margin:0}.dl-slide-notes{flex:none;font-size:13px}.dl-slide-notes[open]{max-height:30%;overflow:auto}.dl-diagram-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.dl-diagram-heading h2{margin:0;flex:1 1 220px}.ps-app .dl-diagram-heading button{font-size:12px;flex:none;padding:3px 6px}.dl-diagram-stage>p{font-size:13px;color:var(--dl-muted);margin:8px 0 12px}
.dl-diagram-svg{display:block;width:100%;max-height:310px;min-height:200px;background:linear-gradient(130deg,#edf5ff,#f5f8fc);border-radius:4px}.dl-diagram-svg rect{fill:#fff;stroke:#9fbfe9;stroke-width:1.3}.dl-diagram-svg text{fill:#284f80;font-family:var(--sprout-font-ui,system-ui);font-size:16px}.dl-diagram-svg .dl-edges path{fill:none;stroke:#7a9fcf;stroke-width:2}.dl-diagram-svg marker path{fill:#7a9fcf}
.dl-node-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px}.dl-node-details b{font-size:13px;font-weight:500}.dl-node-details p{font-size:12px;color:var(--dl-muted);margin:3px 0}.dl-relations{font-size:12px;line-height:1.7;color:var(--dl-muted)}
.dl-caption{position:absolute;left:10px;right:10px;bottom:30px;z-index:3;height:48px;padding:5px 10px;box-sizing:content-box;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none;border:0;box-shadow:none;border-radius:0;background:transparent;color:#fff;font-size:14px;font-weight:400;line-height:24px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:-1px 0 1px #000a,1px 0 1px #000a,0 -1px 1px #000a,0 1px 1px #000a,0 2px 4px #000c}.dl-caption[hidden]{display:none}.dl-caption::-webkit-scrollbar{display:none}.dl-caption-track{position:relative;padding-bottom:0;border:0;box-shadow:none}.dl-caption p{margin:0;min-height:24px;color:inherit;border:0;box-shadow:none;background:transparent}.dl-caption p[hidden]{display:none}.dl-caption p span{background:transparent;padding:0;border-radius:0}.dl-caption p[aria-current=true]{color:#fff}.dl-caption:focus-visible{outline:2px solid #8cc7ff;outline-offset:2px}.dl-original{font-size:12px;color:var(--dl-muted);display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0}.ps-app .dl-original button,.ps-app .dl-chat-message>div button{border:0;color:#347cf1;padding:0 3px;font-size:12px;min-height:22px}
.dl-transport{position:absolute;left:0;right:0;bottom:0;z-index:4;box-sizing:border-box;width:100%;padding:10px 8px 5px;border:0;border-radius:0;background:linear-gradient(transparent,rgba(6,17,31,.72));color:#fff;opacity:0;pointer-events:none;transition:opacity .16s ease}.dl-transport-row{display:flex;align-items:center;gap:3px;min-width:0}.ps-app .dl-transport button{color:#fff;border:0;background:transparent;font-size:12px;white-space:nowrap;padding:2px 4px;min-height:32px;min-width:32px;flex:none}.ps-app .dl-transport button:hover:not(:disabled),.ps-app .dl-transport button[aria-pressed=true]{background:#ffffff20}.dl-transport button:focus-visible,.dl-transport input:focus-visible{outline-color:#fff;outline-offset:-2px}.dl-transport #dl-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;text-align:center}.dl-root #dl-seek{display:block;box-sizing:border-box;width:100%;height:16px;margin:0 0 2px;padding:0;cursor:pointer;accent-color:#fff;background:transparent;appearance:none;-webkit-appearance:none;border:0;border-radius:0}.dl-root #dl-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#fff var(--dl-progress,0%),#ffffff70 var(--dl-progress,0%));border-radius:0}.dl-root #dl-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;background:white;border:0;border-radius:50%}.dl-root #dl-seek::-moz-range-track{height:3px;background:#ffffff70}.dl-root #dl-seek::-moz-range-thumb{width:11px;height:11px;background:white;border:0;border-radius:50%}.dl-root #dl-seek:disabled{opacity:.45;cursor:default}.dl-teacher[data-mode=session] .dl-avatar-wrap .dl-caption{bottom:18px;height:48px;padding:3px 8px;line-height:24px}

.dl-teacher{border-left:1px solid var(--dl-line);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px;gap:10px}.dl-avatar-wrap{position:relative;height:auto;aspect-ratio:16/9;flex:none;background:radial-gradient(ellipse at center,#e1edff,#f4f7fc);border-radius:4px;overflow:hidden}.dl-avatar{height:100%;width:100%;position:relative}.dl-avatar canvas{position:relative;display:block;width:100%;height:100%;z-index:1}.dl-teacher-poster{position:absolute;inset:0;display:block;height:100%;width:100%;object-fit:cover}.dl-avatar[data-model=ready] .dl-teacher-poster{display:none}.dl-teacher-state{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;gap:6px;z-index:2;color:#324b6e;font-size:12px;pointer-events:none}.dl-teacher-state span:last-child{max-width:70%;text-align:right}.dl-teacher-brand{position:absolute;right:10px;top:10px;width:76px;height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px #132238b3)}.dl-teacher-state{top:auto;bottom:8px}
/* Calm question-and-answer area, shared by day and night themes. */
.dl-chat-log{overflow:auto;min-height:80px;flex:1;scrollbar-width:thin;overscroll-behavior:contain}
.dl-chat-empty{height:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dl-muted);text-align:center}.dl-chat-empty>span{font-size:15px;color:var(--ps-text,#24354c)}.dl-chat-empty p{font-size:13px;margin:6px 0}
.dl-chat-message{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:14px}.dl-chat-message[data-role=user]{flex-direction:row-reverse}.dl-chat-avatar{width:28px;height:28px;flex:none;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:var(--dl-chat-answer,#f2f4f7);color:var(--dl-muted)}.dl-chat-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(2.8);transform-origin:50% 26%}.dl-chat-body{max-width:calc(100% - 42px);min-width:0}.dl-chat-bubble{background:var(--dl-chat-answer,#f2f4f7);padding:9px 11px;border-radius:4px;color:inherit}.dl-chat-message[data-role=user] .dl-chat-bubble{background:var(--dl-chat-question,#eaf1fa)}.dl-chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.dl-chat-pending{font-size:13px;color:var(--dl-muted)}
#dl-chat-form{flex:none;margin:0}.dl-composer{display:flex;align-items:center;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);min-width:0;gap:6px;padding:4px}.dl-root #dl-question{box-sizing:border-box;flex:1;min-width:0;width:0;resize:none;max-height:100px;min-height:40px;height:44px;padding:10px 4px;background:transparent;border:0;border-radius:0;font-size:13px;line-height:22px}.ps-app .dl-root #dl-chat-form button{font-size:13px;min-height:40px;padding:6px;background:transparent;color:inherit;border:0;flex:none}.ps-app .dl-root #dl-chat-form .dl-mic-button{display:inline-flex;align-items:center;gap:5px;border-right:1px solid var(--dl-line);border-radius:0;padding:6px 8px 6px 4px}.dl-root .dl-mic-button .icon{width:22px;height:22px;fill:none;stroke:currentColor}.ps-app .dl-root #dl-chat-form .dl-mic-button[aria-pressed=true]{color:#b75436;background:#b7543610}.ps-app .dl-root #dl-chat-form .dl-send{width:32px}.dl-mic-note{font-size:12px;color:var(--dl-muted);margin:0;text-align:center}.ps-app .dl-root .dl-back{border:0;padding:3px 0}
body.dark .dl-teacher{--dl-chat-answer:#223448;--dl-chat-question:#293d52}body.dark .dl-chat-empty>span{color:#e1eaf6}
.dl-concepts{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0}.dl-concepts>aside{border-right:1px solid var(--dl-line);display:flex;flex-direction:column;padding:12px;overflow:hidden}.dl-concepts label{font-size:12px;color:var(--dl-muted)}.dl-concepts input{box-sizing:border-box;width:100%;min-height:32px;border:1px solid var(--dl-line);border-radius:4px;padding:5px 7px;background:var(--dl-paper);margin:6px 0 10px}.dl-concepts nav{overflow:auto;min-height:0}.ps-app .dl-concepts nav button{display:block;text-align:left;border:0;border-left:2px solid transparent;border-radius:0;width:100%;padding:8px;font-size:13px}.ps-app .dl-concepts nav button[aria-current]{background:#347cf110;border-left-color:#347cf1;color:#347cf1}.dl-concepts>section{padding:20px;overflow:auto}.dl-related{display:flex;flex-wrap:wrap;gap:7px}.ps-app .dl-related button{font-size:12px}.dl-concept-diagrams{display:grid;gap:8px;margin-top:20px}.ps-app .dl-concept-diagrams button{font-size:12px;justify-content:flex-start}
.dl-source-dialog{box-sizing:border-box;width:min(850px,90vw);max-height:85dvh;overflow:hidden;border:1px solid var(--line,#dae2ee);border-radius:4px;background:var(--panel,#fff);color:var(--ink,#24354c);padding:18px}.dl-source-dialog[open]{display:flex;flex-direction:column}.dl-source-body{overflow:auto;min-height:0;overscroll-behavior:contain}.dl-source-heading{flex:none}.dl-source-heading h2{min-width:0;overflow-wrap:anywhere;margin:0}.dl-source-heading button{flex:none}.dl-source-dialog::backdrop{background:#0b1d3655;backdrop-filter:blur(5px)}.dl-source-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.dl-source-heading h2{font-size:15px;font-weight:400}.dl-source-heading button{border:1px solid var(--line,#dae2ee);border-radius:4px;background:transparent;color:inherit;padding:5px 10px;cursor:pointer}.dl-source-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.9 var(--sprout-font-ui,system-ui)}
body.dark .dl-root{--dl-accent:#8bbcff;--dl-paper:#10233a;--dl-line:#2b405b;--dl-muted:#9eb2cd;color:#e1eaf6;background:var(--dl-paper)}body.dark .dl-avatar-wrap{background:radial-gradient(ellipse at center,#284362,#152b45)}body.dark .dl-teacher-state{color:#324b6e}body.dark .dl-diagram-svg{background:linear-gradient(130deg,#153153,#172b42)}body.dark .dl-diagram-svg rect{fill:#1a3553;stroke:#5685b5}body.dark .dl-diagram-svg text{fill:#e0edfc}body.dark .dl-error{color:#f3b8a7}body.dark .dl-source-dialog{background:#10233a;color:#e1eaf6;border-color:#2b405b}

.dl-thumb-art .dl-diagram-svg{min-height:0;max-height:none;height:100%;width:100%;border-radius:0}.dl-thumb-art .dl-diagram-svg text{display:none}.dl-thumb-art .dl-diagram-svg rect,.dl-thumb-art .dl-diagram-svg .dl-edges path{vector-effect:non-scaling-stroke;stroke-width:1px}

/* Full illustrated pages keep their original proportions; public thumbnails are separate small files. */
.dl-page-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:4px}.dl-thumb-art .dl-page-image{width:100%;height:100%;border-radius:0}.dl-original a{color:#347cf1}.dl-intro>button{margin-top:12px}
@container learning (max-width:950px){
 .dl-welcome-grid .dl-teacher-welcome{min-height:0;max-height:none} .dl-learning-grid{display:block;overflow:auto;flex:1;min-height:0}.dl-learning-content{overflow:visible}.dl-diagrams{height:auto;min-height:420px;overflow:visible}.dl-thumbnails{max-height:166px}.dl-diagram-stage{overflow:visible}.dl-teacher{border-left:0;border-top:1px solid var(--dl-line);min-height:440px;max-height:680px;overflow:visible}.dl-chat-log{min-height:80px;max-height:200px}.dl-avatar-wrap{height:auto;max-width:560px;width:100%;align-self:center}
}
@container learning (max-width:660px){
 .dl-diagrams{display:flex;flex-direction:column}.dl-thumbnails{flex:none}.ps-app .dl-thumbnails button{width:140px;flex:0 0 140px}.dl-diagram-stage{padding:12px}.dl-node-details{grid-template-columns:1fr}.dl-concepts{grid-template-columns:150px minmax(0,1fr);min-height:420px;height:auto}.dl-start-options{grid-template-columns:1fr;gap:20px}.dl-upload-option{border-left:0;border-top:1px solid var(--dl-line);padding:18px 0 0}.dl-or{display:none}
}

/* Option rows share the bookroom navigation's 44px target. */
.dl-teacher-picker{display:flex;align-items:center;gap:12px;flex:none;margin-bottom:8px;min-height:var(--ps-option-height,44px)}
.dl-teacher-picker label{white-space:nowrap;font-size:14px}
.dl-root .dl-teacher-picker select{flex:1;min-width:0;height:var(--ps-option-height,44px);padding:0 28px 0 10px;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);color:inherit}
/* Keep teacher selection calm; keyboard focus uses the shared thin underline. */
.ps-app .dl-root .dl-teacher-picker select:focus{outline:none;box-shadow:none}
.ps-app .dl-root .dl-teacher-picker select:focus-visible{box-shadow:inset 0 -2px 0 var(--sprout-select-focus,#647f9b)}
.ps-app .dl-root :is(.dl-concepts nav,.dl-history) button{height:var(--ps-option-height,44px);min-height:var(--ps-option-height,44px);overflow:hidden}
.dl-history button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-root .dl-upload-option select{height:var(--ps-option-height,44px)}

@media(pointer:coarse){.dl-root #dl-seek{height:24px}.ps-app .dl-transport button{min-height:36px}}

/* Reveal controls on intentional interaction; opacity keeps keyboard entry available. */
.dl-avatar-wrap:focus-visible{outline:2px solid #8cc7ff;outline-offset:2px}
.dl-avatar-wrap[data-keyboard-controls]:focus-within .dl-transport,.dl-avatar-wrap[data-controls=visible] .dl-transport{opacity:1;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.dl-avatar-wrap:hover .dl-transport{opacity:1;pointer-events:auto}}
.dl-brand-intro{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#081422;color:#f6f9ff;pointer-events:none}
.dl-brand-intro[hidden]{display:none}.dl-brand-intro img{width:32%;max-width:160px;height:auto;animation:dl-brand-arrive .5s ease-out both}.dl-brand-intro span{font-size:14px;letter-spacing:3px}.dl-brand-intro small{font-size:12px;color:#c5d0df}
.dl-avatar-wrap[data-intro=true] .dl-teacher-brand{opacity:0}
@keyframes dl-brand-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.dl-brand-intro img{animation:none}.dl-transport{transition:none}}

/* Generation stays in the entry workspace; only saved diagrams are previews. */
.dl-root .dl-generation-topic{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--dl-line);border-radius:4px;margin:10px 0 16px;min-width:0}.dl-generation-topic>span{overflow-wrap:anywhere}.dl-generation-topic small{flex:none;color:var(--dl-muted)}
.dl-root .dl-progress-inline{margin:0;padding:0;max-width:none;width:auto;align-self:stretch}.dl-generation-status{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px;line-height:24px}.dl-generation-status [data-done=true]{color:var(--accent,#347cf1)}.dl-root .dl-progress-inline>progress{display:block;width:100%;height:4px;margin:8px 0 10px;accent-color:var(--accent,#347cf1)}.dl-root .dl-progress-inline .dl-generation-hint{font-size:13px;color:var(--dl-muted);margin:0 0 12px;line-height:22px}
.dl-generation-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ps-app .dl-generation-gallery .dl-generation-card{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);color:inherit;overflow:hidden;font-size:13px;font-weight:400}.dl-generation-card-heading{display:flex;align-items:center;gap:8px;padding:6px 8px;min-width:0;border-bottom:1px solid var(--dl-line);font-size:13px}.dl-generation-card-heading>span{flex:none;color:var(--accent,#347cf1);font-variant-numeric:tabular-nums}.dl-generation-card-heading>b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-generation-art{display:flex;position:relative;width:100%;aspect-ratio:16/9;align-items:center;justify-content:center;overflow:hidden}.dl-generation-art .dl-diagram-svg{height:100%;width:100%;min-height:0;max-height:none;border-radius:0}.dl-generation-art .dl-page-image{height:100%;width:100%;object-fit:contain;border-radius:0}.dl-generation-pending .dl-generation-art{gap:10px;flex-direction:column;background:color-mix(in srgb,var(--dl-paper) 90%,#347cf1);color:var(--dl-muted);font-size:13px}.dl-generation-spinner{width:20px;height:20px;border:2px solid var(--dl-line);border-top-color:var(--accent,#347cf1);border-radius:50%;animation:dl-generate-spin 1.2s linear infinite}.dl-generation-queue{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0;color:var(--dl-muted);font-size:12px}.dl-generation-queue>span{padding:2px 7px;background:color-mix(in srgb,var(--dl-paper) 93%,#347cf1);border-radius:4px}.dl-generation-queue small{font-size:12px}.dl-generation-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--dl-muted);font-size:12px}.dl-root .dl-progress-inline .dl-progress-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0}.ps-app .dl-progress-inline .dl-progress-actions button{font-size:13px;padding:4px 8px}.dl-root .dl-progress-inline .dl-progress-timing{font-size:12px;color:var(--dl-muted);line-height:20px;margin:8px 0 0}
.dl-generation-dialog{width:min(960px,92vw);max-height:90dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--line,#dae2ee);border-radius:4px;background:var(--panel,#fff);color:var(--ink,#24354c);padding:12px}.dl-generation-dialog::backdrop{background:#0b1d3666;backdrop-filter:blur(4px)}.dl-generation-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin-bottom:10px}.dl-generation-dialog-heading button{border:1px solid var(--line,#dae2ee);border-radius:4px;background:transparent;color:inherit;padding:4px 10px;cursor:pointer}.dl-generation-dialog-art{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.dl-generation-dialog-art>*{max-width:100%;max-height:100%;width:100%;height:100%;min-height:0}.dl-generation-dialog>p{font-size:14px;line-height:1.7;margin:10px 0 0}.dl-start-generating .dl-entry-tabs button:disabled{opacity:1;cursor:default}
@keyframes dl-generate-spin{to{transform:rotate(360deg)}}@media(min-width:1700px){.dl-generation-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.dl-generation-gallery{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.dl-generation-spinner{animation:none}}

/* Quiet status glass and a readable flowing teacher script. */
.dl-teacher[data-mode=session] .dl-teacher-state{top:8px;bottom:auto;left:8px;right:auto;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:2px 6px;border-radius:2px;background:rgba(255,255,255,.86);color:#32455f;backdrop-filter:blur(7px);border:0;text-shadow:none}.dl-teacher[data-mode=session] .dl-teacher-state::before{content:"";display:block;width:6px;height:6px;flex:none;border-radius:50%;background:#347cf1;align-self:center}.dl-teacher[data-mode=session] .dl-teacher-state span:first-child{display:none}.dl-teacher[data-mode=session] .dl-teacher-state span:last-child{background:transparent;color:inherit;padding:0;max-width:none;text-align:left}
.dl-lecture-script{align-self:stretch;width:100%;box-sizing:border-box;font-size:14px;line-height:1.9;color:inherit;padding:4px 0}.dl-lecture-script p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dl-image-needed{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;background:var(--dl-paper);color:var(--dl-muted);font-size:14px}.dl-slide-viewport:has([data-dl-images]){flex-direction:column;gap:12px}.ps-app .dl-slide-viewport [data-dl-images]{flex:none;border:1px solid var(--dl-line);border-radius:4px;padding:7px 12px;background:var(--dl-paper);color:inherit}.dl-thumb-art .dl-image-needed{font-size:12px;min-height:0}

.dl-audio-reader{flex:none;position:relative;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--dl-line);padding-bottom:8px}.dl-audio-reader .dl-transport{position:static;opacity:1;pointer-events:auto;background:transparent;color:inherit;padding:0}.ps-app .dl-audio-reader .dl-transport button{color:inherit}.dl-audio-reader .dl-transport #dl-seek{accent-color:var(--dl-accent,#347cf1)}.dl-audio-reader #dl-teacher-status{margin:0;color:var(--dl-muted)}
.dl-audio-reader #dl-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--dl-accent,#347cf1) var(--dl-progress,0%),var(--dl-line) var(--dl-progress,0%))}.dl-audio-reader #dl-seek::-webkit-slider-thumb{background:var(--dl-accent,#347cf1)}.dl-audio-reader #dl-seek::-moz-range-track{background:var(--dl-line)}.dl-audio-reader #dl-seek::-moz-range-thumb{background:var(--dl-accent,#347cf1)}

.dl-paused-promo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;box-sizing:border-box;width:50%;max-width:360px;padding:0;border:0;border-radius:4px;background:transparent;display:block;overflow:hidden}.dl-paused-promo[hidden]{display:none}.dl-paused-promo a{display:block;color:inherit;text-decoration:none}.dl-paused-promo img{display:block;width:100%;height:auto;object-fit:contain}.ps-app .dl-paused-promo button{position:absolute;right:5px;top:5px;min-height:24px;width:24px;height:24px;padding:0;border:0;background:rgba(255,255,255,.18);color:#fff;text-shadow:0 1px 2px #10243a}.dl-paused-promo a:focus-visible{outline:2px solid #8cc7ff;outline-offset:-3px}
.dl-promo-disclosure{position:absolute;top:3px;left:3px;z-index:1;display:block;box-sizing:border-box;padding:1px 5px;border:1px solid #ffffff40;border-radius:3px;background:#193452;color:#fff;font-size:12px;font-weight:400;line-height:18px;pointer-events:none;text-shadow:none}

.dl-style-section{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--dl-line)}.dl-style-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dl-style-heading h3{margin:0;font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:24px}.dl-style-heading>span{color:var(--dl-muted);font-size:13px}.ps-app .dl-style-heading>button{margin-left:auto;border:0;color:var(--dl-accent,#216ad6);padding:2px 0;background:transparent}.dl-style-section fieldset,.dl-style-gallery{min-width:0;border:0;margin:0;padding:0}.dl-style-section legend,.dl-style-gallery legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dl-style-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dl-style-choice{display:block;min-width:0;position:relative;cursor:pointer;color:inherit}.dl-style-choice>input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}.dl-style-art{display:block;position:relative;overflow:hidden;border:1px solid var(--dl-line,#dae2ee);border-radius:4px;background:#fff}.dl-style-preview{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#f5f7fa}.dl-style-check{display:none;position:absolute;top:5px;right:5px;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#347cf1;color:#fff;font-size:13px;line-height:1}.dl-style-choice:has(input:checked) .dl-style-art{border-color:#347cf1;box-shadow:0 0 0 1px #347cf1}.dl-style-choice:has(input:checked) .dl-style-check{display:flex}.dl-style-choice:has(input:focus-visible) .dl-style-art{outline:2px solid #347cf1;outline-offset:3px}.dl-style-name{display:block;margin-top:5px;line-height:22px}.dl-style-note{display:block;color:var(--dl-muted,#76859a);font-size:13px;line-height:20px}.dl-style-auto{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;cursor:pointer}.dl-style-auto input{width:14px;height:14px;margin:0;accent-color:#347cf1;flex:none}.dl-style-auto span:last-child{font-size:13px;color:var(--dl-muted)}.dl-style-section #dl-style-description{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;color:var(--dl-muted);font-size:13px}.dl-style-section #dl-style-description span{margin-left:auto}.dl-style-start-actions{display:flex;justify-content:flex-end;gap:8px;margin:10px 0 12px}
.dl-style-dialog{--dl-line:#e3eaf3;--dl-paper:#fff;--dl-muted:#76859a;box-sizing:border-box;width:min(1080px,94vw);max-height:90dvh;margin:auto;padding:0;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);color:#24354c;font:14px/1.6 var(--sprout-font-ui,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif);overflow:hidden}.dl-style-dialog[open]{display:flex;flex-direction:column}.dl-style-dialog::backdrop{background:#10243a55;backdrop-filter:blur(3px)}.dl-style-dialog button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;gap:5px;padding:5px 10px;border:1px solid var(--dl-line);border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;box-shadow:none}.dl-style-dialog button:disabled{opacity:.45;cursor:default}.dl-style-dialog button.dl-primary{background:#347cf1;border-color:#347cf1;color:white}.dl-style-dialog :is(button,input):focus-visible{outline:2px solid #347cf1;outline-offset:2px}.dl-style-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 8px;flex:none}.dl-style-dialog-heading h2{font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);margin:0;line-height:24px}.dl-style-dialog-heading p{margin:3px 0 0;color:var(--dl-muted)}.dl-style-dialog-heading>button{border:0;min-width:28px;padding:0;font-size:20px}.dl-style-dialog-tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--dl-line);flex:none}.dl-style-dialog-tabs [role=tab]{padding:7px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.dl-style-dialog-tabs [aria-selected=true]{color:#347cf1;border-bottom-color:#347cf1}.dl-style-dialog-content{flex:1;scrollbar-gutter:stable;overflow:auto;overscroll-behavior:contain;min-height:0;padding:12px 16px}.dl-style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.dl-style-gallery-item{position:relative;min-width:0}.dl-style-dialog .dl-style-expand{position:absolute;right:5px;top:5px;bottom:auto;padding:0;min-height:26px;width:26px;background:rgba(255,255,255,.92);color:#52657e;border:1px solid #dae2ee}.dl-style-dialog-footer{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--dl-line);flex:none}.dl-style-dialog-footer>div{margin-right:auto;min-width:0}.dl-style-dialog-footer small{display:inline-block;margin-left:12px;color:var(--dl-muted);font-size:13px}.dl-style-zoom{max-width:760px;margin:auto}.dl-style-zoom>div{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dl-style-zoom>p{margin:10px 0 0;color:var(--dl-muted)}.dl-style-empty{margin:24px 0;color:var(--dl-muted);text-align:center}body.dark .dl-style-dialog{--dl-line:#2b405b;--dl-paper:#10233a;--dl-muted:#9eb2cd;color:#e1eaf6}.dl-style-section fieldset:disabled{opacity:.5}
@container learning (max-width:580px){.dl-style-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-style-section #dl-style-description span{margin-left:0}}
@media(max-width:700px){.dl-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-style-dialog-footer small{display:block;margin-left:0}.dl-style-dialog-footer{flex-wrap:wrap}}

.dl-style-preview>.dl-style-sprite{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.dl-style-load-error{display:none}.dl-style-preview-failed>.dl-style-sprite{visibility:hidden}.dl-style-preview-failed>.dl-style-load-error{position:absolute;inset:0;display:grid;place-items:center;color:#52657e;background:#f5f7fa;font-size:14px}.dl-style-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-style-tools{display:flex;align-items:center;gap:12px;padding:10px 16px 0;flex:none}.dl-style-tools label{display:flex;align-items:center;gap:8px}.dl-style-tools :is(select,input){box-sizing:border-box;min-height:32px;border:1px solid var(--dl-line);border-radius:4px;background:var(--dl-paper);color:inherit;font:inherit;padding:4px 8px}.dl-style-tools select{min-width:164px}.dl-style-search{flex:1;min-width:0}.dl-style-search input{width:100%;min-width:0}.dl-style-pages{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 16px;border-top:1px solid var(--dl-line);flex:none}.dl-style-pages>span{min-width:170px;text-align:center;color:var(--dl-muted)}.dl-style-dialog [hidden]{display:none}.dl-style-dialog-content{min-height:min(220px,30vh)}.dl-style-section .dl-style-preview-failed{min-height:0}@media(max-width:700px){.dl-style-tools{flex-wrap:wrap}.dl-style-search{flex-basis:100%}.dl-style-pages{gap:8px}.dl-style-pages>span{min-width:0}}

.dl-style-recommendation{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:8px;color:var(--dl-muted);font-size:13px;line-height:21px}.dl-style-recommendation>span:first-child{color:var(--dl-accent,#216ad6)}.dl-style-recommendation[hidden]{display:none}.ps-app .dl-style-recommendation>button{padding:0 4px;border:0;background:transparent;color:var(--dl-accent,#216ad6)}

.dl-style-tools>[data-style-count]{white-space:nowrap;color:var(--dl-muted)}
/* No blue focus/selection ring around the composer; primary action becomes light blue. */
.dl-root .dl-composer:focus-within {border-color:var(--dl-line)!important;box-shadow:none!important}
.dl-root .dl-composer :is(textarea,input,select,button):focus,
.dl-root .dl-composer :is(textarea,input,select,button):focus-visible {outline:none!important;box-shadow:none!important;border-color:transparent!important}
.dl-root .dl-composer textarea::selection {background:transparent}
.ps-app .dl-root button.dl-primary,
.ps-app .dl-root .dl-composer-toolbar button.ps-primary {background:#d9ebff!important;color:#16509e!important;border-color:#9fc2f0!important}
.ps-app .dl-root button.dl-primary:hover:not(:disabled),
.ps-app .dl-root .dl-composer-toolbar button.ps-primary:hover:not(:disabled) {background:#c7dfff!important;border-color:#8ab2e8!important}