.wordcloud-hint{margin:-8px 0 18px}
.demo-wordcloud-container{max-width:1080px}
.student-preview-page{max-width:1180px}
.student-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.student-preview-heading h1{margin:7px 0;font:500 clamp(25px,3vw,34px)/1.2 'Poppins',sans-serif;letter-spacing:-.035em}
.student-preview-heading p{margin:0;color:var(--muted);font-size:13px}
.student-preview-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.student-preview-tools a{border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--ink);font:500 12px 'Poppins',sans-serif;text-decoration:none;background:var(--paper)}
.student-preview-tools a.is-active{border-color:#f24405;color:#f24405;background:#fff8f4}
.student-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font:500 12px 'Poppins',sans-serif}
.student-preview-toolbar>div{display:flex;gap:7px}
.student-preview-toolbar .button{font:500 11px 'Poppins',sans-serif;padding:8px 12px}
.student-preview-toolbar .button.is-selected{color:#f24405;background:#fff0e8}
.student-preview-stage{display:flex;justify-content:center;align-items:flex-start;min-height:710px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--wash)}
.student-preview-frame{display:block;width:100%;max-width:1120px;height:680px;border:1px solid var(--line);border-radius:12px;background:var(--wash);transition:width .25s ease,height .25s ease,border-radius .25s ease}
.student-preview-stage.is-mobile{min-height:800px;padding:12px;background:#e5e7eb}
.student-preview-stage.is-mobile .student-preview-frame{width:min(390px,100%);height:770px;border:8px solid #171923;border-radius:32px;box-shadow:0 14px 36px #1118272b}
body[data-activity="wordcloud"] .student-question{font:500 20px/1.5 'Poppins',sans-serif;letter-spacing:-.02em}
.demo-wordcloud-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}
.demo-wordcloud-container .main-column{gap:16px;min-width:0}
.demo-wordcloud-container .live-card{min-height:0;padding:28px 34px}
body[data-activity="wordcloud"] .question-card .question-text{font:500 22px/1.5 'Poppins',sans-serif;letter-spacing:-.025em}
.demo-frequency-card{position:sticky;top:92px;padding:20px 18px}
.demo-participation{display:grid;gap:3px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.demo-participation .eyebrow{font-size:10px}
.demo-participation strong{font:500 46px/1.08 'Poppins',sans-serif;letter-spacing:-.05em;color:var(--ink)}
.demo-participation>span:last-child{font-size:12px;color:var(--muted)}
.demo-frequency-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:17px 0 8px}
.demo-frequency-heading h2{font:500 14px/1.3 'Poppins',sans-serif;letter-spacing:-.02em;margin:0}
.demo-frequency-heading>span{font-size:10px;color:var(--muted)}
.demo-frequency-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.demo-frequency-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font:500 12px/1.3 'Poppins',sans-serif}
.demo-frequency-list li:last-child{border-bottom:0}
.demo-frequency-list b{min-width:24px;text-align:center;color:var(--muted);font-weight:500}
.demo-live-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;margin:-5px 0 4px;border-radius:8px;background:var(--wash);color:var(--muted);font-size:11px}
.demo-live-controls>div{display:flex;gap:7px;flex:none}
.demo-live-controls .button{padding:8px 11px;font:500 11px 'Poppins',sans-serif}
.demo-live-controls .button:disabled{opacity:.55;cursor:default}
.word-cloud-placeholder{max-width:250px;color:var(--muted);font:500 14px/1.5 'Poppins',sans-serif;text-align:center}
.word-cloud{min-height:300px;padding:28px 18px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:4px 14px;border:0;border-radius:0;background:transparent;overflow:hidden}
.word-cloud-term{display:inline-block;max-width:100%;padding:2px;color:var(--word-color);font-family:'Poppins',sans-serif;font-size:min(var(--word-size,22px),56px);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-align:center;overflow-wrap:anywhere;animation:word-cloud-enter 620ms cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--word-delay,0ms)}
.word-cloud-term.is-vertical{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:-.035em}
.dark .word-cloud-term{filter:brightness(1.22)}
.demo-note{margin:0;color:var(--muted);font-size:11px;text-align:center}
@keyframes word-cloud-enter{from{opacity:0;translate:0 12px;scale:.86}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:760px){.demo-wordcloud-grid{grid-template-columns:1fr}.demo-frequency-card{position:static}}
@media(max-width:700px){.student-preview-page{padding:25px 14px 40px}.student-preview-heading{align-items:flex-start;flex-direction:column}.student-preview-stage{min-height:calc(100vh - 260px);padding:8px}.student-preview-frame{height:620px}.student-preview-stage.is-mobile{min-height:calc(100vh - 230px);padding:5px}.student-preview-stage.is-mobile .student-preview-frame{width:100%;max-width:390px;height:calc(100vh - 250px);min-height:560px}.demo-wordcloud-container .live-card{padding:20px 18px}.word-cloud{min-height:245px;padding:20px 8px;gap:5px 9px}.word-cloud-term{font-size:min(var(--word-size,20px),43px)}body[data-activity="wordcloud"] .question-card .question-text{font-size:19px}body[data-activity="wordcloud"] .student-question{font-size:19px}.demo-live-controls{align-items:flex-start;flex-direction:column}.demo-live-controls>div{width:100%}.demo-live-controls .button{flex:1}}
@media(prefers-reduced-motion:reduce){.word-cloud-term{animation:none;opacity:1;translate:0 0;scale:1}}