/* AIeum study bench: semantic controls, compact previews and readable mobile layouts. */
.sd-data{margin:32px 0}.sd-data p{font-size:13px;line-height:1.8;color:#6e6278}.sd-data label{display:grid;gap:10px;font-size:14px}.sd-data textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:150px;padding:14px;border:1px solid #cbbbdb;border-radius:10px;background:#fffdfb;color:#392e42;font:inherit;line-height:1.8;resize:vertical}.sd-data textarea:focus-visible{outline:3px solid #7f53b2;outline-offset:3px}
.sd-thumb{height:100%;min-height:320px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#e6dfed;color:#272131;text-align:left}.sd-kicker{font-size:10px;letter-spacing:.1em}.sd-thumb>strong{font-size:clamp(20px,2vw,28px);line-height:1.2;margin:20px 0 14px}.sd-thumb>p{font-size:12px;line-height:1.6;margin:12px 0}.sd-thumb>small{font-size:10px}.sd-scene{background:#f9f6fb;border:1px solid #d6c8e1;border-radius:12px;padding:10px;overflow:hidden}.sd-scene svg{display:block;width:100%;height:auto;max-height:270px;font-family:inherit}.sd-scene-caption{font-size:12px;display:block;text-align:center;padding:12px 0 3px;line-height:1.5;color:#665176}.sd-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sd-pair figure{margin:0;min-width:0}.sd-pair figcaption{font-size:14px;font-weight:700;margin:16px 0}.sd-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:20px 0}.sd-controls label{display:grid;gap:10px;flex:1;min-width:160px}.sd-controls output{font-size:12px}.sd-note,.dt-hint{font-size:13px;color:#6e6278;line-height:1.8}.sd-study,.sd-prompt{margin:32px 0}.sd-controls button,.dt-button,.dt-tray button,.dt-purpose button,.dt-workbench button,.as-study button{border:1px solid #cbbadb;border-radius:999px;background:#fffaf7;color:#302436;padding:11px 17px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}.dt-button:focus-visible,.dt-workbench :focus-visible,.dt-purpose :focus-visible,.as-study :focus-visible{outline:3px solid #7f53b2;outline-offset:3px}.dt-add{width:100%;margin:12px 0 0;border-radius:8px;text-align:left;background:transparent}.dt-add[aria-pressed=true]{background:#d6c1ec;border-color:#8860b1}.dt-tray{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);width:min(880px,calc(100% - 32px));background:#26212c;color:#fff;border:1px solid #6d5e7b;border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 40px #0003}.dt-tray-label{flex:1;min-width:0}.dt-tray-label strong{display:block;font-size:14px}.dt-tray-label span{display:block;font-size:12px;color:#d8cce4;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-tray button{white-space:nowrap}.dt-tray button:first-of-type{background:#d5bfe9}.dt-tray button:disabled,.dt-workbench button:disabled{opacity:.4;cursor:not-allowed}.dt-workbench{width:min(1160px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid #c7b4da;border-radius:20px;background:#f7f4ef;color:#201b27;overflow:auto}.dt-workbench::backdrop{background:#17131ccc;backdrop-filter:blur(4px)}.dt-workbench h2{font-size:clamp(22px,3vw,36px);margin:5px 0 16px}.dt-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dt-head>p{font-size:11px;letter-spacing:.14em;color:#7955a1}.dt-tabs{display:flex;gap:8px;margin-bottom:24px}.dt-tabs [aria-pressed=true]{background:#25202b;color:#fff}.dt-compare-grid{display:grid;grid-template-columns:repeat(var(--dt-cols,2),minmax(0,1fr));gap:16px}.dt-compare-card{padding:16px;border:1px solid #dacfe2;border-radius:12px;min-width:0;background:#fffcf8}.dt-compare-card h3{font-size:20px;line-height:1.4;margin:8px 0}.dt-compare-card p{font-size:13px;line-height:1.7}.dt-compare-card .dt-preview{height:280px;display:flex;align-items:center;justify-content:center;background:#e8e1f0;border-radius:10px;overflow:hidden}.dt-preview>img,.dt-preview>video{width:100%;height:100%;object-fit:contain}.dt-preview>.sd-scene{width:100%;border:0}.dt-preview .te-animated{width:100%}.dt-compare-card button{padding:5px 12px;font-size:11px}.dt-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.dt-form label,.dt-purpose label,.dt-assignment{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;min-width:0}.dt-form input,.dt-form select,.dt-purpose select,.dt-purpose input,.dt-assignment input{min-width:0;width:100%;border:1px solid #cdbbdf;background:#fffcf9;border-radius:8px;padding:12px;font:inherit;color:#2e2535}.dt-form .dt-full{grid-column:1/-1}.dt-workbench textarea,.dt-purpose textarea{display:block;width:100%;min-height:220px;padding:18px;border:1px solid #cbbbdb;border-radius:10px;background:#fffdfb;color:#392e42;font-family:inherit;font-size:14px;line-height:1.9;resize:vertical;box-sizing:border-box}.dt-output-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px}.dt-output-actions>button{background:#29222f;color:#fff}.dt-purpose{border-top:1px solid #d6c7e2;margin-top:24px;padding-top:24px}.dt-purpose h3{margin-top:0}.dt-purpose .dt-form{margin-bottom:18px}.dt-bench-link{margin:10px 0 25px;display:flex;gap:10px;flex-wrap:wrap}.dt-conflict{border-left:3px solid #9a75bd;padding:12px 16px;background:#ebe0f3;font-size:13px;line-height:1.7}.dt-assignments{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}.dt-info{margin:20px 0;padding:16px 20px;background:#e9e0f1;border-radius:12px;font-size:14px;line-height:1.7}.dt-info strong{display:block;margin-bottom:4px}.as-study{margin:32px 0;padding:24px;background:#e9e0f0;border:1px solid #cebadf;border-radius:14px}.as-study h3{font-size:22px;margin:0 0 10px}.as-options{display:flex;gap:10px;flex-wrap:wrap}.as-options [aria-pressed=true]{background:#30253b;color:#fff}.as-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:16px 0}.as-controls label{font-size:13px;display:flex;align-items:center;gap:10px}.as-controls input{max-width:120px}.as-visual{padding:18px;border-radius:10px;background:#fffaf5;text-align:center}.as-visual strong{display:block;font-size:20px}.as-visual p{font-size:14px}.as-timeline{position:relative;margin:18px 0 12px;padding-left:60px}.as-track{position:relative;display:flex;height:30px;margin:8px 0;border-radius:5px;background:#e1d3ec;overflow:hidden}.as-track-label{position:absolute;left:0;font-size:12px;padding-top:8px}.as-track span{display:grid;place-items:center;font-size:11px;background:#c9b5df}.as-track span+span{background:#a4c7c0}.as-playhead{position:absolute;top:0;bottom:0;left:calc(60px + (100% - 60px)*var(--as-p));width:2px;background:#b35034;pointer-events:none}.as-scrub{width:100%}.as-transcript{font-size:12px;line-height:1.8;color:#655871}.as-time{font-variant-numeric:tabular-nums;font-size:13px}.dt-selected-space{padding-bottom:100px!important}
@media(max-width:720px){.sd-pair{gap:12px}.sd-pair figcaption{font-size:12px}.sd-scene{padding:5px}.sd-scene-caption{font-size:10px}.sd-controls{gap:12px}.dt-tray{flex-wrap:wrap;padding:12px;gap:8px;bottom:8px}.dt-tray-label{flex-basis:100%}.dt-tray button{padding:8px 12px;font-size:12px}.dt-workbench{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px}.dt-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dt-compare-card{padding:10px}.dt-compare-card h3{font-size:16px}.dt-compare-card .dt-preview{height:180px}.dt-compare-card .te-copy{font-size:22px}.dt-form{grid-template-columns:1fr}.dt-head{gap:8px}.dt-head button{padding:8px 13px}.as-study{padding:16px}.as-controls{gap:8px}.as-controls button{padding:9px 13px}.dt-selected-space{padding-bottom:155px!important}}
@media(prefers-reduced-motion:reduce){.dt-workbench *{scroll-behavior:auto!important}}

.dt-preview .sd-scene svg{max-height:218px}.dt-preview .sd-scene{padding:8px}.dt-bench-link .dt-add{max-width:280px}.dt-bench-link{align-items:center}.dt-bench-link .dt-hint{flex:1;min-width:200px}
@media(max-width:720px){.dt-preview .sd-scene svg{max-height:125px}.dt-bench-link .dt-add{max-width:none}}

.as-study{grid-column:1/-1}.dt-preview .te-copy{font-size:clamp(22px,2.3vw,30px);width:100%;padding:20px}.dt-preview .te-animated{height:100%;display:grid;place-items:center}
@media(max-width:720px){.dt-preview .te-copy{font-size:18px;padding:8px}}

.dt-workbench h2{word-break:keep-all;overflow-wrap:break-word}.dt-head>button{white-space:nowrap;flex-shrink:0}.dt-compare-card{overflow-wrap:anywhere}.dt-preview{--te-ink:#25202e;--te-muted:#625a6d;--te-line:#d8d1df;--te-accent:#7454a3;--te-surface:#fbf9fc;--te-tint:#e7ddf2;--te-marker:#d5b8fb}
@media(max-width:720px){.dt-tabs button{flex:1;white-space:nowrap;padding:10px 8px;font-size:12px}.dt-form input,.dt-form select,.dt-purpose select,.dt-purpose input,.dt-assignment input,.dt-workbench textarea,.dt-purpose textarea{font-size:16px}}

@media(max-width:540px){.sd-expanded .sd-pair{grid-template-columns:1fr}.sd-expanded .sd-scene svg{max-height:none}.sd-expanded .sd-scene-caption{font-size:12px}}