.ps-app .dl-entry-page{font-size:15px}
.dl-toolbar>div:first-child{flex:1;min-width:0;flex-wrap:nowrap}
.dl-toolbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ps-app .dl-entry-page .dl-entry-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding:24px;align-items:start}
.ps-app .dl-entry-page .dl-intro h2{font-size:26px;line-height:36px;font-weight:600;margin:0 0 8px}
.ps-app .dl-entry-page .dl-intro p{font-size:15px;margin-bottom:18px}
.ps-app .dl-entry-page .dl-composer textarea{font-size:18px;line-height:1.7;min-height:188px;padding:16px;color:inherit}
.ps-app .dl-entry-page .dl-composer{border-color:var(--dl-accent,#347cf1)}
.ps-app .dl-entry-page .dl-composer-content{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:16px;padding:16px}
.ps-app .dl-entry-page .dl-composer-input{min-width:0}
.ps-app .dl-entry-page .dl-composer-input textarea{padding:0;min-height:188px}
.ps-app .dl-entry-page .dl-composer-toolbar{padding:10px 12px;justify-content:flex-start}
.ps-app .dl-entry-page .dl-composer-toolbar>.dl-primary{margin-left:auto}
.ps-app .dl-entry-page .dl-style-compact{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;padding:0 0 0 16px;gap:8px;min-height:0;border:0;border-left:1px solid var(--dl-line);border-radius:0;box-sizing:border-box}
.ps-app .dl-entry-page #dl-style-recommendation{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;flex:1}
.ps-app .dl-entry-page #dl-style-recommendation>div{min-width:0;height:24px;line-height:24px;overflow:hidden}
.ps-app .dl-entry-page #dl-style-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-generation-style small{display:block;color:var(--dl-muted);font-size:13px;line-height:1.6;margin-top:3px}
.ps-app .dl-entry-page #dl-style-recommendation .dl-style-preview{width:100%;flex:none;border-radius:4px}
.dl-generation-style .dl-style-preview{width:96px;flex:none;border-radius:4px}
.ps-app .dl-entry-page #dl-style-recommendation .dl-style-placeholder{background:color-mix(in srgb,var(--dl-paper) 95%,#347cf1)}
.ps-app .dl-entry-page .dl-style-compact>button{border:0;background:transparent;white-space:nowrap}
.ps-app .dl-entry-page .dl-welcome-teacher{margin-top:4px}
.ps-app .dl-entry-page .dl-welcome-teacher>span{font-size:17px;font-weight:600}
.ps-app .dl-entry-page .dl-welcome-teacher>small{padding:2px 6px;background:color-mix(in srgb,var(--dl-accent,#347cf1) 8%,transparent)}
.ps-app .dl-entry-page .dl-welcome-teacher>button{margin-left:auto;color:var(--dl-accent,#347cf1);border:0;background:transparent}
.ps-app .dl-entry-page .dl-welcome-note{font-size:15px}
.ps-app .dl-entry-page .dl-entry-preview>button{padding:6px 10px;background:#10243a77;border-radius:4px}
.ps-app .dl-entry-page>.dl-method-entry{padding:12px 16px;background:color-mix(in srgb,var(--dl-accent,#347cf1) 6%,transparent);border:0;border-radius:4px}
.ps-app .dl-entry-page>.dl-method-entry>span{display:flex;align-items:center;gap:12px}
.dl-entry-voice-note{color:var(--dl-accent,#347cf1);font-size:13px;margin:8px 0}
.dl-generation-style{display:flex;align-items:center;gap:16px;padding:12px 0 20px}
.dl-start-generating .dl-intro h2{font-size:20px;line-height:1.6}
.dl-start-generating .dl-generation-status{justify-content:space-between;padding:12px 0;border-top:1px solid var(--dl-line)}
.dl-start-generating .dl-generation-status small{margin:0}
.ps-app .dl-entry-page[data-generating=true] .dl-generation-gallery{margin-top:12px}
.ps-app .dl-entry-page .dl-generation-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dl-generation-slot-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;font-size:12px;color:var(--dl-muted);border-bottom:1px solid var(--dl-line)}
.dl-generation-slot-heading>span:first-child{font-variant-numeric:tabular-nums}
.dl-generation-slot .dl-generation-art{box-sizing:border-box;flex-direction:column;gap:8px;padding:10px;text-align:center;background:color-mix(in srgb,var(--dl-paper) 97%,#347cf1);color:var(--dl-muted)}
.dl-generation-slot[data-slot-state=running]{border-color:var(--dl-accent,#347cf1)}
.dl-generation-slot[data-slot-state=running] .dl-generation-art{background:color-mix(in srgb,var(--dl-paper) 90%,#347cf1)}
@container learning (max-width:850px){.ps-app .dl-entry-page .dl-generation-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ps-app .dl-entry-page .dl-records{padding-top:24px}
.ps-app .dl-entry-page .dl-records-heading{padding:12px 16px;background:color-mix(in srgb,var(--dl-paper) 96%,#347cf1);margin:0}
.ps-app .dl-entry-page .dl-records-heading>button{border:0;color:var(--dl-accent,#347cf1);background:transparent}
.dl-learning-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dl-learning-card{display:flex;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid var(--dl-line);border-radius:4px}
.dl-history-art{width:128px;aspect-ratio:16/9;flex:none;overflow:hidden;border-radius:4px;background:color-mix(in srgb,var(--dl-paper) 96%,#347cf1)}
.dl-history-art>img,.dl-history-art>.dl-style-preview{width:100%;height:100%;object-fit:cover}
.dl-history-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--dl-muted)}
.dl-learning-card-copy{min-width:0;flex:1}
.ps-app .dl-entry-page .dl-learning-card h3{font:inherit;font-size:16px;line-height:24px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-learning-card p{margin:5px 0 0;color:var(--dl-muted);font-size:13px;line-height:20px}
.ps-app .dl-entry-page .dl-learning-card>button{flex:none;border:0;color:var(--dl-accent,#347cf1);background:transparent;padding:4px 0;white-space:nowrap;font-size:14px}
.dl-first-lesson{background:color-mix(in srgb,var(--dl-paper) 96%,#ffca64);border-color:color-mix(in srgb,var(--dl-line) 70%,#ffca64)}
.dl-first-lesson small{color:#95651d;font-size:12px}
.dl-intro-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 24px 0;padding:10px 16px;background:#fff7df;color:#5c481e;border-radius:4px;font-size:14px}
.dl-intro-hint>span{display:flex;align-items:center;gap:12px}
.ps-app .dl-intro-hint>button{border:0;background:transparent;padding:0 4px;color:inherit}
body.dark .dl-intro-hint{background:#3b3320;color:#f1dcac}
body.dark .dl-first-lesson small{color:#e9c785}
@container learning (max-width:1100px){.dl-learning-card{gap:10px;padding:12px}.dl-history-art{width:96px}.dl-learning-card>button{align-self:flex-end}.dl-learning-card{flex-wrap:wrap}.dl-learning-card-copy{flex-basis:calc(100% - 110px)}}
@container learning (max-width:850px){.dl-learning-cards{grid-template-columns:1fr}.ps-app .dl-entry-page .dl-composer-content{grid-template-columns:minmax(0,1fr) 180px}}
@container learning (max-width:850px){.ps-app .dl-entry-page .dl-entry-top{grid-template-columns:1fr}.ps-app .dl-entry-page .dl-style-compact{flex-wrap:wrap}}

.ps-app .dl-entry-page .dl-entry-preview{max-width:none;width:100%}
.ps-app .dl-entry-page .dl-composer textarea:focus-visible{outline:0}
.ps-app .dl-entry-page .dl-composer:focus-within{outline:2px solid var(--dl-accent,#347cf1);outline-offset:0}
.dl-wait-review{display:grid;grid-template-columns:auto 96px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 24px 24px;padding:16px 0;border:0}
.ps-app .dl-wait-review h2{font:inherit;margin:0;white-space:nowrap}
.dl-wait-review-art{aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:var(--dl-paper)}
.dl-wait-review-art img{width:100%;height:100%;object-fit:contain}
.dl-wait-review-copy{min-width:0}
.dl-wait-review-copy small{color:var(--dl-muted);font-size:13px}
.ps-app .dl-wait-review h3{font:inherit;font-weight:500;line-height:24px;margin:4px 0 0}
.dl-wait-review-actions{display:flex;align-items:center;gap:16px}
.ps-app .dl-wait-review-actions>button{background:transparent;border:0;padding:4px 0;color:var(--dl-accent,#347cf1);white-space:nowrap}
.dl-wait-answer{grid-column:3/-1;margin:0;padding:16px;background:#edf8ee;color:#234c32;border-radius:4px;white-space:pre-wrap;line-height:1.7}
.dl-wait-answer[hidden]{display:none}
body.dark .dl-wait-answer{background:#193b2b;color:#d5efdd}
.dl-prepared{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}
@container learning (max-width:850px){.dl-wait-review{grid-template-columns:96px minmax(0,1fr)}.dl-wait-review h2{grid-column:1/-1}.dl-wait-review-actions,.dl-wait-answer{grid-column:2/-1}.dl-wait-review-actions{justify-content:flex-start}}