/* Lúdica · color vivo, superficie clara, ilustración editorial. */
:root{
  --campus-violet:#174cff;--campus-lime:#c8e900;--campus-sage:#e8f4c4;--campus-green:#19713d;
  --campus-blue:#edf3ff;--campus-blue-ink:#1743bc;--campus-amber:#fff0c5;--campus-ochre:#775400;
  --campus-rose:#ffe6dc;--campus-rose-ink:#a92717;--ink:#111b47;--paper:#fffefa;--line:#e7e5dc;
  --purple:#174cff;--deep:#111b47;--green:#c8e900;
}
html,body{background:var(--paper);color:var(--ink)}
button,input,select,textarea{font-synthesis:none}
:focus-visible{outline:3px solid #174cff;outline-offset:3px}
.btn,.creation-primary,.creation-story,.campus-resource-action,.live-submit,.tab,.pill,.live-scale button,.preview-tag,.sequence .add-question{border-radius:999px!important}
.btn{box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}
.btn:active{transform:scale(.98)}
.btn.primary,.btn.lime,.creation-primary,.editorial .btn.primary,.editorial .btn.lime{background:#174cff!important;border-color:#174cff!important;color:#fff!important}
.btn.primary:hover,.btn.lime:hover,.creation-primary:hover,.editorial .btn.primary:hover,.editorial .btn.lime:hover{background:#103dd6!important;border-color:#103dd6!important}
.btn:not(.primary):not(.lime){background:#fff;color:#1743bc;border-color:#b9c9f5}
.studio-shell{background:#fffefa;--ink:#111b47;--paper:#fffefa;--line:#e7e5dc}
.studio-shell .sidebar{background:#fff;border-right:1px solid #e7e5dc}
.studio-shell .studio-brand{background:#fff;border-bottom:1px solid #e7e5dc}
.studio-brand .brand-wordmark,.mobile-brand .brand-wordmark,.editor-header .brand-wordmark{color:#111b47}
.studio-brand .brand-tagline,.mobile-brand .brand-tagline,.editor-header .brand-tagline{color:#69708a}
.studio-brand .brand-star,.mobile-brand .brand-star,.editor-header .brand-star{color:#9ab900}
.studio-shell .nav-btn{border-radius:999px!important;color:#454d68}
.studio-shell .nav-btn.active{background:#edf2ff;color:#174cff}
.studio-shell .nav-btn.active .ui-icon{filter:invert(23%) sepia(97%) saturate(5745%) hue-rotate(225deg) brightness(100%) contrast(105%)}
.studio-shell .topbar{background:#fff;border-bottom:1px solid #e7e5dc}
.studio-shell .topbar .search{background:#fff;border-color:#dfe3ec}
.studio-shell .topbar .avatar{background:#c8e900;color:#111b47}
.studio-shell .content{background:#fffefa}
.studio-shell .live-nav .btn{border-radius:999px;background:#fff;color:#1743bc;border-color:#b9c9f5}
.campus-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.75fr);align-items:center;min-height:300px;padding:10px 0 30px;border-bottom:1px solid #e7e5dc;overflow:hidden}
.campus-home-hero .creation-copy{grid-column:1;grid-row:1;z-index:1;max-width:660px}
.campus-home-hero h1{color:#111b47;font-weight:500;letter-spacing:-.045em}
.campus-home-hero .creation-description{color:#626b85}
.campus-home-hero .creation-primary{background:#174cff;box-shadow:none;min-height:42px;padding:10px 14px;font-size:12px;gap:8px}
.campus-home-hero .creation-story{background:#fff;border:1px solid #cbd7f7;color:#1743bc;min-height:42px;padding:10px 14px;font-size:12px;gap:8px}
.campus-home-hero .creation-story:hover{background:#edf3ff;color:#143bb4}
.campus-home-hero .campus-resource-action{background:#fff;border:1px solid #b9c9f5;color:#1743bc;min-height:42px;padding:10px 14px;font-size:12px;gap:8px}
.personality-hero-art{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;pointer-events:none}
.personality-hero-art img{display:block;width:100%;height:290px;object-fit:contain;object-position:center bottom}
.recent-section{border-top:0}
.recent-section h2,.section-top h2{color:#111b47}
.campus-table-wrap{border:1px solid #e7e5dc;border-radius:16px;background:#fff;overflow:auto}
.campus-projects th{background:#fffefa;color:#69708a}
.campus-projects td{background:#fff;border-color:#eeede7}
.campus-projects tr:nth-child(even){background:#fbfbf7}
.campus-project-icon{background:#e8f4c4;border-radius:12px}
.campus-project-icon.story{background:#edf3ff}
.campus-status{color:#775400;background:#fff0c5}
.campus-status.ready{color:#19713d;background:#e8f4c4}
.studio-shell .footer-note{color:#69708a}
.modal{background:#fffefa;border-color:#e7e5dc;box-shadow:0 18px 60px #111b471c}
.modal .notice,.live-onboarding{background:#edf3ff;color:#1743bc}
.type-card,.choice-card{border-radius:18px;border-color:#e7e5dc;background:#fff}
.choice-card:hover,.type-card:hover{border-color:#174cff;box-shadow:0 8px 26px #174cff16}
.choice-card .pill{background:#edf3ff;color:#1743bc}
.story-editor .story-cover{background:#fffefa!important;color:#111b47;border:1px solid #e7e5dc}
.story-editor .story-cover h1,.story-editor .story-cover input{color:#111b47}
.story-add{color:#1743bc;border-color:#b9c9f5}
.story-editor .block-content{background:#fff}
.story-editor .story-block.active{border-color:#174cff}
.creator-editor{--creator-border:#e7e5dc;background:#fffefa}
.creator-editor .editor-header{background:#fff;border-bottom:1px solid #e7e5dc}
.creator-editor .editor-actions .live-cloud-save{background:#edf3ff;color:#1743bc;border-color:#b9c9f5}
.creator-editor .editor-actions .live-host{background:#174cff;color:#fff;border-color:#174cff}
.creator-editor .creator-review{background:#e8f4c4;color:#31520a;border-color:#c8e900}
.creator-editor .editor-main{background:#fffefa}
.creator-editor .sequence{background:#fff;border-right:1px solid #e7e5dc}
.creator-editor .sequence-top{border-color:#e7e5dc}
.creator-editor .question-thumb .thumb-card{background:#fffefa;border-color:#e7e5dc;color:#111b47;border-radius:14px}
.creator-editor .question-thumb.active .thumb-card{background:#edf3ff;border:2px solid #174cff;box-shadow:0 0 0 3px #e2eaff}
.creator-editor .thumb-number{background:#c8e900;color:#111b47}
.creator-editor .thumb-title{color:#626b85}
.creator-editor .thumb-resource{background:#edf3ff}
.creator-editor .thumb-colors i{background:#174cff}
.creator-editor .thumb-colors i:nth-child(2){background:#c8e900}.creator-editor .thumb-colors i:nth-child(3){background:#ff482d}.creator-editor .thumb-colors i:nth-child(4){background:#3190ec}
.creator-editor .sequence-footer{background:#fff;border-color:#e7e5dc}
.creator-editor .sequence .add-question{background:#174cff;color:#fff;border-color:#174cff}
.creator-editor .workspace{background:#fffefa}
.creator-editor .creator-type{color:#1743bc}
.creator-editor .workspace-toolbar .pill{background:#fff;border-color:#dfe3ec;color:#1743bc}
.creator-editor .creator-canvas{background:#fff;border-color:#e7e5dc;border-radius:18px;box-shadow:0 5px 18px #111b470a}
.creator-editor .creator-canvas .question-text{color:#111b47;border-color:#dfe3ec;border-radius:13px}
.creator-editor .creator-canvas .media-area{background:#f8f9fc;border-color:#bac8e8;color:#454d68;border-radius:14px}
.creator-editor .creator-media-symbol{background:#c8e900;color:#111b47}
.creator-editor .creator-upload{background:#fff;color:#1743bc;border-color:#b9c9f5;border-radius:999px}
.creator-editor .creator-canvas .answer,.creator-editor .creator-canvas .answer:nth-child(n){background:#fff;border:1px solid #dfe3ec;color:#111b47;border-radius:14px}
.creator-editor .creator-canvas .answer:nth-child(4n+1) .shape{background:#174cff;color:#fff}
.creator-editor .creator-canvas .answer:nth-child(4n+2) .shape{background:#c8e900;color:#111b47}
.creator-editor .creator-canvas .answer:nth-child(4n+3) .shape{background:#ff482d;color:#fff}
.creator-editor .creator-canvas .answer:nth-child(4n) .shape{background:#3190ec;color:#fff}
.creator-editor .creator-canvas .answer textarea{color:#111b47}
.creator-editor .creator-canvas .answer.is-correct{background:#f7fbe9;border-color:#89a500;box-shadow:inset 0 0 0 1px #89a500}
.creator-editor .correct-toggle.selected{background:#19713d;color:#fff;border-color:#19713d}
.creator-editor .answer-add{color:#1743bc}
.creator-editor .properties{background:#fff;border-color:#e7e5dc}
.creator-editor .properties .property-tabs .active{color:#174cff}
.creator-editor .properties select,.creator-editor .properties input,.creator-editor .properties textarea{border-color:#dfe3ec;border-radius:12px}
.creator-editor .properties select[data-field="time"]{background:#fff0c5;color:#775400;border-color:#f0d37d}
.creator-editor .properties .props-help,.creator-editor .workspace-hint{color:#626b85}
.creator-editor .creator-tools{background:#fff;border-color:#e7e5dc}
.creator-editor .creator-tools button.active{background:#edf3ff;color:#174cff;border-color:#cbd7f7}
.creator-editor .workspace-hint .creator-time{background:#fff0c5;color:#775400;border-radius:999px}
.editorial{--ink:#111b47;--muted:#626b85;--line:#e7e5dc;--purple:#174cff;background:#fffefa;color:#111b47}
.editorial .live-header{background:#fff;border-bottom-color:#e7e5dc}
.editorial .brand-wordmark{color:#111b47}.editorial .brand-tagline{color:#69708a}.editorial .brand-star{color:#9ab900}
.editorial .live-game-title,.editorial .live-header-code strong{color:#111b47}
.editorial .live-connection{background:#fff0c5;border-color:#f0d37d;color:#775400}
.editorial .live-connection.connected{background:#e8f4c4;border-color:#c8e900;color:#31520a}
.editorial .live-connection i,.editorial .live-connection.connected i{background:#83a900}
.editorial .btn{background:#fff;color:#1743bc;border-color:#b9c9f5;border-radius:999px}
.editorial .btn.primary,.editorial .btn.lime{background:#174cff;border-color:#174cff;color:#fff}
.editorial .live-body{background:#fffefa}
.editorial .live-host-layout>.live-question-wrap{background:#fff;border-color:#e7e5dc;border-radius:18px}
.editorial .live-overline{color:#1743bc}
.editorial .live-question-wrap h1,.editorial .live-hero-title,.editorial .live-waiting h1{color:#111b47;font-weight:500}
.editorial .live-clock{background:#fff0c5;border-color:#f0d37d;color:#775400}
.editorial .live-clock.urgent{background:#ff482d;border-color:#ff482d;color:#fff}
.editorial .live-resource .live-image{background:#fff;border-color:#e7e5dc;border-radius:14px}
.editorial .live-option,.editorial .live-option:nth-child(n){background:#fff;color:#111b47;border:1px solid #dfe3ec;border-radius:14px;min-height:56px}
.editorial .live-option:nth-child(4n+1) .shape{background:#174cff;color:#fff}
.editorial .live-option:nth-child(4n+2) .shape{background:#c8e900;color:#111b47}
.editorial .live-option:nth-child(4n+3) .shape{background:#ff482d;color:#fff}
.editorial .live-option:nth-child(4n) .shape{background:#3190ec;color:#fff}
.editorial .live-option.selected{background:#edf3ff;border:2px solid #174cff}
.editorial .live-option.selected::after{color:#1743bc}
.editorial .live-option.correct{background:#e8f4c4;border-color:#83a900}
.editorial .live-participation{border-color:#e7e5dc}
.editorial .participation-count strong,.editorial .live-player-count,.editorial .live-score,.editorial .live-stat strong{color:#174cff}
.editorial progress{accent-color:#c8e900;background:#eeefd9}.editorial progress::-webkit-progress-bar{background:#eeefd9}.editorial progress::-webkit-progress-value{background:#a5c400}
.editorial .live-player-grid{background:#fff;border-color:#e7e5dc;border-radius:16px}
.editorial .live-player-chip{color:#111b47;border-color:#eeede7}
.editorial .live-player-chip:nth-child(n){color:#111b47}
.editorial .live-lobby-count{background:#c8e900;color:#111b47}
.editorial [data-live="host-lock"],.editorial [data-live="end-room"]{background:#fff0c5!important;color:#775400!important;border-color:#f0d37d!important}
.editorial .live-url-box,.editorial .live-feedback.received{background:#edf3ff;color:#1743bc;border-color:#cbd7f7}
.editorial .live-join-panel,.editorial .live-join-card,.editorial .live-feedback,.editorial .live-slider,.editorial .live-response-card,.editorial .live-rank{background:#fff;border-color:#e7e5dc;border-radius:18px;color:#111b47}
.editorial .live-code,.editorial .live-player-count,.editorial .live-score{color:#174cff}
.editorial .live-waiting,.editorial .live-help,.editorial .live-phase-note,.editorial .live-waiting p{color:#626b85}
.editorial .live-orb{background:#c8e900;color:#111b47}
.editorial .live-nickname{background:#e8f4c4;color:#31520a}
.editorial .live-feedback.success{background:#e8f4c4;border-color:#a5c400;color:#31520a}
.editorial .live-feedback.review{background:#fff0c5;border-color:#f0d37d;color:#775400}
.editorial .live-scale button{background:#fff;border-color:#dfe3ec;color:#111b47}
.editorial .live-scale button.selected{background:#174cff;color:#fff;border-color:#174cff}
.editorial .live-text-input{background:#fff;border-color:#b9c9f5;color:#111b47}
.editorial .live-result-bar{background:#eeede7}.editorial .live-result-row:nth-child(3n+1) .live-result-bar i{background:#174cff}.editorial .live-result-row:nth-child(3n+2) .live-result-bar i{background:#c8e900}.editorial .live-result-row:nth-child(3n) .live-result-bar i{background:#ff482d}
.editorial .live-rank.me,.editorial .live-rank:nth-child(1){background:#edf3ff;border-color:#b9c9f5}
.editorial .live-footer{background:#fff;border-color:#e7e5dc;color:#626b85;box-shadow:0 -5px 20px #111b4705}
.editorial .live-toolbar [data-live="end-room"]{background:#fff0c5!important;color:#775400!important;border-color:transparent!important}
.editorial .live-feedback strong{color:inherit}
.editorial .live-idea{background:#c8e900;color:#111b47;border-radius:16px}
.editorial .live-idea button{background:#fff;border-radius:999px;color:#1743bc}
.editorial .live-join-card .live-meta{background:#edf3ff;color:#1743bc}
.editorial .live-auth-error:not(:empty){background:#ffe6dc;color:#a92717}
.student-surface[data-phase="access"] .live-body{max-width:1000px}
.student-surface[data-phase="access"] .live-access-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1fr);gap:40px;align-items:center;max-width:850px;margin:20px auto}
.student-surface[data-phase="access"] .live-access-art{display:flex;align-items:center;justify-content:center;min-width:0}
.student-surface[data-phase="access"] .live-access-art img{display:block;width:100%;max-height:480px;object-fit:contain}
.student-surface[data-phase="access"] .live-join-card{max-width:none;margin:0;padding:34px;border-radius:22px}
.student-surface .live-join-card h1{color:#111b47;font-weight:500}
.student-surface .live-waiting{max-width:680px}
.student-surface[data-phase="waiting"] .live-waiting{background:#fff;border:1px solid #e7e5dc;border-radius:22px;padding:24px 30px;margin:10px auto 25px}
.student-surface .student-wait-illustration{display:block;width:min(100%,390px);height:230px;object-fit:contain;margin:0 auto 4px}
.student-surface .live-waiting .live-orb{display:none}
.student-surface .live-waiting h1{font-size:29px;margin:10px auto;color:#111b47}
.campus-wait-game{background:#edf3ff!important;color:#1743bc!important;border:1px solid #cbd7f7;border-radius:14px}
.campus-connected{background:#c8e900;border:0;color:#111b47}
.student-surface .live-submit-dock{background:#fffefa}
.student-surface .live-submit{background:#174cff;color:#fff;border-color:#174cff}
.student-surface .live-footer{background:#fffefa}
.campus-own-answer{background:#fff;border-color:#dfe3ec;color:#111b47}
.campus-ranking-disclosure{border-color:#b9c9f5;background:#fff;color:#1743bc}
.campus-closing-note{background:#edf3ff;color:#1743bc}
.editorial .live-player-chip .kick,.editorial .live-order-row button{color:#1743bc;border-color:#b9c9f5}
.editorial .live-order-row{background:#fff;border-color:#dfe3ec}
.live-pin-marker,.live-pin-target{filter:none}
.student-surface .live-option.selected{padding-right:46px}
/* La vista previa del alumno usa la misma identidad clara que la sala en vivo. */
.player-modal{background:#fffefa!important;color:#111b47}
.player-top,.player-foot{background:#fff;border-color:#e7e5dc;color:#111b47}
.player-top{border-bottom:1px solid #e7e5dc}
.player-top strong,.player-body h1{color:#111b47;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:-.035em}
.player-progress{background:#eeede7}.player-progress i{background:#c8e900}
.player-body{color:#111b47}
.player-body .eyebrow{color:#1743bc!important}
.player-body .timer{background:#fff0c5;border-color:#f0d37d;color:#775400}
.player-body .player-answer,.player-body .player-answer:nth-child(n){background:#fff;color:#111b47;border:1px solid #dfe3ec;border-radius:16px;min-height:70px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.player-body .player-answer:nth-child(4n+1){box-shadow:inset 5px 0 #174cff}
.player-body .player-answer:nth-child(4n+2){box-shadow:inset 5px 0 #c8e900}
.player-body .player-answer:nth-child(4n+3){box-shadow:inset 5px 0 #ff482d}
.player-body .player-answer:nth-child(4n){box-shadow:inset 5px 0 #3190ec}
.player-body .player-answer:hover{transform:translateY(-2px);border-color:#174cff}
.player-body .player-answer.selected{background:#edf3ff;border:2px solid #174cff;box-shadow:inset 5px 0 #174cff,0 0 0 2px #e2eaff}
.player-body .player-answer:disabled{opacity:1}
.player-body .player-feedback{background:#edf3ff;border:1px solid #cbd7f7;border-radius:16px;color:#1743bc}
.player-body textarea,.player-body .input{color:#111b47;background:#fff;border-color:#b9c9f5;border-radius:14px}
.player-body .puzzle-list{color:#111b47}.player-body .puzzle-row{color:#454d68}
.story-reader{background:#fff;border:1px solid #e7e5dc;border-radius:22px;color:#111b47;box-shadow:0 12px 38px #111b470a}
.story-reader h1,.story-reader h2,.story-reader h3{color:#111b47;font-family:Poppins,sans-serif;font-weight:500}
.story-reader blockquote{border-left:4px solid #ff482d;background:#fff7f2;color:#7a2b1d;border-radius:0 14px 14px 0;padding:18px 22px}
.story-reader .player-feedback{background:#e8f4c4;color:#31520a;border-color:#c8e900}
.reader-quiz{background:#edf3ff;border:1px solid #cbd7f7;border-radius:18px}
.reader-quiz button{border:1px solid #dfe3ec;border-radius:999px;color:#111b47;background:#fff}
.reader-quiz button.selected{background:#174cff;color:#fff;border-color:#174cff}
.player-foot .btn.lime{background:#174cff;color:#fff;border-color:#174cff}
@media(max-width:620px){.player-top,.player-foot{padding:14px 16px;flex-wrap:wrap}.player-body{padding:26px 18px}.player-body h1{font-size:26px}.player-answers{grid-template-columns:1fr}.player-body .player-answer{min-height:60px;padding:14px 16px}.story-reader{padding:26px 20px}.story-reader h1{font-size:28px}}
@media(max-width:1100px){.campus-home-hero{grid-template-columns:minmax(0,1.1fr) minmax(220px,.8fr)}.personality-hero-art img{height:250px}}
@media(max-width:900px){.campus-home-hero{min-height:250px}.personality-hero-art img{height:220px}.creator-editor .editor-main{background:#fffefa}}
@media(max-width:720px){.campus-home-hero{grid-template-columns:minmax(0,1fr) 130px;min-height:0;padding-bottom:24px}.campus-home-hero .creation-copy{grid-column:1/-1;grid-row:1}.personality-hero-art{position:absolute;right:-18px;top:6px;width:155px;height:130px;opacity:.96}.personality-hero-art img{height:100%;width:100%}.campus-home-hero h1,.campus-home-hero .creation-description{max-width:calc(100% - 82px);position:relative;z-index:1}.campus-home-hero .creation-actions{position:relative;z-index:1}.student-surface[data-phase="access"] .live-access-layout{grid-template-columns:1fr;gap:4px;margin:6px auto}.student-surface[data-phase="access"] .live-access-art img{max-height:210px;width:min(100%,300px)}.student-surface[data-phase="access"] .live-join-card{padding:24px 20px}.student-surface[data-phase="waiting"] .live-waiting{padding:20px 16px}.student-surface .student-wait-illustration{height:170px}.student-surface .live-waiting h1{font-size:24px}}
@media(max-width:420px){.personality-hero-art{right:-30px;width:130px;height:112px}.campus-home-hero h1{font-size:27px}.campus-home-hero .creation-actions{gap:8px}.campus-home-hero .creation-primary,.campus-home-hero .creation-story,.campus-resource-action{font-size:11px;padding:9px 12px}.student-surface .student-wait-illustration{height:145px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Referencia aprobada 15/10: estructura y personajes de la lámina suministrada. */
:root{--ink:#10105c;--muted:#7172a0;--paper:#fafaff;--line:#e6e8f4;--deep:#10105c;--purple:#5730ff;--campus-violet:#5730ff;--campus-blue-ink:#2544c6;--campus-lime:#c9ec00;--green:#c9ec00}
html,body{background:#fafaff;color:#10105c}
.studio-shell{--ink:#10105c;--paper:#fafaff;--line:#e6e8f4;background:#fafaff}
.studio-shell .content{background:#fafaff;padding:28px 30px 24px}
.studio-shell .sidebar,.studio-shell .topbar,.studio-shell .studio-brand{border-color:#e6e8f4}
.studio-shell .studio-brand,.studio-shell .topbar{height:90px}
.studio-shell .studio-brand{margin-bottom:14px}
.studio-shell .nav-btn{min-height:42px;padding:10px 13px;border-radius:7px!important;color:#3e4278}
.studio-shell .nav-btn.active{background:#ffe7e8;color:#f12632}
.studio-shell .nav-btn.active .ui-icon{filter:invert(26%) sepia(99%) saturate(2737%) hue-rotate(336deg) brightness(98%) contrast(98%)}
.studio-brand .brand-wordmark,.mobile-brand .brand-wordmark,.editor-header .brand-wordmark,.editorial .brand-wordmark{color:#080861}
.studio-brand .brand-star,.mobile-brand .brand-star,.editor-header .brand-star,.editorial .brand-star{color:#b8d900}
.studio-shell .topbar{gap:12px;padding:0 28px}
.studio-shell .topbar .search{background:#f9f9ff;border:1px solid #e3e4f5;max-width:570px;padding:9px 14px}
.studio-shell .topbar .avatar{background:#eee9ff;color:#6335f6;width:36px;height:36px;font-size:11px;flex:none}
.studio-shell .topbar .live-nav .btn{color:#191974;border-color:#e0e3f4}
.campus-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:304px;padding:0 0 24px;align-items:start;border-color:#e6e8f4;overflow:visible}
.campus-home-hero .creation-copy{padding-top:30px;max-width:none}
.campus-home-hero h1{font-size:36px;line-height:1.18;letter-spacing:-.048em;margin-bottom:14px;color:#080861}
.campus-home-hero .creation-description{font-size:13px;line-height:1.55;max-width:330px;margin:0;color:#696b9d}
.campus-home-hero .creation-actions{position:relative;z-index:2;flex-wrap:nowrap;gap:9px;margin-top:28px;width:max-content}
.studio-shell .creation-primary{background:#ff2b2e!important;border-color:#ff2b2e!important;color:#fff!important}
.studio-shell .creation-primary:hover{background:#e91e28!important;border-color:#e91e28!important}
.campus-home-hero .creation-primary,.campus-home-hero .creation-story,.campus-home-hero .campus-resource-action{min-height:44px;font-size:12px;padding:10px 14px;gap:7px}
.campus-home-hero .creation-story,.campus-home-hero .campus-resource-action{background:#f4f8ff;color:#1644c7;border-color:#c6dcff}
.personality-hero-art{min-width:0;align-self:stretch;overflow:visible;align-items:flex-end;justify-content:flex-end;pointer-events:none}
.personality-hero-art img{width:112%;max-width:none;height:300px;object-fit:contain;object-position:right bottom}
.recent-section{padding-top:0}.recent-section .section-top{margin:24px 0 15px}.recent-section h2{font-size:18px;color:#10105c}
.campus-table-wrap{border-color:#e4e7f5;border-radius:10px}
.campus-projects{font-size:11px}.campus-projects th{background:#f5f5fd;color:#7475a4;padding:12px 11px}
.campus-projects td{background:#fff;padding:8px 11px;border-color:#eeeef7;color:#6b6f99}
.campus-projects tr:nth-child(even) td{background:#f7faff}
.campus-projects td:first-child{width:44%;min-width:230px}
.campus-project-title{color:#16166b;font-size:12px;line-height:1.5;gap:10px;min-height:37px}
.campus-project-icon{border-radius:9px;padding:6px;background:#e4f5dc}
.campus-project-icon.story{background:#edf1ff}.campus-project-icon .ui-icon{width:18px;height:18px}
.campus-status{font-size:10px;padding:5px 8px;border-radius:8px;background:#fff4cf;color:#a36312}
.campus-status.ready{background:#e4f6df;color:#2e8036}
.project-updated{font-size:10px;white-space:nowrap}
.studio-shell .footer-note{font-size:10px;color:#8081a5}
.creator-editor{--creator-border:#e5e7f4;background:#f8f8ff}
.creator-editor .editor-header{min-height:86px;padding:12px 16px;gap:10px}
.creator-editor .editor-identity{flex-basis:330px;gap:12px}
.creator-editor .editor-document{padding-left:12px;max-width:350px}
.creator-editor .title-input{font-size:13px;color:#10105c}
.creator-editor .editor-actions .live-host{background:#ff2b2e!important;border-color:#ff2b2e!important;color:white!important}
.creator-editor .editor-actions>.btn{min-height:36px;font-size:10px;padding:7px 11px}
.creator-editor .editor-actions .live-cloud-save{background:#fff;color:#2444bd;border-color:#dce4fa}
.creator-editor .editor-actions [data-action="export"] .export-label{display:none}
.creator-editor .editor-actions .creator-review{background:#fff!important;color:#205f33;border-color:#d9e9d6;font-size:0;width:36px;padding:8px}
.creator-editor .editor-actions .creator-review svg{width:16px;height:16px}
.creator-editor .workspace,.creator-editor .editor-main{background:#f7f7ff}
.creator-editor .sequence{background:#fcfcff}
.creator-editor .thumb-card{border-radius:8px!important;background:#fbfbff!important}
.creator-editor .question-thumb.active .thumb-card{border-color:#7540ff!important;background:#fcfaff!important;box-shadow:0 0 0 2px #efe8ff}
.creator-editor .thumb-number{background:#f0eaff;color:#6533e9}
.creator-editor .thumb-resource{background:#f2f2fc}
.creator-editor .thumb-colors i{background:#c9ed00}.creator-editor .thumb-colors i:nth-child(2){background:#edf0f8}.creator-editor .thumb-colors i:nth-child(3){background:#7940ff}.creator-editor .thumb-colors i:nth-child(4){background:#bcd7ff}
.creator-editor .sequence .add-question{background:#fff0f0!important;color:#f12632!important;border-color:#ffd8da!important;border-radius:20px!important}
.creator-editor .workspace-toolbar{padding:14px 20px;min-height:56px}
.creator-editor .creator-canvas{margin:0 20px;padding:18px;gap:14px;border-radius:12px;border-color:#e5e8f5;box-shadow:none}
.creator-editor .creator-canvas .question-text{height:64px;min-height:64px;border:0;border-radius:0;text-align:left;font-size:21px;padding:4px 0;line-height:1.45;box-shadow:none;color:#10105c}
.creator-editor .creator-canvas .media-area{height:clamp(210px,32vh,345px);background:#fcfdff;border:1px solid #e8ecf7;border-radius:10px;padding:12px}
.creator-editor .creator-canvas .media-area.has-media{border-style:solid}
.creator-editor .creator-media-actions{background:#fff}.creator-editor .creator-media-actions .btn{border-color:#d6e4ff;color:#1950e6}
.creator-editor .creator-canvas .answer,.creator-editor .creator-canvas[data-format="tf"] .answer{min-height:58px;border-radius:12px;padding:8px;grid-template-columns:24px minmax(0,1fr) 26px 18px;border-color:#dce1f4}
.creator-editor .creator-canvas[data-format="tf"] .answer{grid-template-columns:24px minmax(0,1fr) 26px}
.creator-editor .creator-canvas .answer textarea{height:36px;min-height:36px;font-size:12px;line-height:1.5;color:#10105c}
.creator-editor .creator-canvas .answer .shape{width:24px;height:24px;border-radius:50%;font-size:10px;background:#e9f0ff;color:#2438a5}
.creator-editor .creator-canvas .answer:nth-child(4n+2) .shape{background:#eff7d1;color:#547014}
.creator-editor .creator-canvas .answer:nth-child(4n+3) .shape{background:#fff3cd;color:#896114}
.creator-editor .creator-canvas .answer:nth-child(4n) .shape{background:#eee7ff;color:#6234d4}
.creator-editor .creator-canvas .answer.is-correct{background:#f4fae9;border:1px solid #a0cb69;box-shadow:none}
.creator-editor .creator-canvas .correct-toggle{width:25px;height:25px;min-height:25px;min-width:25px;border-color:#d8dcf0}
.creator-editor .creator-canvas .correct-toggle.selected{background:#06802d;border-color:#06802d}
.creator-editor .delete-answer{opacity:0}.creator-editor .answer:hover .delete-answer,.creator-editor .answer:focus-within .delete-answer{opacity:1}
.creator-editor .properties{border-color:#e5e7f4;background:#fff}
.creator-editor .properties .property-tabs .active{color:#ff292d}
.creator-editor .creator-tools button.active{background:#fff0f0;color:#ff292d;border-color:#ffe1e1}
.creator-editor .properties select,.creator-editor .properties input,.creator-editor .properties textarea{border-color:#e5e7f4;border-radius:9px;color:#111170}
.editorial{--ink:#10105c;--muted:#7275a5;--line:#e7eaf6;--purple:#5730ff;background:#fff;color:#10105c}
.editorial .live-body{background:#fff}
.editorial .live-header{background:#fff;border-color:#edf0f8;min-height:92px;padding:20px 28px}
.editorial .live-clock{background:#fff6d5;border-color:#ffe5a0;color:#9b5810;font-weight:500;font-size:19px}
.editorial .live-connection.connected{background:#f4faef;border-color:#e8f1df;color:#147129}
.student-header-identity{display:flex;align-items:center;gap:28px;margin-left:auto;color:#6e70a0;font-size:13px}
.student-header-identity .btn{border:0!important;background:transparent!important;padding:6px;min-height:36px}
.student-surface[data-phase="access"] .live-body{max-width:1080px;padding:28px}
.student-surface[data-phase="access"] .live-access-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1000px;gap:28px;margin:0 auto;align-items:center}
.student-surface[data-phase="access"] .live-access-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.student-surface[data-phase="access"] .live-access-art img{width:100%;max-height:390px;object-fit:contain}
.live-access-art h2{font-size:32px;color:#080861;line-height:1.18;letter-spacing:-.045em;margin:4px 0 0 22px;font-weight:500}
.student-surface[data-phase="access"] .live-join-card{padding:28px;border:1px solid #e6edfb;border-radius:15px;background:#fff;margin:0}
.student-surface .live-join-card .live-overline{text-align:center;font-size:11px;color:#6034ff;letter-spacing:.035em;margin-bottom:28px}
.student-surface .live-join-card h1{font-size:32px;letter-spacing:-.04em;text-align:center;margin:0 0 10px;color:#080861}
.access-description{text-align:center;color:#7d7eac;font-size:13px;line-height:1.5;margin:0 0 25px}
.student-surface .live-join-card .field{margin-bottom:18px}
.student-surface .live-join-card .field>span{font-size:13px;color:#282879;margin-bottom:8px}
.student-surface .live-join-card .input{border:1px solid #dce1f2;border-radius:8px;min-height:50px;background:#fff;color:#111170;font-size:16px}
.student-surface .live-join-card .code-input{font-size:36px;letter-spacing:.05em;min-height:62px;text-align:center;font-weight:500}
.student-surface .live-join-card button[type="submit"]{width:100%;min-height:47px;background:#064bff!important;border-color:#064bff!important;font-size:15px;margin-top:0}
.student-surface .live-join-card .live-meta{background:#eff7ff;color:#667ac0;font-size:11px;line-height:1.65;border-radius:8px;padding:14px;margin:16px 0 0}
.student-surface[data-phase="access"] .live-footer{position:static;border:0;justify-content:center;min-height:32px;padding:8px;color:#8b8db1;font-size:11px}
.student-surface[data-phase="waiting"] .live-body{padding:10px 24px 24px}
.student-surface[data-phase="waiting"] .live-waiting{border:0;background:white;max-width:760px;padding:0;margin:0 auto;text-align:center}
.student-surface .student-wait-illustration{width:460px;max-width:100%;height:290px;margin:0 auto;object-fit:contain}
.student-surface .live-waiting h1{font-size:36px;line-height:1.2;margin:8px 0 10px;color:#080861}
.student-surface .live-waiting>p{font-size:16px;color:#7476aa;margin:0 0 24px}
.waiting-code-card{display:flex;gap:20px;align-items:center;justify-content:center;width:350px;max-width:100%;padding:18px 22px;margin:0 auto 20px;background:#f4f9ff;border:1px solid #e8f1ff;border-radius:14px;text-align:left}
.waiting-code-card .campus-state-icon{width:56px;height:56px;padding:12px;border-radius:50%;background:#fff;margin:0}
.waiting-code-card>div{display:grid;gap:3px;border-left:1px solid #dce6fc;padding-left:20px}
.waiting-code-card span{font-size:12px;color:#6b70aa}.waiting-code-card strong{font-size:25px;line-height:1.2;color:#10105c;letter-spacing:.03em}
.waiting-tip{display:flex;gap:18px;align-items:flex-start;background:#fff8ee;padding:20px 28px;text-align:left;border-radius:12px;margin:0 auto;max-width:680px;color:#10105c}
.waiting-tip .campus-state-icon{width:38px;height:38px;margin:0;background:#ffcf26;border-radius:50%;padding:7px}
.waiting-tip strong{font-size:15px}.waiting-tip p{margin:4px 0 0;color:#7678a5;font-size:14px;line-height:1.6}
.student-surface:not([data-phase="access"]) .live-footer{display:none}
.student-surface .live-body{max-width:1120px;padding:24px}
.student-surface .live-question-wrap{max-width:600px;border:1px solid #e9edf7;border-radius:14px;padding:24px;background:#fff}
.student-surface .live-question-wrap h1{font-size:26px;margin:16px 0 20px;color:#080861;line-height:1.35}
.student-surface .live-resource .live-image{max-height:300px;border-color:#e9edf7;border-radius:10px;background:#fcfdff}
.student-surface .live-resource figcaption{margin-top:4px}.student-surface .live-resource figcaption .btn{font-size:10px;min-height:27px;padding:4px 10px}
.student-surface .live-options{display:grid;grid-template-columns:1fr;gap:9px}
.student-surface .live-option,.student-surface .live-option:nth-child(n){border-radius:999px;min-height:46px;padding:9px 13px;font-size:14px;border:1px solid #dce1f2;background:#fff;color:#10105c}
.editorial .live-option .shape,.editorial .live-option:nth-child(4n+1) .shape{display:grid;place-items:center;width:25px;height:25px;min-width:25px;border-radius:50%;background:#edf3ff;color:#2748b5;font-size:12px}
.editorial .live-option:nth-child(4n+2) .shape{background:#eff7d1;color:#597413}.editorial .live-option:nth-child(4n+3) .shape{background:#fff4d3;color:#8c6c1c}.editorial .live-option:nth-child(4n) .shape{background:#eee8ff;color:#5f37bc}
.student-surface .live-option.selected{background:#f4fae9;border:1.5px solid #9bc95e;padding-right:46px}
.student-surface .live-option.selected::after{content:'';width:20px;height:20px;top:50%;bottom:auto;transform:translateY(-50%);border:2px solid #719632;background:#e0f1b3;border-radius:50%;right:14px}
.student-surface .live-option.correct{background:#f4fae9;border-color:#9bc95e}
.student-surface .live-submit-dock{background:white;margin-top:12px;padding:0}
.student-surface .live-submit{width:100%;min-height:48px;background:#064bff!important;border-color:#064bff!important;font-size:14px}
.student-surface[data-phase="results"] .live-question-wrap{max-width:1060px}
.student-result-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px;align-items:start}
.student-result-feedback{text-align:center;border-left:1px solid #edf0f8;padding:10px 10px 20px 32px;display:flex;flex-direction:column;align-items:center}
.student-result-feedback .result-celebration{width:210px;height:190px;object-fit:contain;display:block;margin:0 auto 8px}
.student-result-feedback>.campus-state-icon{width:100px;height:100px;padding:24px;background:#fff4cd;border-radius:50%;margin:26px auto}
.student-result-feedback>strong{font-size:33px;line-height:1.2;color:#0d8129;letter-spacing:-.04em}
.student-result-feedback.review>strong{color:#a66d0c}.student-result-feedback.received>strong{color:#174cff}
.student-result-feedback>p{font-size:15px;color:#10105c;line-height:1.6;margin:16px 0}
.student-result-feedback .live-score{font-size:18px;background:#e7f3ff;color:#064bff;border-radius:10px;padding:12px 28px;margin:12px 0 22px}
.waiting-next{background:#064bff;color:white;border-radius:24px;padding:12px 20px;font-size:12px;line-height:1.5;max-width:300px}
.result-options .live-option .campus-state-icon{width:22px;height:22px;margin:0 0 0 auto;padding:3px;background:#cdebab;border-radius:50%}
.result-answer-note{font-size:12px;color:#7476a0}.student-class-results{border-top:1px solid #edf0f8;margin-top:24px;padding-top:18px;font-size:12px;color:#64699e}
.student-class-results>summary{cursor:pointer;color:#2544c6;padding:8px 0}
.teacher-surface .live-header{display:grid;grid-template-columns:1fr auto auto;gap:12px 18px;padding:18px 28px}
.teacher-surface .live-header .live-logo{grid-column:1;grid-row:1}.teacher-surface .live-connection{grid-column:2;grid-row:1}
.teacher-surface .live-menu{grid-column:3;grid-row:1}.teacher-surface .live-menu summary{padding:7px 16px;min-height:36px;border:1px solid #e2e7f8;border-radius:999px;color:#11116a}
.teacher-surface .live-header-code{display:none}
.teacher-surface .live-game-title{grid-column:1/-1;grid-row:2;max-width:none;font-size:19px;color:#10105c}
.teacher-surface .live-body{padding:16px 28px;max-width:1500px}
.teacher-surface .live-host-layout{grid-template-columns:minmax(0,1fr) 260px;gap:0;border:1px solid #e8ecf7;border-radius:14px;background:#fff}
.host-main-stack{padding:22px;min-width:0}
.room-join-banner{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);align-items:center;gap:20px;padding:20px;border:1px solid #e9edf8;border-radius:14px;max-width:650px;margin:0 auto 18px}
.room-join-banner .live-qr{margin:0;padding:0;background:#fff;width:100%;max-width:190px;height:auto;aspect-ratio:1;border-radius:0;box-shadow:none}
.room-join-banner .live-qr svg{width:100%;height:100%;max-width:none;max-height:none}
.room-join-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;color:#10105c}
.room-join-copy>span{font-size:14px}.room-join-copy>a{display:block;border:1px solid #c4dcff;background:#eef6ff;color:#2452cc;padding:6px 13px;border-radius:999px;font-size:13px;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
.room-join-copy>strong{font-size:47px;line-height:1.15;letter-spacing:.025em;color:#080861;max-width:100%}
.room-join-copy>.btn{min-height:32px;font-size:11px;padding:6px 13px;color:#174cff;margin-top:3px}
.host-main-stack .live-question-wrap{border:0;padding:0;background:#fff;border-radius:0;max-width:none}
.host-main-stack .live-question-wrap h1{font-size:24px;margin:14px 0 18px;color:#10105c}
.teacher-surface .live-participation{padding:22px 18px;border-color:#edf0f9}
.teacher-surface .live-participation h2{font-size:18px;color:#10105c;margin-bottom:12px}
.teacher-surface .participation-count{font-size:19px}.teacher-surface .participation-count strong{font-size:36px;color:#173bfa}
.teacher-surface .participation-count>span{font-size:13px;color:#777ba7}
.teacher-surface .participant{padding:9px 0;font-size:11px;border:0;gap:5px}
.teacher-surface .participant-name::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6a1ff;margin-right:6px;vertical-align:middle}
.teacher-surface .participant.answered .participant-name::before{background:#c9ed00}
.teacher-surface .participant>span:last-child{font-size:9px;color:#777ba7}
.teacher-surface .campus-chart-section{background:#fff;border-color:#e8edf8;border-radius:12px;padding:18px;margin:18px 0}
.teacher-surface .campus-count-track{height:150px}
.teacher-surface .campus-count-fill{background:#c9ed00}.teacher-surface .campus-count-column:nth-child(2) .campus-count-fill{background:#ff2b2e}.teacher-surface .campus-count-column:nth-child(3) .campus-count-fill{background:#6730ff}.teacher-surface .campus-count-column:nth-child(4) .campus-count-fill{background:#308dff}
.teacher-surface .campus-count-column.is-correct .campus-count-fill{background:#c9ed00;min-height:12px}
.teacher-surface .campus-count-value{color:#10105c}.teacher-surface .live-footer{min-height:70px;padding:12px 24px;background:#fff;border-color:#e9edf7;gap:12px}
.teacher-surface .live-toolbar{gap:8px}.teacher-surface .live-toolbar .btn{font-size:11px;padding:9px 12px;min-height:40px}
.teacher-surface .live-toolbar .btn.lime{background:#5724ff!important;border-color:#5724ff!important;min-width:150px}
.teacher-surface .live-toolbar [data-live="end-room"]{background:#fff0f0!important;color:#ef2835!important;border:1px solid #ffe0e2!important}
@media(max-width:1100px) and (min-width:721px){.campus-home-hero h1{font-size:32px}.campus-home-hero .creation-description{max-width:285px}.campus-home-hero .creation-actions{gap:6px}.campus-home-hero .creation-actions .btn{font-size:10px;padding:9px 11px;min-height:40px}.campus-projects td:first-child{min-width:190px}.project-updated{display:none}.teacher-surface .live-host-layout{grid-template-columns:minmax(0,1fr) 220px}.room-join-banner{grid-template-columns:145px minmax(0,1fr)}.room-join-copy>strong{font-size:39px}.student-surface[data-phase="access"] .live-join-card{padding:24px}.live-access-art h2{font-size:29px}}
@media(max-width:720px){.studio-shell .content{padding:22px 18px}.studio-shell .topbar{height:auto;min-height:84px;padding:12px 16px}.campus-home-hero{display:grid;grid-template-columns:1fr;min-height:0;padding-bottom:22px;overflow:hidden}.campus-home-hero .creation-copy{padding-top:4px;grid-column:1;grid-row:1;z-index:2}.campus-home-hero h1{font-size:29px;max-width:100%;margin-bottom:10px}.campus-home-hero .creation-description{max-width:70%;font-size:12px;min-height:54px}.personality-hero-art{position:relative;grid-column:1;grid-row:2;right:auto;top:auto;justify-content:flex-end;width:100%;height:180px;margin-top:-15px;opacity:1}.personality-hero-art img{width:250px;height:180px;object-position:center}.campus-home-hero .creation-actions{width:auto;flex-wrap:wrap;gap:7px;margin-top:12px}.campus-home-hero .creation-actions .btn{font-size:10px;min-height:38px;padding:8px 10px}.recent-section .section-top{margin-top:18px}.project-updated{display:none}.campus-projects td:first-child{min-width:145px}.campus-project-title{font-size:11px}.campus-projects th,.campus-projects td{padding:9px 10px}.creator-editor .creator-canvas{margin:0 12px;padding:15px}.creator-editor .creator-canvas .question-text{font-size:19px;min-height:65px}.student-surface[data-phase="access"] .live-body{padding:16px}.student-surface[data-phase="access"] .live-access-layout{grid-template-columns:1fr;gap:14px}.student-surface[data-phase="access"] .live-access-art{flex-direction:row;align-items:center;justify-content:center;gap:8px}.student-surface[data-phase="access"] .live-access-art img{width:48%;height:175px}.live-access-art h2{font-size:22px;margin:0;line-height:1.22}.student-surface[data-phase="access"] .live-join-card{padding:24px 20px}.student-surface .live-join-card h1{font-size:28px}.student-surface .live-join-card .live-overline{margin-bottom:18px}.student-surface .live-header{min-height:78px;padding:16px;gap:10px}.student-header-identity{gap:12px;font-size:11px}.student-surface .student-wait-illustration{height:225px;width:350px}.student-surface .live-waiting h1{font-size:30px}.student-surface .live-waiting>p{font-size:14px}.waiting-code-card{width:300px;padding:16px}.waiting-tip{padding:18px 16px;gap:12px}.waiting-tip p{font-size:12px}.student-surface .live-body{padding:16px}.student-surface .live-question-wrap{padding:18px}.student-surface .live-question-wrap h1{font-size:22px}.student-result-layout{grid-template-columns:1fr;gap:20px}.student-result-feedback{border-left:0;border-top:1px solid #edf0f8;padding:20px 0 0}.student-result-feedback .result-celebration{width:175px;height:150px}.student-result-feedback>strong{font-size:29px}.teacher-surface .live-header{padding:16px;gap:10px}.teacher-surface .live-game-title{font-size:16px}.teacher-surface .live-body{padding:12px}.teacher-surface .live-host-layout{grid-template-columns:1fr}.host-main-stack{padding:16px}.room-join-banner{grid-template-columns:125px minmax(0,1fr);gap:12px;padding:14px}.room-join-copy>strong{font-size:34px}.room-join-copy>span{font-size:12px}.room-join-copy>a{font-size:10px;padding:5px 9px}.teacher-surface .live-participation{border-left:0;border-top:1px solid #e8ecf7}.teacher-surface .participation-list{max-height:250px}.teacher-surface .live-footer{padding:12px;flex-wrap:wrap}.teacher-surface .live-toolbar{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.teacher-surface .live-toolbar .btn.lime{min-width:0}.teacher-surface .live-header .live-connection{font-size:10px;padding:6px 9px}.teacher-surface .live-menu summary{font-size:10px;padding:6px 10px}}

.creator-editor .creator-canvas .answer:nth-child(4n+1) .shape{background:#e9f0ff;color:#2438a5}
.waiting-code-card .campus-state-icon{filter:invert(24%) sepia(92%) saturate(5300%) hue-rotate(225deg) brightness(102%)}
.student-surface[data-phase="results"] .live-resource .live-image{max-height:250px}
.student-result-layout{align-items:center}
.student-result-context h1{margin-top:4px!important}
.teacher-surface .live-header{padding:14px 28px;gap:8px 18px}
.host-main-stack{padding:18px}
.room-join-banner{grid-template-columns:150px minmax(0,1fr);padding:14px 20px;max-width:620px;margin-bottom:14px}
.room-join-banner .live-qr{max-width:150px}
.host-main-stack .live-question-wrap h1{font-size:22px;margin:10px 0 14px}
.teacher-surface .campus-chart-section{padding:14px;margin:12px 0}
.teacher-surface .campus-chart-section h2{font-size:16px;margin-bottom:10px}
.teacher-surface .campus-count-track{height:110px}
.teacher-surface .campus-count-value{font-size:20px}
.teacher-surface .participant>span:last-child{background:transparent;padding:0}
.teacher-surface .live-participation .live-help{margin:10px 0 0}
@media(max-width:720px){.room-join-banner{grid-template-columns:110px minmax(0,1fr);padding:12px;gap:12px}.host-main-stack{padding:12px}.teacher-surface .live-header{padding:16px}.student-result-layout{align-items:start}}

.creator-editor .creator-canvas .answer:nth-child(4n+1) .shape{background:#e9f0ff;color:#2438a5}

.creator-editor .creator-canvas .answer:nth-child(4n+1) .shape{background:#e9f0ff;color:#2438a5}

/* Separación entre encabezado de proyectos y estado vacío */
.recent-section + .empty{margin-top:16px}

/* Editor visual polish, preserving the Kahoot authoring sequence and layout */
.creator-editor .editor-main{background:#f3f5ff}
.creator-editor .sequence{background:#fff;border-right:1px solid #e1e6fb}
.creator-editor .sequence-top{color:#1c2866;border-color:#e1e6fb}
.creator-editor .question-thumb.active .thumb-card{background:#fff;border:2px solid #5930ff!important;box-shadow:0 0 0 3px #eeeaff!important}
.creator-editor .thumb-number{background:#eeeaff;color:#5730e8}
.creator-editor .thumb-title{color:#27346d}
.creator-editor .sequence-footer{background:#fff;border-color:#e1e6fb}
.creator-editor .sequence .add-question{background:#fff1f1!important;color:#f52c36!important;border:1px solid #ffd5d8!important;border-radius:999px!important;box-shadow:0 2px 0 #ffe7e8}
.creator-editor .sequence .add-question:hover{background:#ffe5e6!important;transform:translateY(-1px)}
.creator-editor .workspace-toolbar{background:#f3f5ff}
.creator-editor .workspace-toolbar .pill{border-color:#cbd8ff;color:#173fcd}
.creator-editor .creator-canvas{margin:0 22px;padding:20px 20px 18px;gap:14px;background:#fff;border:1px solid #dce4ff;border-radius:15px;box-shadow:0 4px 18px rgba(32,51,127,.045)}
.creator-editor .creator-canvas .question-text{color:#11185f;border-bottom:1px solid #dbe3fa;border-radius:0;font-size:21px;font-weight:500;min-height:64px;padding:4px 6px 15px}
.creator-editor .creator-canvas .media-area{background:#f9fbff;border:1px dashed #9bbaff;color:#47517c;border-radius:13px}
.creator-editor .creator-media-symbol{background:#d4f000;color:#15204f;border-radius:13px}
.creator-editor .creator-upload{background:#fff;color:#164cff;border:1px solid #9db8ff;font-weight:600;box-shadow:0 2px 0 #edf2ff}
.creator-editor .creator-upload:hover,.creator-editor .creator-media-actions .btn:hover{background:#eef4ff;color:#123fd2}
.creator-editor .creator-canvas .answer,.creator-editor .creator-canvas .answer:nth-child(n){background:#fff;border:1px solid #d9e1f8;color:#11185f;border-radius:13px;transition:border-color .16s,box-shadow .16s,transform .16s}
.creator-editor .creator-canvas .answer:hover{border-color:#9eb7ff;box-shadow:0 3px 10px rgba(35,63,170,.08);transform:translateY(-1px)}
.creator-editor .creator-canvas .answer.is-correct{background:#f3fae9;border-color:#83bd42;box-shadow:inset 0 0 0 1px #83bd42}
.creator-editor .creator-canvas .answer .shape{font-weight:700}
.creator-editor .creator-canvas .answer:nth-child(4n+1) .shape{background:#e9e5ff;color:#5530d5}
.creator-editor .creator-canvas .answer:nth-child(4n+2) .shape{background:#eaf6bd;color:#3c5900}
.creator-editor .creator-canvas .answer:nth-child(4n+3) .shape{background:#fff0c4;color:#805500}
.creator-editor .creator-canvas .answer:nth-child(4n) .shape{background:#e6eeff;color:#2448b9}
.creator-editor .creator-canvas .answer textarea{color:#202c69}
.creator-editor .creator-canvas .correct-toggle{border:1px solid #c8d5f7;background:#fff}
.creator-editor .creator-canvas .correct-toggle.selected{background:#07853a;border-color:#07853a}
.creator-editor .creator-canvas .answer-add{background:#fff;border:1px solid #c8d6ff;border-radius:999px;padding:9px 17px;color:#164cff}
.creator-editor .creator-canvas .answer-add:hover{background:#edf3ff}
.creator-editor .properties{background:#fff;border-left:1px solid #e0e6f8}
.creator-editor .properties h2{color:#171e61}
.creator-editor .properties select,.creator-editor .properties input,.creator-editor .properties textarea{background:#fcfcff;border-color:#cfd8ef;color:#202762}
.creator-editor .properties select:focus,.creator-editor .properties input:focus,.creator-editor .properties textarea:focus{border-color:#5930ff;box-shadow:0 0 0 3px #eeeaff;outline:0}
.creator-editor .properties select[data-field="time"]{background:#fff8dd;color:#754f00;border-color:#f0d275}
.creator-editor .properties .property-tabs{background:#f3f3fa}
.creator-editor .properties .property-tabs .active{background:#fff;color:#f12e37;box-shadow:0 1px 4px #171e611c}
.creator-editor .creator-tools{background:#fff;border-left:1px solid #e4e8f5}
.creator-editor .creator-tools button.active{background:#fff0f0;color:#ef2d38;border-color:#ffd9dc}
.creator-editor .workspace-hint{color:#47517c}
.creator-editor .workspace-hint .creator-time{background:#fff2bd;color:#6a4900}
@media(max-width:720px){.creator-editor .creator-canvas{margin:0 12px;padding:14px;gap:12px}.creator-editor .creator-canvas .question-text{font-size:19px;padding-bottom:10px}}

/* Selected concept: visual types, time control and student companion preview */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.creator-editor .control-label{display:block;font-size:12px;color:#525d8b;margin-bottom:10px}
.question-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.creator-editor .question-type-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:86px;padding:12px 6px;border:1px solid #dde3f7;border-radius:10px;background:#fff;color:#172263;font-size:11px;line-height:1.4}
.creator-editor .question-type-tile>svg{width:28px;height:28px;color:#7744ff;stroke-width:2.4}
.creator-editor .question-type-tile:hover{border-color:#9271ff;background:#faf8ff}
.creator-editor .question-type-tile.active{border:2px solid #6730ff;background:#faf8ff;color:#5720e5;padding:11px 5px}
.type-selected{position:absolute;right:6px;top:6px;width:16px;height:16px;display:grid;place-items:center;background:#174cff;color:white;border-radius:50%}
.type-selected svg{width:12px;height:12px}
.creator-editor .all-types{display:flex;max-width:100%;margin:12px auto 0;padding:8px 14px;border-color:#c5d3ff;color:#174cff}
.current-type{border:2px solid #6730ff;background:#faf8ff}
.time-control{margin:24px 0;border-top:1px solid #e4e8f5;padding-top:20px}
.time-control-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.time-control-head output{font-size:30px;font-weight:500;line-height:1.3;color:#10105c}
.time-number{display:flex;align-items:center;gap:4px;border:1px solid #d9dff0;border-radius:10px;padding-right:10px;color:#51608b;font-size:13px;max-width:106px}
.creator-editor .properties .time-number input{width:70px;padding:9px 8px;background:transparent;border:0;box-shadow:none;font-size:14px;color:#182166}
.creator-editor .properties .question-time-range{width:100%;min-height:32px;cursor:ew-resize;accent-color:#174cff;border:0;background:transparent;padding:4px 0;box-shadow:none;margin:10px 0 0}
.time-endpoints{display:flex;justify-content:space-between;color:#65729f;font-size:11px;margin-top:-2px}
.time-presets{display:flex;gap:5px;margin-top:15px}
.time-preset{flex:1;min-height:34px;min-width:0;border-radius:999px;background:#eef3ff;color:#174cff;font-size:11px;border:1px solid transparent}
.time-preset.active{background:#174cff;color:#fff}
.time-preset:hover{border-color:#8faaff}
.creator-editor .creator-canvas .answer .shape{width:28px;height:28px;padding:0;background:transparent!important;border-radius:0;display:grid;place-items:center}
.answer-geometry{display:block!important;width:28px!important;height:28px!important;object-fit:contain;flex:none}
.creator-editor .creator-canvas .answer{grid-template-columns:28px minmax(0,1fr) 26px 18px}
.creator-editor .creator-canvas[data-format="tf"] .answer{grid-template-columns:28px minmax(0,1fr) 26px}
.creator-editor .creator-canvas .answer textarea{font-size:13px}
.creator-editor .editor-actions [data-action="preview"]{border-color:#adc2ff;color:#174cff}
.creator-editor .editor-actions .btn,.creator-editor .creator-panel-footer .btn{border-radius:999px}
.student-preview.player-modal{--preview-width:36vw;position:fixed;inset:0 0 0 auto;width:var(--preview-width);max-width:640px;min-width:420px;background:#fff!important;color:#10105c!important;box-shadow:-12px 0 40px #15275c10;border-left:1px solid #dfe6f9;overflow:hidden;z-index:100;font-family:Poppins,sans-serif}
body:has(.student-preview) .creator-editor{width:calc(100% - clamp(420px,36vw,640px))}
.student-preview .player-top{padding:15px 20px;background:#f7f8ff;border-bottom:1px solid #e3e9f8;gap:10px;flex-wrap:wrap}
.student-preview .player-top strong{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#10105c}
.student-preview .preview-tag{font-size:9px;color:#62729c;display:block;border:0;background:none;padding:3px 0 0}
.student-preview .player-top .btn{padding:7px 10px;font-size:11px;min-height:34px;border-radius:999px;color:#174cff;border-color:#c7d6ff;background:#fff}
.preview-controls{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;gap:10px}
.preview-device-switch{display:flex;padding:3px;background:#f0f3fc;border-radius:999px;gap:3px}
.preview-device-switch button{font-size:11px;min-height:30px;padding:6px 13px;border-radius:999px;color:#57618b}
.preview-device-switch button.active{background:#174cff;color:#fff}
.preview-controls>.btn{font-size:10px;padding:7px 10px;min-height:30px;border-radius:999px;color:#174cff}
.preview-controls svg{width:14px;height:14px}
.preview-student-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 24px;border-bottom:1px solid #edf0f8}
.preview-student-header .brand{padding:0;transform:scale(.8);transform-origin:left center;margin-right:-28px;flex:none}
.preview-student-header>div:last-child{min-width:110px;flex:1;max-width:190px;font-size:11px;color:#26356f}
.student-preview .player-progress{height:6px;background:#e9edf8;margin-top:8px;border-radius:999px;overflow:hidden}
.student-preview .player-progress i{background:#174cff;border-radius:999px}
.preview-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}
.student-preview .player-body{width:100%;max-width:600px;margin:0 auto;padding:20px 24px 26px;color:#10105c}
.student-preview .player-body h1{font-family:Poppins,sans-serif;font-weight:500;font-size:24px;line-height:1.35;letter-spacing:-.035em;margin:16px 0 20px;overflow-wrap:anywhere}
.student-preview .player-body .eyebrow{font-size:10px;color:#174cff!important}
.student-preview .timer{margin:0 0 12px auto;width:auto;min-width:75px;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 13px;background:#fff3d1;border:1px solid #f7d78a;border-radius:999px;color:#8a5400;font-size:14px}
.student-preview .timer svg{width:17px;height:17px}
.student-preview .player-media{display:block;max-height:230px;width:100%;object-fit:contain;margin:0 auto 18px;border:1px solid #e5eaf7;background:#fff;border-radius:12px}
.student-preview .player-answers{gap:10px}
.student-preview .player-answer:nth-child(n){display:flex;gap:12px;min-height:68px;padding:14px 12px;border:1px solid #cdd9fa;border-radius:12px;background:#f6f8ff;color:#10105c;box-shadow:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;white-space:normal}
.student-preview .player-answer:hover:not(:disabled){border-color:#174cff;background:#eef3ff}
.student-preview .player-answer.selected{border:2px solid #174cff;padding:13px 11px;background:#edf3ff;box-shadow:0 0 0 2px #e8efff}
.student-preview .player-answer:disabled{opacity:1;cursor:default}
.player-answer-label{overflow-wrap:anywhere;min-width:0}
.student-preview .player-foot{display:flex;gap:10px;flex-wrap:wrap;padding:13px 20px;background:#fff;border-top:1px solid #e4eaf8;color:#50628e;font-size:10px}
.student-preview .player-foot .flex{gap:7px}
.student-preview .player-foot>.btn{margin-left:auto;border-radius:999px;background:#174cff;color:white;border-color:#174cff;min-height:40px;padding:10px 17px;font-size:12px}
.student-preview .player-foot .flex>.btn{border-radius:999px;color:#174cff;border-color:#d6dfff;font-size:10px;padding:7px 9px}
.student-preview .player-feedback{background:#f0f8eb;color:#215c35;border:1px solid #d7e8cd;border-radius:12px;margin:20px 0 0}
.preview-sent{padding:18px;margin-top:20px;border-radius:12px;background:#edf3ff;color:#10105c;font-size:14px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.preview-sent>svg{width:20px;height:20px;color:#174cff}
.preview-sent>strong{font-weight:500}
.preview-sent>p{flex-basis:100%;font-size:12px;color:#56658f;margin:0}
.student-preview .range-labels{color:#58658e!important}
.student-preview .scale-dots{flex-wrap:wrap}
.student-preview.mobile-preview .preview-scroll{background:#f4f6fc;padding:14px}
.student-preview.mobile-preview .player-body{max-width:390px;background:#fff;min-height:100%;padding:20px 16px}
.student-preview.mobile-preview .player-answer:nth-child(n){font-size:12px;padding:11px;min-height:64px;gap:8px}
.student-preview.mobile-preview .player-body h1{font-size:22px}
.live-options .shape:has(.answer-geometry){background:transparent!important;border-radius:0;padding:0;min-width:28px}
@media(min-width:1351px){body:has(.student-preview) .creator-editor .editor-identity{flex-basis:230px}body:has(.student-preview) .creator-editor .editor-document{max-width:155px}body:has(.student-preview) .creator-editor .editor-actions{flex-wrap:wrap;gap:6px}body:has(.student-preview) .creator-editor .creator-canvas .question-text{font-size:20px}}
@media(max-width:1350px){.student-preview.player-modal{width:100%;min-width:0;max-width:none}.student-preview .player-body{max-width:760px}.student-preview .preview-student-header{justify-content:center}.student-preview .preview-student-header>div:last-child{max-width:250px}body:has(.student-preview) .creator-editor{width:100%}}
@media(max-width:720px){.question-type-grid{gap:7px}.creator-editor .question-type-tile{min-height:72px;font-size:10px}.time-control-head output{font-size:25px}.student-preview .player-body{padding:16px}.student-preview .player-body h1{font-size:23px}.student-preview .player-top{padding:12px 16px}.preview-controls{padding:10px 16px}.preview-student-header{padding:10px 16px}.student-preview .player-foot{padding:12px 16px}.student-preview .player-answer:nth-child(n){font-size:12px;min-height:64px;padding:12px 10px}.student-preview .player-foot>span{display:none}.student-preview .player-foot .btn{min-height:38px}.creator-editor .time-control{margin:12px 0}.creator-editor .properties .question-type-picker,.creator-editor .properties .time-control{grid-column:1/-1}.creator-editor .question-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.student-preview *,.question-type-tile,.time-preset{transition:none!important}}

.student-preview.standalone-preview{width:100%;max-width:none;min-width:0}.student-preview.standalone-preview .player-body{max-width:800px}

/* Deck refinements: unified catalog, palette system and compact tools */
.studio-modal{background:#fff!important;border:1px solid #e0e7fb;box-shadow:0 24px 90px #111c5330;border-radius:20px;color:#10105c}
.studio-modal .modal-head{padding:26px 28px 18px;border-bottom:1px solid #edf0fa}
.studio-modal .modal-head h2{font-size:24px;font-weight:500;color:#10105c}
.studio-modal .modal-head p{color:#63709b}
.studio-modal .modal-body{padding-top:10px}
.studio-modal .type-group{color:#4b5889;font-size:10px;letter-spacing:.08em}
.studio-modal .type-card{border:1px solid #dce3f7;background:#fff;border-radius:12px;min-height:74px;gap:12px;color:#182367}
.studio-modal .type-card:hover{background:#f6f8ff;border-color:#9caeff}
.studio-modal .type-card.current-type{background:#f7f4ff;border:2px solid #6730ff}
.studio-modal .type-icon{background:#eef2ff;color:#6730ff;width:36px;height:36px;border-radius:10px}
.studio-modal .type-card strong{font-size:12px;font-weight:500}
.studio-modal .type-card small{font-size:10px;line-height:1.45;color:#63709b}
.creator-editor .editor-main{grid-template-columns:184px minmax(0,1fr) 284px;grid-template-rows:minmax(0,1fr)}
.creator-editor.panel-closed .editor-main{grid-template-columns:184px minmax(0,1fr) 0}
.creator-editor .properties{grid-column:3;grid-row:1}
.creator-editor .creator-tools{display:none!important}
.creator-editor .creator-canvas .answer textarea{resize:none;align-self:center;padding:7px 0;line-height:1.6}
.creator-editor .creator-canvas .question-text,.creator-editor .creator-canvas .slide-copy{resize:none}
.creator-editor .creator-canvas .correct-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;line-height:1;border:1.5px solid #c6d1ed;color:transparent;box-shadow:none}
.creator-editor .creator-canvas .correct-toggle .correct-check{display:block;width:17px;height:17px;margin:0;opacity:0;object-fit:contain}
.creator-editor .creator-canvas .correct-toggle.selected{background:#07853a;border-color:#07853a}
.creator-editor .creator-canvas .correct-toggle.selected .correct-check{opacity:1}
.creator-editor .creator-canvas .answer,.creator-editor .creator-canvas[data-format="tf"] .answer{grid-template-columns:28px minmax(0,1fr) 30px 18px}
.creator-editor .creator-canvas[data-format="tf"] .answer{grid-template-columns:28px minmax(0,1fr) 30px}
.creator-editor .creator-canvas[data-format="poll"] .answer{grid-template-columns:28px minmax(0,1fr) 18px}
.creator-editor .creator-canvas .delete-answer{align-self:center;margin:0;height:30px}
.creator-editor .time-control-head{justify-content:flex-start}
.creator-editor .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.creator-editor .palette-swatch{background:#fff;border:1px solid #dce3f7;border-radius:12px;padding:8px;overflow:hidden}
.creator-editor .palette-swatch.active{border:2px solid #6730ff;padding:7px;box-shadow:0 0 0 2px #efeaff}
.palette-colors{display:flex;height:48px;overflow:hidden;border-radius:7px}
.palette-colors>span{display:block;flex:1}
.palette-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 1px 3px;color:#182367}
.palette-caption strong{font-size:11px;font-weight:500}
.palette-caption svg{width:14px;height:14px;color:#6730ff}
.deck-gallery-link{display:flex!important;margin-top:12px;font-size:11px!important;color:#174cff;text-decoration:none}
.creator-editor .creator-canvas{background:var(--canvas-bg)!important;color:var(--canvas-ink);border-color:var(--deck-accent);border-top:4px solid var(--deck-accent);padding-top:14px}
.deck-brand{display:flex;justify-content:flex-end;align-items:center;flex:none}
.creator-editor .creator-canvas>.deck-brand{width:100%;margin-bottom:0}
.deck-brand .brand-native{width:110px;min-width:0;padding:0;color:var(--canvas-ink,#10105c)}
.deck-brand .brand-wordmark{font-size:27px;color:inherit}
.deck-brand .brand-tagline{font-size:5px;color:inherit;opacity:.7}
.deck-brand .brand-star{color:#b5d900}
.creator-editor .creator-canvas .question-text{color:var(--canvas-ink)!important;background:transparent!important;border-bottom-color:var(--deck-accent);font-weight:500}
.creator-editor .creator-canvas .media-area{background:#ffffffef;border-color:var(--deck-accent)}
.creator-editor .creator-canvas .answer{background:#fff;color:#10105c}
.creator-editor .creator-canvas .slide-copy{color:var(--canvas-ink);background:transparent;border:1px solid var(--deck-accent)}
.creator-editor .creator-type{color:#174cff}
.creator-editor .creator-canvas .slider-config,.creator-editor .creator-canvas .short-answers{background:#fff;color:#152367;border:1px solid #dce3f7;border-radius:12px;padding:20px}
.creator-editor .creator-canvas .slider-config input[type=range]{accent-color:var(--deck-accent)}
.creator-editor .creator-canvas .puzzle-row{background:#fff;color:#152367;border:1px solid #dce3f7;min-height:56px}
.creator-editor .creator-canvas .scale-dots span{border-color:#cdd8f1;color:#192568;background:#fff}
.student-preview .preview-scroll{background:var(--canvas-bg,#f5f7ff)!important}
.student-preview .player-body{color:var(--canvas-ink,#10105c)!important}
.student-preview .player-body h1{color:var(--canvas-ink,#10105c)}
.student-preview .player-body .eyebrow{color:var(--deck-accent,#174cff)!important}
.student-preview .preview-student-header{background:var(--canvas-bg,#fff);border-top:3px solid var(--deck-accent,#6730ff);color:var(--canvas-ink);position:relative}
.student-preview .preview-student-header>.deck-brand{order:2;margin-left:auto}
.student-preview .preview-student-header>div:last-child{order:1;flex:1;max-width:200px;color:var(--canvas-ink)}
.student-preview .preview-student-header .brand{margin:0;transform:none;transform-origin:center}
.student-preview.mobile-preview .player-body{background:var(--canvas-bg)!important}
.student-preview .player-body textarea{resize:none;background:#fff;border-color:#cbd8f5}
.student-preview .player-body .scale-dots button{color:#172367;border:1px solid #cbd7f2;background:#fff}
.student-preview .player-body .scale-dots button.selected{background:var(--deck-accent);border-color:var(--deck-accent);color:#fff}
.student-preview .player-body .puzzle-row{background:#fff;border:1px solid #dce4f5;border-radius:12px;min-height:54px}
.student-preview .player-body .puzzle-row .icon-btn{color:#174cff}
.student-preview .player-body .word-cloud{color:var(--deck-accent)}
.student-preview .player-body .idea-board .idea{transform:none;border-radius:12px;background:#fff;color:#172367;border:1px solid #d5def4;box-shadow:none}
.live-question-wrap>.deck-brand{margin-bottom:14px}
@media(min-width:1600px){.creator-editor .editor-main{grid-template-columns:200px minmax(0,1fr) 302px}.creator-editor.panel-closed .editor-main{grid-template-columns:200px minmax(0,1fr) 0}}
@media(max-width:1200px) and (min-width:901px){.creator-editor .editor-main{grid-template-columns:155px minmax(0,1fr) 260px}.creator-editor.panel-closed .editor-main{grid-template-columns:155px minmax(0,1fr) 0}}
@media(max-width:900px){.creator-editor .editor-main,.creator-editor.panel-closed .editor-main{grid-template-columns:132px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.creator-editor .editor-main>.properties{position:absolute;top:0;bottom:0;right:0;grid-column:2;grid-row:1;width:285px;max-width:calc(100% - 25px)}}
@media(max-width:650px){.creator-editor .editor-main,.creator-editor.panel-closed .editor-main{grid-template-columns:minmax(0,1fr);grid-template-rows:134px minmax(0,1fr)}.creator-editor .editor-main>.properties{grid-column:1;grid-row:2;inset:0 0 0 auto;width:min(310px,calc(100% - 24px));height:100%;max-width:none}.creator-editor .workspace-toolbar .btn{font-size:10px;min-height:32px;padding:7px 10px;border-radius:999px}.creator-editor .creator-canvas .answer{grid-template-columns:28px minmax(0,1fr) 30px 18px}.creator-editor .creator-canvas[data-format="tf"] .answer{grid-template-columns:28px minmax(0,1fr) 30px}.studio-modal .type-grid{grid-template-columns:1fr}.studio-modal .modal-head{padding:20px}.studio-modal .type-card strong{font-size:12px}.studio-modal .type-card small{font-size:11px}.deck-brand .brand-native{width:99px}.deck-brand .brand-wordmark{font-size:25px}}

/* Visual help in the question catalog: hover, keyboard focus and touch info */
.format-catalog-modal{width:min(1080px,calc(100vw - 40px))!important;height:min(850px,90dvh);display:flex;flex-direction:column;overflow:hidden}
.format-catalog-modal .modal-head{flex:none}
.format-catalog-modal .modal-head h2{font-size:23px}
.format-catalog-modal .modal-body{flex:1;min-height:0;padding:0;overflow:hidden}
.format-catalog{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:100%;min-height:0}
.format-catalog-list{overflow:auto;padding:7px 22px 24px;min-width:0;overscroll-behavior:contain}
.format-catalog .type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.type-card-wrap{position:relative;min-width:0}
.format-catalog .type-card{width:100%;height:100%;min-height:82px;padding:13px 30px 13px 12px;align-items:center;gap:10px}
.format-catalog .type-card strong{font-size:12px;line-height:1.45}
.format-catalog .type-card small{font-size:10px;line-height:1.5;margin-top:4px}
.format-catalog .type-card .type-icon{width:32px;height:36px}
.format-catalog .type-card.current-type{background:#f7f4ff;border-color:#6730ff}
.type-info-button{position:absolute;top:6px;right:5px;width:24px;height:24px;display:grid;place-items:center;padding:4px;border-radius:50%;color:#6b78a7;background:#fff;border:1px solid #e1e7f6}
.type-info-button svg{width:14px;height:14px}
.type-info-button:hover,.type-info-button:focus-visible{background:#eef2ff;color:#174cff;border-color:#93adff}
.format-guide{border-left:1px solid #e1e7f7;background:#f9faff;overflow:auto;min-width:0;padding:18px;overscroll-behavior:contain}
.format-guide-preview{position:relative;height:265px;background:#fff;border:1px solid #dce5fa;border-radius:13px;overflow:hidden}
.format-guide-preview iframe{width:100%;height:100%;display:block;border:0;pointer-events:none;background:#fff}
.format-preview-label{position:absolute;bottom:0;left:0;right:0;padding:5px 8px;background:#f3f6ff;color:#627199;text-align:center;font-size:9px;border-top:1px solid #e4eafb}
.format-guide-copy{padding:17px 2px 0}
.format-guide-heading{display:flex;align-items:center;gap:8px;color:#6730ff}
.format-guide-heading>svg{width:21px;height:21px}
.format-guide-heading h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;line-height:1.35;color:#10105c;letter-spacing:-.025em;margin:0}
.format-guide-copy p{font-size:12px;color:#465783;line-height:1.65;margin:8px 0 13px}
.format-guide-copy h4{font-size:11px;font-weight:500;color:#182967;margin-top:14px;letter-spacing:0}
.format-guide-copy .format-guide-description{font-size:13px;color:#24336d}
.format-scoring{display:block;font-size:10px;line-height:1.6;padding-top:11px;border-top:1px solid #e0e7f7;color:#66759c}
.format-guide-copy .format-guide-choose{width:100%;white-space:normal;min-height:40px;margin-top:15px;padding:10px 12px;border-radius:999px;background:#174cff!important;border-color:#174cff!important;color:#fff;font-size:12px;box-shadow:none;line-height:1.4}
@media(max-width:760px){.format-catalog-modal{width:calc(100vw - 24px)!important;max-height:94dvh;height:94dvh}.format-catalog-modal .modal-head{padding:20px 18px 14px}.format-catalog-modal .modal-head h2{font-size:20px}.format-catalog-modal .modal-body{overflow:auto}.format-catalog{display:block;height:auto}.format-catalog-list{overflow:visible;padding:0 15px 20px}.format-catalog .type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.format-catalog .type-card{padding:12px 27px 12px 8px;gap:7px;min-height:92px;flex-direction:column;text-align:center;justify-content:center}.format-catalog .type-card strong{font-size:11px}.format-catalog .type-card small{display:none}.format-guide{border-left:0;border-top:1px solid #dce4f5;padding:18px;overflow:visible}.format-guide-preview{height:285px;max-width:400px;margin:auto}.format-guide-copy{max-width:420px;margin:auto}.type-info-button{width:26px;height:26px}}

/* Selected catalog proposal 1: compact groups and a wider student example */
.format-catalog-modal{width:min(1120px,calc(100vw - 40px))!important;height:min(850px,94dvh);max-height:94dvh}
.format-catalog-modal .modal-head{align-items:center;gap:16px;padding:23px 26px 20px}
.format-catalog-modal .modal-head>div:first-child{flex:1;min-width:0}
.format-catalog-modal .modal-head h2{font-size:25px;font-weight:500}
.format-catalog-modal .modal-head p{font-size:12px;margin-top:6px}
.catalog-header-brand{flex:none}
.catalog-header-brand .brand-native{padding:0;width:112px}
.catalog-header-brand .brand-wordmark{font-size:29px}
.catalog-header-brand .brand-tagline{font-size:5px}
.format-catalog{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}
.format-catalog-list{padding:4px 22px 18px}
.format-catalog .type-group{display:flex;align-items:center;gap:8px;margin:17px 0 9px;font-size:10px;letter-spacing:.07em;color:#18266b;font-weight:500;line-height:1.4}
.format-catalog .type-group::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--group-accent);flex:none}
.format-catalog [data-type-group="knowledge"]{--group-accent:#6730ff;--group-icon:#6730ff;--group-soft:#f0edff}
.format-catalog [data-type-group="opinions"]{--group-accent:#c9ed00;--group-icon:#799700;--group-soft:#f4f9e5}
.format-catalog [data-type-group="content"]{--group-accent:#ff2b2e;--group-icon:#ed2937;--group-soft:#fff0ec}
.format-catalog .type-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.format-catalog .type-card{min-height:60px;padding:10px 29px 10px 11px;gap:10px;border-radius:11px;background:#fff;box-shadow:none;border:1px solid #dce4f8;text-align:left;flex-direction:row;justify-content:flex-start;position:relative}
.format-catalog .type-card strong{font-size:12px;line-height:1.4;font-weight:500}
.format-catalog .type-card small{display:none}
.format-catalog .type-card .type-icon{width:32px;height:34px;border-radius:9px;background:var(--group-soft);color:var(--group-icon)}
.format-catalog .type-card .type-icon svg{width:23px;height:23px}
.format-catalog .type-card.current-type{border:2px solid #6730ff;padding:9px 28px 9px 10px;background:#faf7ff}
.catalog-selection-check{position:absolute;top:7px;right:7px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#174cff;color:#fff}
.catalog-selection-check svg{display:block;width:12px;height:12px;stroke-width:2.5}
.current-type .catalog-selection-check{display:flex}
.format-catalog .type-info-button{display:none}
.format-guide{padding:20px 22px 22px;display:flex;flex-direction:column;gap:0;background:#fbfcff;overflow:auto}
.format-guide-preview{height:clamp(360px,46vh,440px);min-height:360px;flex:none;border-radius:16px;border-color:#dbe3fa;background:#fff}
.format-guide-copy{padding:22px 0 0;flex:1;display:flex;flex-direction:column}
.format-guide-heading{gap:10px}
.format-guide-heading>svg{width:27px;height:27px}
.format-guide-heading h3{font-size:23px;font-weight:500}
.format-guide-copy .format-guide-description{font-size:13px;line-height:1.6;margin:12px 0 4px}
.format-guide-copy .format-guide-participation{font-size:12px;line-height:1.6;color:#64729b;margin:0 0 14px}
.format-guide-participation strong{font-weight:400}
.format-guide-copy .format-scoring{display:none}
.format-guide-copy .format-guide-choose{margin-top:auto;min-height:44px;font-size:13px;font-weight:500;flex:none}
@media(max-height:800px) and (min-width:761px){.format-catalog-modal{height:94dvh}.format-catalog-modal .modal-head{padding:18px 24px 15px}.format-catalog .type-card{min-height:53px;padding-top:7px;padding-bottom:7px}.format-catalog .type-card.current-type{padding-top:6px;padding-bottom:6px}.format-catalog .type-group{margin:12px 0 7px}.format-catalog-list{padding-bottom:12px}.format-guide-preview{height:310px;min-height:310px}.format-guide{padding:16px}.format-guide-copy{padding-top:14px}.format-guide-heading h3{font-size:20px}.format-guide-copy .format-guide-description{margin-top:7px;font-size:12px}.format-guide-copy .format-guide-participation{font-size:11px;margin-bottom:10px}}
@media(max-width:760px){.format-catalog-modal{width:calc(100vw - 24px)!important;height:94dvh}.format-catalog{display:block}.format-catalog-modal .modal-head{padding:18px;gap:8px}.format-catalog-modal .modal-head h2{font-size:20px}.catalog-header-brand{display:none}.format-catalog-list{padding:0 15px 18px}.format-catalog .type-card{min-height:64px;padding-right:27px;gap:8px}.format-catalog .type-card strong{font-size:11px}.format-catalog .type-card .type-icon{width:27px;height:31px}.format-catalog .type-card .type-icon svg{width:21px;height:21px}.format-guide{padding:18px;border-left:0;overflow:visible}.format-guide-preview{width:100%;height:400px;min-height:400px;max-width:430px}.format-guide-copy{width:100%;max-width:430px;padding-top:18px;gap:0}.format-guide-copy .format-guide-choose{margin-top:10px}.format-catalog .type-info-button{display:grid;width:22px;height:22px;top:auto;bottom:4px;right:4px;padding:4px}.catalog-selection-check{width:14px;height:14px;right:5px;top:5px}.catalog-selection-check svg{width:10px;height:10px}}
@media(max-width:390px){.format-catalog .type-grid{grid-template-columns:1fr}.format-catalog .type-card{min-height:54px}}

/* Color identities on entire option blocks */
.creator-editor .creator-canvas .answer:nth-child(6n+1),.student-preview .player-answer:nth-child(6n+1),.live-options .live-option:nth-child(6n+1),.creator-canvas .puzzle-row:nth-child(6n+1),.student-preview .puzzle-row:nth-child(6n+1){background:#eee5ff!important;border-color:#8b64ef;border-left:4px solid #8b64ef;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+1){background:#6730ff!important}
.creator-editor .creator-canvas .answer:nth-child(6n+2),.student-preview .player-answer:nth-child(6n+2),.live-options .live-option:nth-child(6n+2),.creator-canvas .puzzle-row:nth-child(6n+2),.student-preview .puzzle-row:nth-child(6n+2){background:#eef7be!important;border-color:#a7c400;border-left:4px solid #a7c400;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+2){background:#c9ed00!important}
.creator-editor .creator-canvas .answer:nth-child(6n+3),.student-preview .player-answer:nth-child(6n+3),.live-options .live-option:nth-child(6n+3),.creator-canvas .puzzle-row:nth-child(6n+3),.student-preview .puzzle-row:nth-child(6n+3){background:#ffe3e6!important;border-color:#f77b85;border-left:4px solid #f77b85;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+3){background:#ff2b2e!important}
.creator-editor .creator-canvas .answer:nth-child(6n+4),.student-preview .player-answer:nth-child(6n+4),.live-options .live-option:nth-child(6n+4),.creator-canvas .puzzle-row:nth-child(6n+4),.student-preview .puzzle-row:nth-child(6n+4){background:#e2edff!important;border-color:#75a1ff;border-left:4px solid #75a1ff;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+4){background:#174cff!important}
.creator-editor .creator-canvas .answer:nth-child(6n+5),.student-preview .player-answer:nth-child(6n+5),.live-options .live-option:nth-child(6n+5),.creator-canvas .puzzle-row:nth-child(6n+5),.student-preview .puzzle-row:nth-child(6n+5){background:#ffedce!important;border-color:#efad4d;border-left:4px solid #efad4d;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+5){background:#ff8a00!important}
.creator-editor .creator-canvas .answer:nth-child(6n+6),.student-preview .player-answer:nth-child(6n+6),.live-options .live-option:nth-child(6n+6),.creator-canvas .puzzle-row:nth-child(6n+6),.student-preview .puzzle-row:nth-child(6n+6){background:#d9f5ed!important;border-color:#57bda0;border-left:4px solid #57bda0;color:#10105c}
.creator-editor .thumb-colors i:nth-child(6n+6){background:#11a797!important}

.creator-editor .creator-canvas .answer.is-correct{box-shadow:0 0 0 1px #07853a!important}
.student-preview .player-answer.selected,.live-options .live-option.selected{outline:2px solid #174cff;outline-offset:1px;box-shadow:none}
.live-options .live-option.correct{outline:2px solid #07853a;outline-offset:1px}
.format-catalog .type-card{background:var(--group-soft)!important}
.format-catalog .type-card.current-type{background:#eee5ff!important}
.creator-editor .sequence-actions{display:flex!important;justify-content:space-between;gap:6px;height:auto;min-height:36px;margin:8px 0 0;opacity:1!important}
.creator-editor .sequence-actions .icon-btn{display:grid;place-items:center;width:32px;height:32px;min-width:0;min-height:32px;flex:1;padding:7px;border:1px solid #b8c9f5;background:#edf3ff;color:#174cff;border-radius:9px}
.creator-editor .sequence-actions .icon-btn svg{width:17px;height:17px;stroke-width:2}
.creator-editor .sequence-actions .icon-btn:hover{background:#dce7ff;border-color:#779aff}
.creator-editor .sequence-actions [data-action^="duplicate:"]{background:#eee7ff;border-color:#c5adfa;color:#6730ff}
.creator-editor .sequence-actions [data-action^="remove:"]{background:#ffe9eb;border-color:#f5b3bb;color:#dc263c}
.creator-editor .sequence .sequence-inline-add{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin:8px 0 0;padding:8px 10px;background:#174cff!important;color:#fff!important;border-color:#174cff!important;font-size:11px;border-radius:999px!important}
.creator-editor .sequence .sequence-inline-add:hover{background:#103ad4!important}
.creator-editor .sequence-footer:not(:has(.add-question)){display:none}
@media(max-width:650px){.creator-editor .editor-main,.creator-editor.panel-closed .editor-main{grid-template-rows:218px minmax(0,1fr)}.creator-editor .editor-main>.sequence{height:218px;min-height:218px;max-height:218px}.creator-editor .sequence-actions{gap:3px;margin-top:5px;min-height:29px}.creator-editor .sequence-actions .icon-btn{width:25px;height:27px;min-height:27px;padding:5px;border-radius:6px}.creator-editor .sequence-actions .icon-btn svg{width:14px;height:14px}.creator-editor .editor-main .sequence .sequence-inline-add{width:100%;min-height:33px;max-height:33px;flex-direction:row;gap:4px;padding:5px 3px;font-size:8px;margin-top:5px}.creator-editor .sequence .sequence-inline-add svg{width:13px;height:13px}.creator-editor .sequence-footer:has(.add-question){width:85px}}

/* Answer boxes, selected visual proposal 1 */
.creator-editor .creator-canvas{container-type:inline-size}
.creator-editor .creator-canvas .answer-editor-grid{gap:13px}
.creator-editor .creator-canvas .answer-editor-grid .answer{display:grid;grid-template-columns:36px minmax(0,1fr) auto!important;gap:12px;align-items:center;min-height:86px;padding:14px 14px 14px 15px;border-radius:14px;box-shadow:none!important;transform:none}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+1){border-left:7px solid #6730ff;background:#eee6ff!important;border-top-color:#d2bfff;border-right-color:#d2bfff;border-bottom-color:#d2bfff}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+2){border-left:7px solid #b4cf00;background:#f1f8ce!important;border-top-color:#d4e875;border-right-color:#d4e875;border-bottom-color:#d4e875}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+3){border-left:7px solid #ff2b2e;background:#ffe6e9!important;border-top-color:#ffb1ba;border-right-color:#ffb1ba;border-bottom-color:#ffb1ba}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+4){border-left:7px solid #174cff;background:#e7efff!important;border-top-color:#aec4ff;border-right-color:#aec4ff;border-bottom-color:#aec4ff}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+5){border-left:7px solid #ff8a00}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+6){border-left:7px solid #11a797}
.creator-editor .creator-canvas .answer-editor-grid .answer.is-correct{box-shadow:none!important}
.creator-editor .creator-canvas .answer-editor-grid .shape{width:36px;height:36px}
.creator-editor .creator-canvas .answer-editor-grid .answer-geometry{width:31px!important;height:31px!important}
.creator-editor .creator-canvas .answer-editor-grid textarea{display:block;resize:none;width:100%;height:48px;min-height:48px;max-height:96px;padding:12px 13px;background:#ffffffed!important;border:1px solid #cdd8f3!important;border-radius:9px;color:#10105c;font-size:14px;line-height:22px;box-shadow:none;overflow:auto;align-self:center}
.creator-editor .creator-canvas .answer-editor-grid textarea::placeholder{color:#747c9e}
.creator-editor .creator-canvas .answer-editor-grid textarea:focus{outline:2px solid #174cff;outline-offset:1px;background:#fff!important}
.answer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;height:42px;border-left:1px solid #c7cce5;padding-left:12px}
.answer-correct-action{display:flex;align-items:center;gap:8px;width:102px;min-width:0}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle{width:32px;height:32px;min-width:32px;min-height:32px;flex:none;border:1.5px solid #8994bc;background:#ffffffd9;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle .correct-check{width:18px;height:18px;display:block;opacity:.65;filter:brightness(0) saturate(100%) invert(38%) sepia(13%) saturate(1060%) hue-rotate(190deg)}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle:hover{border-color:#07853a;background:#effaf3}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle.selected{background:#07853a;border-color:#07853a}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle.selected .correct-check{filter:none;opacity:1}
.answer-correct-label{visibility:hidden;font-size:11px;font-weight:500;line-height:1.3;color:#087c35;white-space:nowrap}
.answer-correct-label.visible{visibility:visible}
.answer-delete-action{display:flex;align-items:center;justify-content:center;border-left:1px solid #c7cce5;padding-left:12px}
.creator-editor .creator-canvas .answer-editor-grid .delete-answer{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:8px;border-radius:50%;background:#ffe0e6;color:#df263f;opacity:1;margin:0}
.creator-editor .creator-canvas .answer-editor-grid .delete-answer svg{width:18px;height:18px}
.creator-editor .creator-canvas .answer-editor-grid .delete-answer:hover{background:#ffc5d0;color:#b6182d}
.creator-editor .creator-canvas .answer-editor-grid button:focus-visible{outline:2px solid #174cff;outline-offset:3px}
.creator-editor .creator-canvas .answer-add{font-size:12px;min-height:37px;margin-top:15px;opacity:1;border-color:#c0d0ff;color:#174cff}
@container(max-width:1050px){.answer-correct-action{width:32px}.answer-correct-label{display:none}.answer-actions{gap:9px;padding-left:9px}.answer-delete-action{padding-left:9px}.creator-editor .creator-canvas .answer-editor-grid .answer{gap:10px;padding-left:11px;padding-right:11px}}
@container(max-width:620px){.creator-editor .creator-canvas .answer-editor-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.creator-editor .creator-canvas .answer-editor-grid .answer{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px;min-height:78px;padding:11px 9px;border-radius:12px}.creator-editor .creator-canvas .answer-editor-grid .shape{width:28px;height:28px}.creator-editor .creator-canvas .answer-editor-grid .answer-geometry{width:25px!important;height:25px!important}.creator-editor .creator-canvas .answer-editor-grid textarea{font-size:13px;padding:11px 8px}.answer-actions{gap:6px;padding-left:6px}.answer-delete-action{padding-left:6px}.answer-correct-action{width:30px}.creator-editor .creator-canvas .answer-editor-grid .correct-toggle{width:30px;height:30px;min-width:30px;min-height:30px}.creator-editor .creator-canvas .answer-editor-grid .delete-answer{width:30px;min-width:30px;height:30px;padding:7px}}

/* Answer boxes — selected proposal 2, saturated identity panels */
.creator-editor .creator-canvas .answer-editor-grid .answer{--answer-fg:#fff;min-height:92px;border:1px solid transparent!important;border-radius:14px;gap:12px;padding:14px!important;color:var(--answer-fg)}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+1){background:#6730ff!important}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+2){background:#c9ed00!important;--answer-fg:#10105c}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+3){background:#dc243c!important}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+4){background:#174cff!important}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+5){background:#ffad32!important;--answer-fg:#10105c}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+6){background:#087d6d!important}
.creator-editor .creator-canvas .answer-editor-grid .shape{width:36px;height:42px;background:#ffffffd6!important;border-radius:10px;padding:5px}
.creator-editor .creator-canvas .answer-editor-grid textarea{background:transparent!important;color:var(--answer-fg)!important;border:1px solid #ffffff80!important;font-size:15px;font-weight:400;min-height:50px;height:50px;padding:12px;line-height:24px}
.creator-editor .creator-canvas .answer-editor-grid textarea::placeholder{color:var(--answer-fg);opacity:.8}
.creator-editor .creator-canvas .answer-editor-grid textarea:focus{background:#ffffff12!important;outline:2px solid #fff;outline-offset:1px}
.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+2) textarea,.creator-editor .creator-canvas .answer-editor-grid .answer:nth-child(6n+5) textarea{background:#ffffff5c!important;border-color:#ffffff!important}
.creator-editor .creator-canvas .answer-editor-grid .answer-actions{border:0;padding-left:0;gap:10px}
.creator-editor .creator-canvas .answer-editor-grid .answer-delete-action{border:0;padding-left:0}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle{border:1px solid #ffffffc9;background:#fff;width:32px;height:32px}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle .correct-check{opacity:.45}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle.selected{background:#07853a;border-color:#07853a}
.creator-editor .creator-canvas .answer-editor-grid .correct-toggle.selected .correct-check{opacity:1}
.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action:has(.selected){background:#fff;border-radius:999px;padding:5px;gap:6px;width:112px}
.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action:has(.selected) .correct-toggle{width:27px;height:27px;min-width:27px;min-height:27px}
.creator-editor .creator-canvas .answer-editor-grid .answer-correct-label{color:#087c35;font-size:11px}
.creator-editor .creator-canvas .answer-editor-grid .delete-answer{background:#ffffffdf;color:#37406d;border:1px solid #ffffffc9}
.creator-editor .creator-canvas .answer-editor-grid .delete-answer:hover{background:#fff;color:#be1634}
.creator-editor .creator-canvas .answer-editor-grid button:focus-visible{outline-color:#fff}
@container(max-width:1050px){.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action:has(.selected){width:36px;padding:3px;justify-content:center}.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action:has(.selected) .correct-toggle{width:28px;height:28px;min-width:28px;min-height:28px}}
@media(max-width:650px){.creator-editor .creator-canvas .answer-editor-grid .answer{min-height:82px;padding:10px!important;gap:8px}.creator-editor .creator-canvas .answer-editor-grid textarea{font-size:13px;padding:11px 8px}.creator-editor .creator-canvas .answer-editor-grid .shape{width:28px;height:36px;padding:3px}.creator-editor .creator-canvas .answer-editor-grid .answer-actions{gap:6px}}

/* Center answer identities and action icons within their actual boxes */
.creator-editor .creator-canvas .answer-editor-grid .answer .shape{display:grid;place-items:center;align-self:center;justify-self:center;width:36px;height:42px;min-width:36px;padding:0!important;line-height:0;overflow:hidden}
.creator-editor .creator-canvas .answer-editor-grid .answer .shape .answer-geometry{display:block!important;width:28px!important;height:28px!important;max-width:100%;max-height:100%;object-fit:contain;margin:0!important;padding:0;align-self:center;justify-self:center;transform:none}
.creator-editor .creator-canvas .answer-editor-grid .answer .correct-toggle,.creator-editor .creator-canvas .answer-editor-grid .answer .delete-answer{display:grid;place-items:center;align-self:center;justify-self:center;padding:0!important;line-height:0}
.creator-editor .creator-canvas .answer-editor-grid .answer .correct-toggle .correct-check{display:block;width:17px;height:17px;margin:0!important;padding:0;align-self:center;justify-self:center;object-fit:contain;transform:none}
.creator-editor .creator-canvas .answer-editor-grid .answer .delete-answer svg{display:block;width:17px;height:17px;margin:0!important;padding:0;align-self:center;justify-self:center;transform:none}
@media(max-width:650px){.creator-editor .creator-canvas .answer-editor-grid .answer .shape{width:28px;min-width:28px;height:36px}.creator-editor .creator-canvas .answer-editor-grid .answer .shape .answer-geometry{width:22px!important;height:22px!important}}

/* Shared option identity: editor, student preview, live play and results */
.student-preview .player-answers .player-answer:nth-child(6n+1),body .live-options .live-option:nth-child(6n+1),.student-preview .puzzle-list .puzzle-row:nth-child(6n+1),body .live-order .live-order-row:nth-child(6n+1),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+1),.student-preview .scale-dots button:nth-child(6n+1),body .live-scale button:nth-child(6n+1),.creator-editor .scale-dots span:nth-child(6n+1){--option-color:#6730ff;--option-text:#fff;background:#6730ff!important;color:#fff!important;border:1px solid #6730ff!important}
.student-preview .player-answers .player-answer:nth-child(6n+2),body .live-options .live-option:nth-child(6n+2),.student-preview .puzzle-list .puzzle-row:nth-child(6n+2),body .live-order .live-order-row:nth-child(6n+2),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+2),.student-preview .scale-dots button:nth-child(6n+2),body .live-scale button:nth-child(6n+2),.creator-editor .scale-dots span:nth-child(6n+2){--option-color:#c9ed00;--option-text:#10105c;background:#c9ed00!important;color:#10105c!important;border:1px solid #c9ed00!important}
.student-preview .player-answers .player-answer:nth-child(6n+3),body .live-options .live-option:nth-child(6n+3),.student-preview .puzzle-list .puzzle-row:nth-child(6n+3),body .live-order .live-order-row:nth-child(6n+3),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+3),.student-preview .scale-dots button:nth-child(6n+3),body .live-scale button:nth-child(6n+3),.creator-editor .scale-dots span:nth-child(6n+3){--option-color:#dc243c;--option-text:#fff;background:#dc243c!important;color:#fff!important;border:1px solid #dc243c!important}
.student-preview .player-answers .player-answer:nth-child(6n+4),body .live-options .live-option:nth-child(6n+4),.student-preview .puzzle-list .puzzle-row:nth-child(6n+4),body .live-order .live-order-row:nth-child(6n+4),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+4),.student-preview .scale-dots button:nth-child(6n+4),body .live-scale button:nth-child(6n+4),.creator-editor .scale-dots span:nth-child(6n+4){--option-color:#174cff;--option-text:#fff;background:#174cff!important;color:#fff!important;border:1px solid #174cff!important}
.student-preview .player-answers .player-answer:nth-child(6n+5),body .live-options .live-option:nth-child(6n+5),.student-preview .puzzle-list .puzzle-row:nth-child(6n+5),body .live-order .live-order-row:nth-child(6n+5),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+5),.student-preview .scale-dots button:nth-child(6n+5),body .live-scale button:nth-child(6n+5),.creator-editor .scale-dots span:nth-child(6n+5){--option-color:#ffad32;--option-text:#10105c;background:#ffad32!important;color:#10105c!important;border:1px solid #ffad32!important}
.student-preview .player-answers .player-answer:nth-child(6n+6),body .live-options .live-option:nth-child(6n+6),.student-preview .puzzle-list .puzzle-row:nth-child(6n+6),body .live-order .live-order-row:nth-child(6n+6),.creator-editor .creator-canvas .puzzle-row:nth-child(6n+6),.student-preview .scale-dots button:nth-child(6n+6),body .live-scale button:nth-child(6n+6),.creator-editor .scale-dots span:nth-child(6n+6){--option-color:#087d6d;--option-text:#fff;background:#087d6d!important;color:#fff!important;border:1px solid #087d6d!important}

.student-preview .player-answers .player-answer,body .live-options .live-option{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;border-radius:14px;padding:14px!important;box-shadow:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:1.6;text-align:left}
.student-preview .player-answers .player-answer .shape,body .live-options .live-option .shape{display:grid!important;place-items:center!important;align-self:center;justify-self:center;width:36px!important;height:42px!important;min-width:36px;padding:0!important;background:#ffffffd6!important;border:0;border-radius:10px!important;line-height:0;overflow:hidden;flex:none}
.student-preview .player-answers .player-answer .shape .answer-geometry,body .live-options .live-option .shape .answer-geometry{display:block!important;width:28px!important;height:28px!important;max-width:100%;max-height:100%;object-fit:contain;padding:0!important;margin:0!important;align-self:center;justify-self:center;transform:none}
.student-preview .player-answers .player-answer:disabled,body .live-options .live-option:disabled{opacity:1}
.student-preview .player-answers .player-answer.selected,body .live-options .live-option.selected,body .live-options .live-option.was-selected{outline:3px solid #10105c;outline-offset:3px;box-shadow:inset 0 0 0 2px #fff}
.student-preview .player-answers .player-answer:focus-visible,body .live-options .live-option:focus-visible{outline:3px solid #10105c;outline-offset:4px}
body .live-options .live-option.correct{box-shadow:inset 0 0 0 2px #fff;outline:3px solid #07853a;outline-offset:3px}
body .live-options .live-option.correct>svg{display:block;width:25px;height:25px;stroke:#07853a;color:#07853a;background:#fff;border-radius:50%;padding:4px;margin:0;align-self:center;justify-self:center}
.student-preview .puzzle-row,body .live-order-row{border-radius:12px;align-items:center}
.student-preview .puzzle-row .icon-btn,body .live-order-row button{background:#ffffffe6!important;color:#174cff!important;border-radius:999px}
.student-preview .scale-dots button.selected,body .live-scale button.selected{outline:3px solid #10105c;outline-offset:2px;box-shadow:inset 0 0 0 2px #fff}
@media(max-width:650px){.student-preview .player-answers .player-answer,body .live-options .live-option{grid-template-columns:28px minmax(0,1fr) auto;gap:9px;min-height:76px;padding:11px!important;font-size:13px}.student-preview .player-answers .player-answer .shape,body .live-options .live-option .shape{width:28px!important;min-width:28px;height:36px!important}.student-preview .player-answers .player-answer .shape .answer-geometry,body .live-options .live-option .shape .answer-geometry{width:22px!important;height:22px!important}}
html[data-compact-preview] .student-preview .player-answers .player-answer{grid-template-columns:22px minmax(0,1fr);min-height:43px;padding:7px!important;gap:6px;font-size:10px;line-height:1.4;border-radius:8px}
html[data-compact-preview] .student-preview .player-answers .player-answer .shape{width:22px!important;min-width:22px;height:27px!important;border-radius:6px!important}
html[data-compact-preview] .student-preview .player-answers .player-answer .shape .answer-geometry{width:17px!important;height:17px!important}

/* Puzzle writing contrast and clear move controls */
.creator-editor .creator-canvas .puzzle-row{display:flex;align-items:center;gap:9px;padding:9px 11px;min-height:64px}
.creator-editor .creator-canvas .puzzle-row>span:first-child{font-size:14px;font-weight:500;line-height:1.5;min-width:18px;color:var(--option-text,#10105c)}
.creator-editor .creator-canvas .puzzle-row input{flex:1;min-width:0;width:100%;height:42px;min-height:42px;margin:0;padding:9px 11px;background:transparent!important;color:var(--option-text,#10105c)!important;caret-color:var(--option-text,#10105c);font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:22px;border:1px solid transparent!important;border-radius:8px;box-shadow:none}
.creator-editor .creator-canvas .puzzle-row input::placeholder{color:var(--option-text,#10105c)!important;opacity:.78}
.creator-editor .creator-canvas .puzzle-row input:hover{background:#ffffff12!important;border-color:#ffffff60!important}
.creator-editor .creator-canvas .puzzle-row input:focus{background:#ffffff14!important;border-color:#fff!important;outline:2px solid #ffffffa8;outline-offset:1px;box-shadow:none}
.creator-editor .creator-canvas .puzzle-row:nth-child(6n+2) input:focus,.creator-editor .creator-canvas .puzzle-row:nth-child(6n+5) input:focus{border-color:#174cff!important;outline-color:#174cff}
.creator-editor .creator-canvas .puzzle-row .puzzle-move,.student-preview .puzzle-row .icon-btn,body .live-order-row button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;flex:none;padding:0;border:1px solid #ffffffc9;background:#fffffff0!important;color:#18266b!important;border-radius:10px;opacity:1;cursor:pointer}
.creator-editor .creator-canvas .puzzle-row .puzzle-move svg,.student-preview .puzzle-row .icon-btn svg{display:block;width:19px;height:19px;margin:0;stroke-width:2.4;align-self:center;justify-self:center}
.creator-editor .creator-canvas .puzzle-row .puzzle-move:hover:not(:disabled),.student-preview .puzzle-row .icon-btn:hover{background:#fff!important;color:#174cff!important;box-shadow:0 0 0 2px #ffffff80}
.creator-editor .creator-canvas .puzzle-row .puzzle-move:disabled{opacity:.38;cursor:default}
.creator-editor .creator-canvas .puzzle-row .puzzle-move:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){.creator-editor .creator-canvas .puzzle-row{padding:8px;gap:6px}.creator-editor .creator-canvas .puzzle-row input{font-size:13px;padding:8px}.creator-editor .creator-canvas .puzzle-row .puzzle-move{width:33px;height:36px;min-width:33px}}
html[data-compact-preview] .student-preview .puzzle-row .icon-btn{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:6px}
html[data-compact-preview] .student-preview .puzzle-row .icon-btn svg{width:13px;height:13px}

/* Selected question composition 2 — plain deck, no decorative background */
.creator-editor .creator-canvas{background:#fff!important;background-image:none!important;color:#10105c!important;border:1px solid #dfe5f5;border-radius:16px;box-shadow:none;padding:20px;gap:15px}
.creator-editor .creator-canvas::before,.creator-editor .creator-canvas::after{display:none!important;content:none!important}
.creator-editor .creator-canvas>.deck-brand{margin:0;min-height:34px}
.creator-editor .creator-canvas .deck-brand .brand-native{color:#10105c}
.creator-editor .creator-canvas .deck-field-label{display:block;color:#10105c;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.5;margin:0}
.creator-editor .creator-canvas .question-text{color:#10105c!important;background:#fff!important;border:1px solid #d1d9ed;border-radius:10px;min-height:76px;height:76px;padding:16px 18px;margin:0;font-size:clamp(20px,1.55vw,26px);line-height:1.45;font-weight:500;text-align:left}
.creator-editor .creator-canvas .question-text:focus{outline:2px solid #174cff;outline-offset:1px;border-color:#174cff}
.deck-resource-slot{width:min(100%,800px);align-self:center;display:flex;flex-direction:column;gap:8px;margin:1px 0 3px;min-width:0}
.creator-editor .creator-canvas .deck-resource-slot .media-area{width:100%;max-width:none;min-height:200px;height:clamp(200px,27vh,270px);max-height:270px;background:#fff;border:1px dashed #c7d1ea;border-radius:12px;gap:8px;padding:16px}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border-style:dashed}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media>img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:8px}
.creator-editor .creator-canvas .deck-resource-slot .creator-media-actions{position:static;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;max-width:200px;padding:0;background:transparent;border:0;box-shadow:none}
.creator-editor .creator-canvas .deck-resource-slot .creator-media-actions .btn{min-height:40px;border:1px solid #b4c5ff;color:#174cff;border-radius:999px;padding:9px 14px}
.creator-editor .creator-canvas .creator-answer-area{width:100%;min-width:0}
.creator-editor .creator-canvas .creator-answer-area>.deck-field-label{margin:0 0 10px}
.creator-editor .creator-canvas .answer-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@container(max-width:620px){.creator-editor .creator-canvas .answer-editor-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.creator-editor .creator-canvas{padding:14px;gap:12px}.creator-editor .creator-canvas .question-text{font-size:20px;min-height:88px;height:88px;padding:13px}.creator-editor .creator-canvas .deck-resource-slot .media-area{min-height:185px;height:215px}.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px}.creator-editor .creator-canvas .deck-resource-slot .creator-media-actions{max-width:none}}

/* Selected toolbar proposal 2: grouped tools and distinct publish actions */
.creator-editor{grid-template-rows:auto minmax(0,1fr)}
.creator-editor .editor-header{height:auto;min-height:88px;align-items:center;flex-wrap:wrap;padding:14px 20px;gap:14px}
.creator-editor .editor-identity{flex:1 1 290px;min-width:0}
.creator-editor .editor-identity>[data-live="account"]{flex:none;border:1px solid #dce3f5;background:#fff;color:#344374;width:34px;height:34px}
.creator-editor .editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-left:auto;width:auto}
.editor-utility-group{display:inline-flex;align-items:center;border:1px solid #d5dced;border-radius:999px;background:#fff;padding:3px;flex:none}
.creator-editor .editor-actions .toolbar-utility{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:0;border-radius:0;background:transparent;color:#10105c;font-size:12px;font-weight:500;box-shadow:none;transform:none;width:auto}
.creator-editor .editor-actions .toolbar-utility:first-child{border-radius:999px 0 0 999px}
.creator-editor .editor-actions .toolbar-utility:last-child{border-radius:0 999px 999px 0}
.creator-editor .editor-actions .toolbar-utility+.toolbar-utility{border-left:1px solid #e1e5f2}
.creator-editor .editor-actions .toolbar-utility:hover{background:#f2f4fc}
.creator-editor .editor-actions .toolbar-utility svg{display:block;width:19px;height:19px;margin:0}
.creator-editor .editor-actions .toolbar-preview{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:12px;font-weight:500;background:#edf3ff;color:#174cff;border:1px solid #e3eaff;border-radius:999px;padding:10px 16px}
.creator-editor .editor-actions .toolbar-preview svg{display:block;width:20px;height:20px}
.editor-publish-group{display:flex;align-items:center;gap:10px;border-left:1px solid #dce2ef;padding-left:14px;flex-wrap:wrap}
.creator-editor .editor-actions .live-cloud-save,.creator-editor .editor-actions .live-host{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:500;box-shadow:none}
.creator-editor .editor-actions .live-cloud-save{background:#fff;color:#174cff;border:1.5px solid #174cff}
.creator-editor .editor-actions .live-cloud-save .campus-state-icon{display:block;width:19px;height:19px}
.creator-editor .editor-actions .live-host{background:#ff2b2e!important;border:1px solid #ff2b2e!important;color:#fff!important}
.host-play-icon{display:grid;place-items:center;line-height:0}
.host-play-icon .campus-state-icon{display:block;width:18px;height:18px;margin:0;filter:brightness(0) invert(1)}
.creator-editor .editor-actions .live-host:hover{background:#e32132!important}
.creator-editor .editor-actions button:focus-visible{outline:2px solid #174cff;outline-offset:3px}
.creator-editor .workspace-toolbar{align-items:center;gap:14px;flex-wrap:wrap;min-height:72px}
.question-context-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.creator-editor .workspace-toolbar .context-configure,.creator-editor .workspace-toolbar .context-undo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.creator-editor .workspace-toolbar .context-configure{background:#6730ff!important;border:1px solid #6730ff!important;color:#fff!important}
.creator-editor .workspace-toolbar .context-undo{background:#fff;border:1px solid #d5dced;color:#10105c}
.creator-editor .workspace-toolbar .context-configure svg,.creator-editor .workspace-toolbar .context-undo svg{display:block;width:18px;height:18px}
.question-category{display:flex;align-items:center;gap:9px;padding:2px 4px 2px 7px;color:#10105c;line-height:1.4}
.question-category-dot{display:block;width:8px;height:8px;border-radius:50%;background:#6730ff;flex:none}
.question-category strong{font-size:12px;font-weight:500;display:block}
.question-category small{display:block;font-size:10px;color:#7180a3;margin-top:2px}
@media(max-width:1100px){.creator-editor .editor-actions{justify-content:flex-start;flex-basis:100%;margin-left:0}.creator-editor .editor-actions .toolbar-utility{font-size:11px;padding:8px 11px}.creator-editor .editor-header{gap:10px}}
@media(max-width:650px){.creator-editor .editor-header{padding:10px 12px}.creator-editor .editor-actions{gap:8px}.creator-editor .editor-actions .toolbar-utility{min-height:34px;font-size:10px;padding:7px 10px;gap:5px}.creator-editor .editor-actions .toolbar-utility svg{width:16px;height:16px}.creator-editor .editor-actions .toolbar-preview{min-height:40px;font-size:11px;padding:9px 12px}.editor-publish-group{border-left:0;padding-left:0;gap:8px}.creator-editor .editor-actions .live-cloud-save,.creator-editor .editor-actions .live-host{min-height:40px;font-size:11px;padding:9px 13px}.creator-editor .workspace-toolbar{gap:10px;padding-top:12px;padding-bottom:12px}.question-context-tools{gap:7px}.creator-editor .workspace-toolbar .context-configure,.creator-editor .workspace-toolbar .context-undo{min-height:36px;font-size:11px;padding:8px 11px}.question-category{padding-left:2px}.question-category strong{font-size:11px}.question-category small{font-size:9px}}

/* Independent toolbar pills and consistent deck frame */
.creator-editor .editor-utility-group{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;border-radius:0;flex-wrap:wrap}
.creator-editor .editor-actions .editor-utility-group .toolbar-utility{border:1px solid #d2daed!important;border-radius:999px!important;background:#fff;min-height:42px;padding:9px 14px;font-size:12px}
.creator-editor .editor-actions .editor-utility-group .toolbar-utility:hover{background:#f1f4ff;border-color:#9ab2ff!important}
.creator-editor .creator-canvas{height:720px!important;min-height:720px!important;max-height:720px!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.creator-editor .creator-canvas>.deck-brand,.creator-editor .creator-canvas>.deck-field-label,.creator-editor .creator-canvas>.question-text,.creator-editor .creator-canvas>.deck-resource-slot,.creator-editor .creator-canvas>.creator-answer-area{flex-shrink:0}
.student-preview .preview-scroll{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.student-preview .player-body{height:100%;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;flex:1;flex-shrink:1;margin:0 auto;box-sizing:border-box;overscroll-behavior:contain}
html[data-compact-preview] .student-preview .player-body{height:100%;min-height:0;overflow:hidden}
@media(max-width:650px){.creator-editor .editor-actions .editor-utility-group .toolbar-utility{min-height:38px;padding:8px 11px;font-size:11px}.creator-editor .creator-canvas{height:640px!important;min-height:640px!important;max-height:640px!important}}

/* Fixed-size decks: scale content to fit instead of adding scrollbars */
.creator-editor .creator-canvas{display:block!important;overflow:hidden!important}
.creator-editor .creator-canvas>.deck-fit-content{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}
.creator-editor .creator-canvas>.deck-fit-content>*{flex-shrink:0}
.creator-editor .creator-canvas>.deck-fit-content>.deck-brand{width:100%;min-height:32px;margin:0}
.creator-editor .creator-canvas>.deck-fit-content>.deck-resource-slot{align-self:center}
.student-preview .player-body{overflow:hidden!important;display:block!important}
.student-preview .player-body>.deck-fit-content{width:100%;min-width:0}
.creator-editor .creator-canvas textarea{overflow:hidden!important}
.deck-fit-content{transform-origin:top center}

/* Shared deck measurements for all fourteen formats */
.creator-editor .creator-canvas{--deck-question-height:76px;--deck-resource-height:236px;--deck-response-height:276px;padding:20px!important}
.creator-editor .creator-canvas>.deck-fit-content{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:32px 20px var(--deck-question-height) var(--deck-resource-height) var(--deck-response-height);gap:10px!important;align-items:stretch;width:100%;height:680px}
.creator-editor .creator-canvas>.deck-fit-content>.deck-brand{height:32px;min-height:32px;margin:0}
.creator-editor .creator-canvas .question-text{height:var(--deck-question-height)!important;min-height:var(--deck-question-height)!important;max-height:var(--deck-question-height)!important;margin:0!important;padding:14px 16px!important;font-size:22px;line-height:1.45}
.creator-editor .creator-canvas .deck-resource-slot{height:var(--deck-resource-height);min-height:0;width:min(100%,800px);margin:0!important;gap:8px;justify-self:center;align-self:stretch}
.creator-editor .creator-canvas .deck-resource-slot>.deck-field-label{height:20px;margin:0;line-height:20px}
.creator-editor .creator-canvas .deck-resource-slot .media-area{height:calc(var(--deck-resource-height) - 28px)!important;min-height:0!important;max-height:none!important;margin:0!important;width:100%;padding:12px}
.creator-editor .creator-canvas .creator-answer-area{height:var(--deck-response-height);min-height:0;margin:0;padding:0}
.creator-editor .creator-canvas .creator-answer-area>.deck-field-label{height:21px;line-height:21px;margin:0 0 9px}
.creator-editor .creator-canvas .answer-editor-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:84px;gap:12px!important;margin:0}
.creator-editor .creator-canvas .answer-editor-grid .answer{height:84px;min-height:84px!important;max-height:84px;box-sizing:border-box;padding:12px!important}
.creator-editor .creator-canvas .answer-editor-grid textarea{height:48px!important;min-height:48px!important;max-height:48px!important;line-height:22px;font-size:14px}
.creator-editor .creator-canvas .short-answer-options{width:100%;margin:0;padding:0;background:transparent;border:0}
.answer-accepted-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#fff;color:#087c35;font-size:10px;line-height:1.4;font-weight:500}
.accepted-answer-hint{margin:6px 0 0;font-size:10px;line-height:1.4;color:#65739a}
.creator-editor .creator-canvas .short-answer-options .answer-add{margin-top:8px;min-height:34px;padding:7px 13px}
.creator-editor .creator-canvas .pin-editor-resource .pin-area{height:100%;min-height:0;width:100%;border-radius:8px}
.creator-editor .creator-canvas .pin-editor-resource .pin-area img{height:100%;max-height:none;object-fit:fill}
.pin-editor-instruction{margin:0;font-size:13px;color:#51618c}
.creator-editor .creator-canvas .slide-copy{width:100%;height:220px;min-height:220px;max-height:220px}
@container(max-width:900px){.accepted-answer .answer-accepted-label{display:none}.creator-editor .creator-canvas .answer-editor-grid .answer{gap:8px}.creator-editor .creator-canvas .answer-editor-grid textarea{font-size:13px;padding-left:8px;padding-right:8px}}
@media(max-width:650px){.creator-editor .creator-canvas{--deck-resource-height:198px;--deck-response-height:246px;padding:14px!important}.creator-editor .creator-canvas>.deck-fit-content{height:612px;grid-template-rows:32px 20px 76px 198px 246px}.creator-editor .creator-canvas .question-text{font-size:19px}.creator-editor .creator-canvas .answer-editor-grid{grid-auto-rows:72px;gap:10px!important}.creator-editor .creator-canvas .answer-editor-grid .answer{height:72px;min-height:72px!important;max-height:72px;padding:8px!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:5px}.creator-editor .creator-canvas .answer-editor-grid .answer .shape{width:22px;min-width:22px;height:32px}.creator-editor .creator-canvas .answer-editor-grid .answer .shape .answer-geometry{width:18px!important;height:18px!important}.creator-editor .creator-canvas .answer-editor-grid textarea{font-size:11px;padding:7px 5px;line-height:18px;height:42px!important;min-height:42px!important;max-height:42px!important}.creator-editor .creator-canvas .answer-editor-grid .answer-actions{gap:4px}.creator-editor .creator-canvas .answer-editor-grid .answer-delete-action{padding:0}.creator-editor .creator-canvas .answer-editor-grid .delete-answer,.creator-editor .creator-canvas .answer-editor-grid .correct-toggle{width:25px;min-width:25px;height:25px;min-height:25px}.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action{width:25px}.creator-editor .creator-canvas .answer-editor-grid .answer-correct-action:has(.selected){width:27px;padding:1px}.creator-editor .creator-canvas .slide-copy{height:195px;min-height:195px;max-height:195px}}

/* Selected scale direction 1: equal color tiles, shared by authoring and student views. */
.opinion-scale{container-type:inline-size;width:100%;min-width:0;text-align:left;color:#10105c}
.opinion-scale-card{box-sizing:border-box;width:100%;padding:22px 18px 16px;border:1px solid #dce0ff;border-radius:14px;background:#fff}
.opinion-scale-choices{display:grid;grid-template-columns:repeat(var(--scale-count),minmax(0,1fr));gap:12px;align-items:center;margin:0;padding:5px 4px 12px}
.opinion-scale .opinion-tile{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:64px;min-height:44px;min-width:0;padding:8px 2px;border:1px solid var(--tile-color);border-radius:12px;background:var(--tile-color);color:var(--tile-ink);font:500 22px/1.2 Poppins,sans-serif;text-align:center;box-shadow:none;transition:transform .15s,outline-color .15s}
.opinion-scale button.opinion-tile{cursor:pointer;touch-action:manipulation}
.opinion-scale button.opinion-tile:hover:not(:disabled){transform:translateY(-2px)}
.opinion-scale .opinion-tile.is-selected{outline:3px solid #10105c;outline-offset:3px;box-shadow:inset 0 0 0 2px #fff}
.opinion-scale button.opinion-tile:focus-visible{outline:3px solid #10105c;outline-offset:3px;box-shadow:inset 0 0 0 2px #fff}
.opinion-scale button.opinion-tile:disabled{opacity:1;cursor:default}
.opinion-scale-labels{display:flex;justify-content:space-between;gap:18px;margin-top:6px;font:400 12px/1.5 Poppins,sans-serif;color:#646b8b}
.opinion-scale-labels>span{max-width:48%;overflow-wrap:anywhere}.opinion-scale-labels>span:last-child{text-align:right}
.opinion-scale .opinion-scale-legend{font:400 11px/1.5 Poppins,sans-serif;color:#646b8b;margin:12px 0 0}
.creator-editor .creator-canvas .opinion-scale{align-self:start}
.student-preview .opinion-scale{margin:16px auto;max-width:100%}
@container(max-width:600px){.opinion-scale--nps .opinion-scale-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.opinion-scale-card{padding:16px 12px 12px}.opinion-scale .opinion-tile{height:52px;font-size:18px}}
@container(max-width:360px){.opinion-scale-choices{gap:9px}.opinion-scale .opinion-tile{height:46px;font-size:16px}.opinion-scale-labels{font-size:11px}.opinion-scale-card{padding:12px 9px}}
html[data-compact-preview] .opinion-scale-card{padding:8px 6px;border-radius:8px}
html[data-compact-preview] .opinion-scale .opinion-scale-choices{gap:4px;padding:4px 2px 7px}
html[data-compact-preview] .opinion-scale .opinion-tile{height:30px;min-height:30px;font-size:11px;border-radius:6px}
html[data-compact-preview] .opinion-scale-labels{font-size:8px;gap:6px;margin-top:2px}
html[data-compact-preview] .opinion-scale .opinion-tile.is-selected{outline-width:2px;outline-offset:1px}

/* Format picker: landscape deck thumbnails rather than tall student panels. */
.format-guide .format-guide-preview{height:auto;min-height:0;max-height:none;width:100%;max-width:440px;margin:0 auto;flex:none;border-radius:12px}
.format-guide-deck{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.format-guide-deck iframe{position:absolute;inset:0;width:200%;height:200%;max-width:none;transform:scale(.5);transform-origin:top left;border:0}
.format-guide-preview .format-preview-label{position:static;display:block;box-sizing:border-box;height:22px;padding:4px 8px;font-size:9px;line-height:13px}

/* Question catalog: direct type selection with no preview panel. */
.format-catalog-modal.types-only-modal{width:min(960px,calc(100vw - 32px))!important;height:auto;max-height:90dvh}
.types-only-modal .format-catalog--types-only{display:block;height:auto;min-height:0}
.types-only-modal .modal-body{overflow:auto;flex:0 1 auto}
.types-only-modal .format-catalog-list{overflow:visible;padding:0 22px 22px}
.types-only-modal .type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.types-only-modal .type-card{width:100%;min-height:64px;padding:12px;box-sizing:border-box;text-align:left}
@media(max-width:760px){.format-catalog-modal.types-only-modal{height:auto;max-height:94dvh}.types-only-modal .type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.types-only-modal .type-card{flex-direction:row;text-align:left;justify-content:flex-start}.types-only-modal .format-catalog-list{padding:0 15px 18px}}

/* Chosen icon mosaic: five knowledge types, seven opinion types, one content type. */
.format-catalog-modal.types-only-modal{width:min(1120px,calc(100vw - 32px))!important;border-radius:20px}
.types-only-modal .modal-head{padding:24px 28px 20px;align-items:center}
.types-only-modal .modal-head h2{font-size:28px;line-height:1.25}
.types-only-modal .modal-head p{font-size:14px;margin-top:8px;color:#66719a}
.types-only-modal .catalog-header-brand{display:block;padding-right:16px;border-right:1px solid #dbe0f4}
.types-only-modal .catalog-header-brand .brand-wordmark{color:#10105c!important;font-size:32px}
.types-only-modal .catalog-header-brand .brand-star{color:#c9ed00!important}
.types-only-modal .catalog-header-brand .brand-tagline{display:none}
.types-only-modal .format-catalog-list{padding:0 28px 24px}
.types-only-modal .format-catalog .type-group{font-size:16px;letter-spacing:0;text-transform:none;color:#10105c;margin:20px 0 12px;line-height:1.3;gap:10px}
.types-only-modal .format-catalog .type-group::before{width:16px;height:16px;border-radius:50%}
.types-only-modal .type-grid[data-type-group="knowledge"]{grid-template-columns:repeat(5,minmax(0,1fr))}
.types-only-modal .type-grid[data-type-group="opinions"]{grid-template-columns:repeat(7,minmax(0,1fr))}
.types-only-modal .type-grid[data-type-group="content"]{grid-template-columns:minmax(0,1fr)}
.types-only-modal .format-catalog .type-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;height:144px;min-height:144px;padding:20px 8px 12px;text-align:center;border:1px solid #d6dcf1;border-radius:14px;background:#fff;color:#10105c;box-shadow:none}
.types-only-modal .format-catalog .type-card .type-icon{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:15px;background:var(--group-accent);color:#fff}
.types-only-modal .format-catalog [data-type-group="opinions"] .type-icon{color:#10105c}
.types-only-modal .format-catalog .type-icon svg{width:32px;height:32px;display:block}
.types-only-modal .format-catalog .type-card strong{display:block;font-size:13px;line-height:1.4;font-weight:500;overflow-wrap:normal}
.types-only-modal .format-catalog .type-card:hover{border-color:var(--group-accent);box-shadow:0 2px 8px #10105c0a}
.types-only-modal .format-catalog .type-card:focus-visible{outline:3px solid #174cff;outline-offset:3px}
.types-only-modal .format-catalog .type-card.current-type{background:var(--group-accent);border-color:var(--group-accent);color:#fff}
.types-only-modal .format-catalog .type-card.current-type strong{color:inherit}
.types-only-modal .format-catalog [data-type-group="opinions"] .type-card.current-type{color:#10105c}
.types-only-modal .catalog-selection-check{top:9px;right:9px;width:23px;height:23px;background:#fff;color:#6730ff}
.types-only-modal .catalog-selection-check svg{width:15px;height:15px}
.types-only-modal .format-catalog [data-type-group="content"] .type-card{height:68px;min-height:68px;flex-direction:row;justify-content:flex-start;text-align:left;padding:10px 16px;gap:16px}
.types-only-modal .format-catalog [data-type-group="content"] .type-icon{width:46px;height:46px;border-radius:12px}
@media(max-width:900px){.types-only-modal .type-grid[data-type-group="opinions"]{grid-template-columns:repeat(4,minmax(0,1fr))}.types-only-modal .format-catalog .type-card{height:128px;min-height:128px;padding-top:14px;gap:10px}.types-only-modal .format-catalog .type-card .type-icon{width:48px;height:48px}.types-only-modal .format-catalog .type-card strong{font-size:12px}}
@media(max-width:600px){.types-only-modal .modal-head{padding:18px}.types-only-modal .modal-head h2{font-size:22px}.types-only-modal .modal-head p{font-size:12px}.types-only-modal .catalog-header-brand{display:none}.types-only-modal .format-catalog-list{padding:0 16px 18px}.types-only-modal .type-grid[data-type-group="knowledge"],.types-only-modal .type-grid[data-type-group="opinions"]{grid-template-columns:repeat(2,minmax(0,1fr))}.types-only-modal .format-catalog .type-group{font-size:14px}.types-only-modal .format-catalog .type-card{height:124px;min-height:124px}}

/* Official Google Material Symbols Rounded: original filled vector paths. */
.question-type-picker svg.google-type-symbol,.types-only-modal svg.google-type-symbol{display:block;flex:none;fill:currentColor!important;stroke:none!important;stroke-width:0!important}
.question-type-picker svg.google-type-symbol path,.types-only-modal svg.google-type-symbol path{fill:currentColor!important;stroke:none!important;stroke-width:0!important}
.types-only-modal .type-icon .google-type-symbol{width:32px;height:32px}
.question-type-picker .question-type-tile>.google-type-symbol{width:24px;height:24px}

/* Site-wide official Google Material Symbols Rounded, consistent fills. */
svg.google-symbol,svg.google-type-symbol{fill:currentColor!important;stroke:none!important;stroke-width:0!important;flex-shrink:0}svg.google-symbol path,svg.google-type-symbol path{fill:currentColor!important;stroke:none!important;stroke-width:0!important}svg.google-symbol{vertical-align:middle}svg.google-symbol.ui-icon{width:24px;height:24px}
svg.google-symbol.ui-icon,svg.google-symbol.campus-state-icon{filter:none!important}

/* Circular answer emblems across editor, preview, live and results. */
.creator-editor .creator-canvas .answer-editor-grid .answer .shape,.student-preview .player-answers .player-answer .shape,body .live-options .live-option .shape{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-sizing:border-box;flex:none}
@media(max-width:650px){.creator-editor .creator-canvas .answer-editor-grid .answer .shape,.student-preview .player-answers .player-answer .shape,body .live-options .live-option .shape{width:28px!important;height:28px!important;min-width:28px!important}}
html[data-compact-preview] .student-preview .player-answers .player-answer .shape{width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important}

/* Standard property controls: clear labels, visual choices, shared action sizing. */
.creator-editor .properties .property-setting{padding:18px 0;margin:0;border:0;border-top:1px solid #e3e7f6;min-width:0}
.creator-editor .properties .property-setting legend,.creator-editor .properties .property-setting h3,.creator-editor .properties .property-setting-label{float:left;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:500 12px/1.5 Poppins,sans-serif;color:#10105c;margin:0 0 10px;padding:0}
.creator-editor .properties .property-setting legend+*{clear:both}
.property-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.property-choice-multiple .property-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.creator-editor .properties .property-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;min-width:0;padding:10px 5px;border:1px solid #dbe1f6;border-radius:12px;background:#fff;color:#53618a;font:400 10px/1.4 Poppins,sans-serif;cursor:pointer}
.creator-editor .properties .property-choice strong{font:500 18px/1.2 Poppins,sans-serif;color:#10105c}
.creator-editor .properties .property-choice svg{width:23px;height:23px;color:#6730ff}
.creator-editor .properties .property-choice.active{background:#6730ff;border-color:#6730ff;color:#fff;box-shadow:0 0 0 2px #e7e0ff}
.creator-editor .properties .property-choice.active strong,.creator-editor .properties .property-choice.active svg{color:#fff}
.creator-editor .properties .property-choice-multiple .property-choice.active{background:#174cff;border-color:#174cff;box-shadow:0 0 0 2px #e3ebff}
.creator-editor .properties .property-choice:hover:not(.active){background:#f6f7ff;border-color:#a9b6f3}
.creator-editor .properties .property-choice:focus-visible,.creator-editor .properties .property-setting textarea:focus-visible{outline:3px solid #174cff;outline-offset:3px}
.property-setting-label>span{font-size:10px;font-weight:400;color:#69769b}
.creator-editor .properties .property-setting textarea{box-sizing:border-box;width:100%;height:106px;min-height:106px;max-height:106px;resize:none;border:1px solid #dbe1f6;border-radius:12px;padding:12px;font:400 12px/1.6 Poppins,sans-serif;color:#10105c;background:#fff;box-shadow:none}
.creator-editor .properties .property-setting textarea::placeholder{color:#7883a3}
.creator-editor .properties .property-caption{font:400 10px/1.5 Poppins,sans-serif;color:#69769b;margin:7px 0 0}
.creator-editor .properties .property-unscored{display:flex;align-items:center;gap:8px;clear:both;background:#f5f7ff;border-radius:12px;padding:12px;font-size:11px;color:#56658e;margin:0}
.property-unscored svg{width:20px;height:20px;color:#174cff}
.creator-editor .properties .property-apply-time{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;min-height:42px;border-radius:999px;border:1px solid #bdcdff;background:#f4f7ff;color:#174cff;font-size:11px;font-weight:500}
.creator-editor .properties .property-apply-time svg{width:20px;height:20px}
.creator-editor .properties .property-autosave{display:flex;align-items:flex-start;gap:7px;font:400 10px/1.5 Poppins,sans-serif;color:#69769b;margin:14px 0 5px}
.property-autosave svg{width:16px;height:16px;flex:none;color:#65729c}
.creator-editor .creator-panel-footer{padding:14px 16px;gap:10px;border-top:1px solid #e3e7f6}
.creator-editor .creator-panel-footer .btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;font:500 11px/1.4 Poppins,sans-serif;border-radius:999px}
.creator-editor .creator-panel-footer .btn svg{width:19px;height:19px}
.creator-editor .creator-panel-footer .property-duplicate{color:#174cff;background:#f4f7ff;border:1px solid #bdcdff}
.creator-editor .creator-panel-footer .property-delete{color:#c62038;background:#fff2f3;border:1px solid #ffc5ce}

/* Presentation resource frame: true 16:9, within the existing shared deck slot. */
.creator-editor .creator-canvas .deck-resource-slot .media-area{box-sizing:border-box;position:relative;width:min(100%,calc((var(--deck-resource-height) - 28px) * 16 / 9));height:auto!important;aspect-ratio:16/9;min-height:0!important;max-height:calc(var(--deck-resource-height) - 28px)!important;align-self:center;flex:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;border:1px dashed #c7d1ea;border-radius:10px;background:#fff;overflow:hidden}
.creator-editor .creator-canvas .deck-resource-slot .media-area:not(.has-media) .creator-media-symbol{width:34px;height:34px;min-height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;margin:0}
.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-media-symbol .ui-icon{width:20px;height:20px}
.creator-editor .creator-canvas .deck-resource-slot .media-area>strong{font-size:13px;line-height:1.4;margin:0;text-align:center}
.creator-editor .creator-canvas .deck-resource-slot .media-area>span{font-size:10px;line-height:1.4;margin:0;text-align:center}
.creator-editor .creator-canvas .deck-resource-slot .media-area>small{font-size:8px;line-height:1.4;margin:0;text-align:center}
.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-upload{min-height:32px;padding:6px 12px;font-size:10px;line-height:1.4}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media{display:block;padding:0}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media .creator-media-actions{position:absolute;right:7px;bottom:7px;display:flex;flex-direction:row;gap:6px;max-width:none;padding:4px;border-radius:999px;background:#ffffffed;box-shadow:0 1px 5px #10105c16}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media .creator-media-actions .btn{min-height:30px;padding:5px 10px;font-size:10px;background:#fff}
.creator-editor .creator-canvas .deck-resource-slot .media-area.has-media .creator-media-actions .icon-btn{width:30px;height:30px;min-height:30px;padding:5px;background:#fff;border-radius:50%}

/* Give slide resources more room inside the same fixed deck, with compact answer rows. */
.creator-editor .creator-canvas{--deck-question-height:64px;--deck-resource-height:324px;--deck-response-height:216px}
.creator-editor .creator-canvas>.deck-fit-content{height:680px;grid-template-rows:24px 20px var(--deck-question-height) var(--deck-resource-height) var(--deck-response-height);gap:8px!important}
.creator-editor .creator-canvas>.deck-fit-content>.deck-brand{height:24px;min-height:24px}
.creator-editor .creator-canvas .deck-resource-slot{width:min(100%,960px)}
.creator-editor .creator-canvas .answer-editor-grid{grid-auto-rows:64px;gap:10px!important}
.creator-editor .creator-canvas .answer-editor-grid .answer{height:64px;min-height:64px!important;max-height:64px;padding:8px 10px!important}
.creator-editor .creator-canvas .answer-editor-grid textarea{height:44px!important;min-height:44px!important;max-height:44px!important;padding-top:10px;padding-bottom:10px;line-height:22px}
.creator-editor .creator-canvas .answer-editor-grid:has(.answer:nth-child(5)){grid-auto-rows:54px}
.creator-editor .creator-canvas .answer-editor-grid:has(.answer:nth-child(5)) .answer{height:54px;min-height:54px!important;max-height:54px;padding:5px 10px!important}
.creator-editor .creator-canvas .answer-editor-grid .answer-add,.creator-editor .creator-canvas .short-answer-options .answer-add{margin-top:6px;min-height:28px;height:28px;padding:4px 12px}
.creator-editor .creator-canvas .accepted-answer-hint{margin-top:4px;font-size:9px;line-height:12px}
.creator-editor .creator-canvas .puzzle-row{min-height:40px;height:40px;padding-top:4px;padding-bottom:4px}
.creator-editor .creator-canvas .puzzle-list{gap:8px}
.creator-editor .creator-canvas .slide-copy{height:180px;min-height:180px;max-height:180px}
@media(max-width:650px){.creator-editor .creator-canvas{--deck-question-height:64px;--deck-resource-height:272px;--deck-response-height:200px}.creator-editor .creator-canvas>.deck-fit-content{height:612px;grid-template-rows:24px 20px var(--deck-question-height) var(--deck-resource-height) var(--deck-response-height);gap:8px!important}.creator-editor .creator-canvas .answer-editor-grid{grid-auto-rows:58px;gap:8px!important}.creator-editor .creator-canvas .answer-editor-grid .answer{height:58px;min-height:58px!important;max-height:58px;padding:6px 8px!important}.creator-editor .creator-canvas .answer-editor-grid textarea{height:42px!important;min-height:42px!important;max-height:42px!important}.creator-editor .creator-canvas .answer-editor-grid:has(.answer:nth-child(5)){grid-auto-rows:50px}.creator-editor .creator-canvas .answer-editor-grid:has(.answer:nth-child(5)) .answer{height:50px;min-height:50px!important;max-height:50px}.creator-editor .creator-canvas .slide-copy{height:165px;min-height:165px;max-height:165px}}

/* Header-level configuration actions and a more readable configuration panel. */
.creator-editor .editor-header .question-context-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.creator-editor .editor-header .context-configure,.creator-editor .editor-header .context-undo{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border-radius:999px;font:500 13px/1.4 Poppins,sans-serif;white-space:nowrap}
.creator-editor .editor-header .context-configure{background:#6730ff!important;border:1px solid #6730ff!important;color:#fff!important}
.creator-editor .editor-header .context-undo{background:#fff;border:1px solid #d5dced;color:#10105c}
.creator-editor .editor-header .context-configure svg,.creator-editor .editor-header .context-undo svg{display:block;width:21px;height:21px}
.creator-editor .editor-main{grid-template-columns:184px minmax(0,1fr) 340px}
.creator-editor .creator-panel-scroll{padding:6px 22px 24px}
.creator-editor .creator-panel-title{padding:20px 22px 14px}
.creator-editor .creator-panel-title h2{font-size:15px;line-height:1.5}
.creator-editor .property-tabs{margin:0 22px 18px;padding:4px}
.creator-editor .property-tabs button{font-size:13px;min-height:40px;padding:9px 12px}
.creator-editor .properties .control-label,.creator-editor .properties .field>span{font-size:13px;line-height:1.5}
.creator-editor .properties .field input,.creator-editor .properties .field select,.creator-editor .properties .field textarea{font-size:13px;min-height:44px;border-radius:10px;padding:12px}
.creator-editor .properties .property-setting legend,.creator-editor .properties .property-setting h3,.creator-editor .properties .property-setting-label{font-size:13px}
.creator-editor .properties .property-choice{font-size:12px;min-height:76px;gap:8px;padding:12px 6px}
.creator-editor .properties .property-choice strong{font-size:21px}
.creator-editor .properties .property-choice svg{width:26px;height:26px}
.creator-editor .properties .property-setting textarea{font-size:13px;line-height:1.6;padding:13px}
.creator-editor .properties .property-caption,.creator-editor .properties .property-autosave{font-size:11px;line-height:1.6}
.creator-editor .properties .property-apply-time{height:46px;min-height:46px;font-size:12px;gap:9px}
.creator-editor .properties .property-apply-time svg{width:22px;height:22px}
.creator-editor .creator-panel-footer .btn{font-size:12px;min-height:46px;padding:11px 14px}
.creator-editor .creator-panel-footer .btn svg{width:21px;height:21px}
.creator-editor .creator-canvas .deck-resource-slot .media-area:not(.has-media){gap:10px;padding:16px}
.creator-editor .creator-canvas .deck-resource-slot .media-area:not(.has-media) .creator-media-symbol{width:44px;height:44px;min-height:44px}
.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-media-symbol .ui-icon{width:26px;height:26px}
.creator-editor .creator-canvas .deck-resource-slot .media-area>strong{font-size:16px}
.creator-editor .creator-canvas .deck-resource-slot .media-area>span{font-size:12px}
.creator-editor .creator-canvas .deck-resource-slot .media-area>small{font-size:10px}
.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-upload{min-height:42px;padding:9px 17px;font-size:13px;gap:9px}
.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-upload svg{width:21px;height:21px}
@media(min-width:1600px){.creator-editor .editor-main{grid-template-columns:200px minmax(0,1fr) 360px}}
@media(min-width:901px) and (max-width:1200px){.creator-editor .editor-main{grid-template-columns:155px minmax(0,1fr) 320px}}
@media(max-width:1550px){.creator-editor .editor-header{flex-wrap:wrap}.creator-editor .editor-actions{flex-basis:100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:900px){.creator-editor .editor-main,.creator-editor.panel-closed .editor-main{grid-template-columns:132px minmax(0,1fr)}.creator-editor .editor-main>.properties{width:340px;max-width:calc(100% - 16px)}}
@media(max-width:650px){.creator-editor .editor-main,.creator-editor.panel-closed .editor-main{grid-template-columns:minmax(0,1fr);grid-template-rows:134px minmax(0,1fr)}.creator-editor .editor-header .context-configure,.creator-editor .editor-header .context-undo{min-height:42px;font-size:12px;padding:9px 13px}.creator-editor .creator-canvas .deck-resource-slot .media-area:not(.has-media){gap:7px;padding:10px}.creator-editor .creator-canvas .deck-resource-slot .media-area>strong{font-size:14px}.creator-editor .creator-canvas .deck-resource-slot .media-area>span{font-size:11px}.creator-editor .creator-canvas .deck-resource-slot .media-area>small{font-size:9px}.creator-editor .creator-canvas .deck-resource-slot .media-area .creator-upload{font-size:12px;min-height:38px;padding:7px 13px}}

/* Centered authoring deck with one consistent inner content frame. */
.creator-editor .workspace{padding-top:20px;padding-bottom:20px}
.creator-editor .creator-canvas{box-sizing:border-box;width:calc(100% - 48px);max-width:1120px;margin:0 auto!important;padding:24px!important;height:700px!important;min-height:700px!important;max-height:700px!important;border:1px solid #dce2f5;border-radius:18px;overflow:hidden!important}
.creator-editor .creator-canvas>.deck-fit-content{width:min(100%,960px);margin:0 auto;justify-self:center}
.creator-editor .creator-canvas .question-text,.creator-editor .creator-canvas .creator-answer-area{width:100%;max-width:960px;justify-self:center}
.creator-editor .creator-canvas .deck-resource-slot{width:min(100%,calc((var(--deck-resource-height) - 28px) * 16 / 9));justify-self:center}
.creator-editor .creator-canvas .deck-resource-slot .media-area{width:100%}
.creator-editor .creator-canvas .creator-answer-area .answer-editor-grid{gap:12px!important}
.creator-editor .workspace-hint{box-sizing:border-box;width:calc(100% - 48px);max-width:1120px;margin:0 auto;padding:14px 12px}
@media(max-width:1200px){.creator-editor .creator-canvas{width:calc(100% - 32px);padding:20px!important}.creator-editor .workspace-hint{width:calc(100% - 32px)}}
@media(max-width:650px){.creator-editor .workspace{padding-top:14px;padding-bottom:14px}.creator-editor .creator-canvas{width:calc(100% - 24px);height:640px!important;min-height:640px!important;max-height:640px!important;padding:14px!important;border-radius:14px}.creator-editor .creator-canvas>.deck-fit-content{width:100%;margin:0}.creator-editor .workspace-hint{width:calc(100% - 24px);padding:12px 2px}.creator-editor .creator-canvas .creator-answer-area .answer-editor-grid{gap:8px!important}}

/* Center the deck and its note vertically as well as horizontally. Auto margins collapse safely on short viewports. */
.creator-editor .workspace:has(>.creator-canvas){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-top:28px;padding-bottom:28px}
.creator-editor .workspace>.creator-canvas{flex:none;margin: auto auto 0!important}
.creator-editor .workspace>.workspace-hint{flex:none;margin:0 auto auto!important}
@media(max-width:650px){.creator-editor .workspace:has(>.creator-canvas){padding-top:20px;padding-bottom:20px}}

/* Deck centered on its own after removing the footer hint and time/points badge. */
.creator-editor .workspace>.creator-canvas{margin:auto!important}

/* Palette-aware deck surfaces shared by author, preview, host and student. */
body .creator-editor .creator-canvas[data-deck-theme],.student-preview[data-deck-theme],#live-root[data-deck-theme] .live-screen{background:var(--deck-bg)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important;color-scheme:light}
[data-deck-theme="midnight"]{color-scheme:dark}
body .creator-editor .creator-canvas[data-deck-theme] .deck-field-label,body .creator-editor .creator-canvas[data-deck-theme] .brand-wordmark,.student-preview[data-deck-theme] .brand-wordmark,#live-root[data-deck-theme] .brand-wordmark{color:var(--deck-text)!important}
body .creator-editor .creator-canvas[data-deck-theme] .question-text,body .creator-editor .creator-canvas[data-deck-theme] .media-area,body .creator-editor .creator-canvas[data-deck-theme] .slide-copy,body .creator-editor .creator-canvas[data-deck-theme] .slider-config,.student-preview[data-deck-theme] :is(.player-body,.player-top,.preview-controls,.preview-student-header,.player-foot,.slider-config),#live-root[data-deck-theme] :is(.live-header,.live-footer,.live-body,.live-question-wrap,.live-host-layout,.host-main-stack,.live-participation,.live-join-panel,.live-waiting,.waiting-code-card,.waiting-tip,.room-join-banner,.live-player-chip,.live-menu .live-nav){background:var(--deck-surface)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}
[data-deck-theme] :is(.question-text,.slide-copy)::placeholder{color:var(--deck-muted)!important}
body .creator-editor .creator-canvas[data-deck-theme] .media-area :is(strong,span,small),[data-deck-theme] :is(.player-body h1,.live-question-wrap h1,.live-game-title,.live-hero-title,.live-nickname,.live-overline,.player-top strong){color:var(--deck-text)!important}
[data-deck-theme] :is(.props-help,.muted,.range-labels,.live-help,.live-phase-note,.property-caption,.opinion-scale-labels,.opinion-scale-legend){color:var(--deck-muted)!important}
body .creator-editor .creator-canvas[data-deck-theme] .creator-upload,[data-deck-theme] :is(.opinion-scale-card,.preview-device-switch,.input),#live-root[data-deck-theme] :is(input,textarea,.live-option-input,.idea,.live-number){background:var(--deck-soft)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}
[data-deck-theme] .opinion-scale-card{border-color:var(--deck-border)!important}
.student-preview[data-deck-theme] .player-body :is(input,textarea){background:var(--deck-soft)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}
[data-deck-theme] :is(.brand-star){color:var(--choice-2)!important}
[data-deck-theme] .opinion-scale .opinion-tile.is-selected{outline-color:var(--deck-text)!important}
[data-deck-theme] .timer{background:var(--deck-soft)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}
.creator-editor .property-tabs{background:transparent;border:0;border-radius:0;border-bottom:1px solid #dbe2f2;padding:0;gap:12px}
.creator-editor .property-tabs button{border-radius:0;box-shadow:none!important;border-bottom:3px solid transparent;background:transparent!important;color:#53618a}
.creator-editor .property-tabs button.active{border-bottom-color:#6730ff;color:#6730ff}
.creator-editor .editor-actions{align-items:center}
.creator-editor .editor-actions .btn,.creator-editor .editor-actions .live-cloud-save,.creator-editor .editor-actions .live-host{box-sizing:border-box;height:44px!important;min-height:44px!important;max-height:44px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px!important;line-height:20px!important;padding:10px 15px!important;border-radius:999px}
.creator-editor .editor-actions .btn svg,.creator-editor .editor-actions .campus-state-icon{display:block;width:20px!important;height:20px!important;min-width:20px;margin:0!important;padding:0!important;flex:none}
.creator-editor .editor-actions .editor-publish-group{display:flex;align-items:center;gap:10px}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+1),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+1),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+1),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+1){--option-color:var(--choice-1);--option-text:var(--choice-ink-1);background:var(--choice-1)!important;border-color:var(--choice-1)!important;color:var(--choice-ink-1)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+1) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+1) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+1) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+1) :is(textarea,input,.player-answer-label){color:var(--choice-ink-1)!important;caret-color:var(--choice-ink-1)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+1) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+1) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+1) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+1) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+1) :is(textarea,input)::placeholder{color:var(--choice-ink-1)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+1){background:var(--choice-1)!important;border-color:var(--choice-1)!important;color:var(--choice-ink-1)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+2),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+2),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+2),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+2){--option-color:var(--choice-2);--option-text:var(--choice-ink-2);background:var(--choice-2)!important;border-color:var(--choice-2)!important;color:var(--choice-ink-2)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+2) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+2) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+2) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+2) :is(textarea,input,.player-answer-label){color:var(--choice-ink-2)!important;caret-color:var(--choice-ink-2)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+2) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+2) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+2) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+2) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+2) :is(textarea,input)::placeholder{color:var(--choice-ink-2)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+2){background:var(--choice-2)!important;border-color:var(--choice-2)!important;color:var(--choice-ink-2)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+3),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+3),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+3),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+3){--option-color:var(--choice-3);--option-text:var(--choice-ink-3);background:var(--choice-3)!important;border-color:var(--choice-3)!important;color:var(--choice-ink-3)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+3) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+3) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+3) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+3) :is(textarea,input,.player-answer-label){color:var(--choice-ink-3)!important;caret-color:var(--choice-ink-3)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+3) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+3) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+3) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+3) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+3) :is(textarea,input)::placeholder{color:var(--choice-ink-3)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+3){background:var(--choice-3)!important;border-color:var(--choice-3)!important;color:var(--choice-ink-3)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+4),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+4),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+4),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+4){--option-color:var(--choice-4);--option-text:var(--choice-ink-4);background:var(--choice-4)!important;border-color:var(--choice-4)!important;color:var(--choice-ink-4)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+4) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+4) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+4) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+4) :is(textarea,input,.player-answer-label){color:var(--choice-ink-4)!important;caret-color:var(--choice-ink-4)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+4) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+4) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+4) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+4) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+4) :is(textarea,input)::placeholder{color:var(--choice-ink-4)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+4){background:var(--choice-4)!important;border-color:var(--choice-4)!important;color:var(--choice-ink-4)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+5),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+5),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+5),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+5){--option-color:var(--choice-5);--option-text:var(--choice-ink-5);background:var(--choice-5)!important;border-color:var(--choice-5)!important;color:var(--choice-ink-5)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+5) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+5) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+5) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+5) :is(textarea,input,.player-answer-label){color:var(--choice-ink-5)!important;caret-color:var(--choice-ink-5)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+5) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+5) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+5) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+5) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+5) :is(textarea,input)::placeholder{color:var(--choice-ink-5)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+5){background:var(--choice-5)!important;border-color:var(--choice-5)!important;color:var(--choice-ink-5)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+6),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+6),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+6),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+6){--option-color:var(--choice-6);--option-text:var(--choice-ink-6);background:var(--choice-6)!important;border-color:var(--choice-6)!important;color:var(--choice-ink-6)!important}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+6) :is(textarea,input,.player-answer-label),body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+6) :is(textarea,input,.player-answer-label),.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+6) :is(textarea,input,.player-answer-label),#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+6) :is(textarea,input,.player-answer-label){color:var(--choice-ink-6)!important;caret-color:var(--choice-ink-6)}
body .creator-editor .creator-canvas[data-deck-theme] .answer-editor-grid .answer:nth-child(6n+6) :is(textarea,input)::placeholder,body .creator-editor .creator-canvas[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .player-answers .player-answer:nth-child(6n+6) :is(textarea,input)::placeholder,.student-preview[data-deck-theme] .puzzle-list .puzzle-row:nth-child(6n+6) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-options .live-option:nth-child(6n+6) :is(textarea,input)::placeholder,#live-root[data-deck-theme] .live-order .live-order-row:nth-child(6n+6) :is(textarea,input)::placeholder{color:var(--choice-ink-6)!important;opacity:.8}
[data-deck-theme] .opinion-scale:not(.opinion-scale--nps) .opinion-tile:nth-child(6n+6){background:var(--choice-6)!important;border-color:var(--choice-6)!important;color:var(--choice-ink-6)!important}
[data-deck-theme] .opinion-scale--nps .opinion-tile:nth-child(-n+7){background:var(--choice-3)!important;border-color:var(--choice-3)!important;color:var(--choice-ink-3)!important}
[data-deck-theme] .opinion-scale--nps .opinion-tile:nth-child(n+8){background:var(--choice-5)!important;border-color:var(--choice-5)!important;color:var(--choice-ink-5)!important}
[data-deck-theme] .opinion-scale--nps .opinion-tile:nth-child(n+10){background:var(--choice-6)!important;border-color:var(--choice-6)!important;color:var(--choice-ink-6)!important}
[data-deck-theme] .shape{color:var(--option-color)!important;background:#fff!important} [data-deck-theme] .answer-geometry{fill:currentColor!important;stroke:none!important;filter:none!important}

[data-deck-theme="midnight"] :is(.player-foot,.live-footer,.live-header) .btn{background:var(--deck-soft)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}
[data-deck-theme="midnight"] :is(.player-foot,.live-footer) .btn:is(.lime,.primary){background:var(--deck-accent)!important;color:var(--deck-accent-ink)!important;border-color:var(--deck-accent)!important}

[data-deck-theme="midnight"] .creator-media-actions,[data-deck-theme="midnight"] .creator-media-actions :is(.btn,.icon-btn){background:var(--deck-soft)!important;color:var(--deck-text)!important;border-color:var(--deck-border)!important}

/* Configuration tabs as a shared pill selector. */
.creator-editor .properties .property-tabs{display:flex;align-items:center;gap:4px;margin:0 22px 18px;padding:4px;border:1px solid #e0e4f4;border-radius:999px;background:#f2f3fc}
.creator-editor .properties .property-tabs button{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:0!important;border-radius:999px;background:transparent!important;color:#65729b;font-size:13px;line-height:20px;box-shadow:none!important}
.creator-editor .properties .property-tabs button.active{background:#6730ff!important;color:#fff!important;box-shadow:0 2px 5px #6730ff1f!important}
.creator-editor .properties .property-tabs button:focus-visible{outline:2px solid #174cff;outline-offset:2px}

/* Compact secondary actions, with explicit primary calls to action. */
.creator-editor .editor-actions .toolbar-icon,.creator-editor .creator-panel-footer .toolbar-icon{box-sizing:border-box;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;flex:none!important}
.creator-editor .editor-actions .toolbar-icon svg,.creator-editor .creator-panel-footer .toolbar-icon svg{width:21px!important;height:21px!important;margin:0}
.creator-editor .creator-panel-footer{justify-content:center;gap:14px}
.editor-more{position:relative;flex:none;color:#10105c}
.editor-more>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:10px 15px;border:1px solid #d5dced;border-radius:999px;background:#fff;color:#10105c;font:500 13px/20px Poppins,sans-serif;cursor:pointer;list-style:none}
.editor-more>summary::-webkit-details-marker{display:none}
.editor-more>summary svg{width:21px;height:21px;flex:none}
.editor-more[open]>summary{background:#f3f5ff;border-color:#aabcf8}
.editor-more-list{position:absolute;right:0;top:calc(100% + 8px);z-index:50;display:grid;gap:4px;min-width:190px;padding:7px;border:1px solid #dce2f4;border-radius:14px;background:#fff;box-shadow:0 8px 24px #10105c16}
.editor-more-item{display:flex;align-items:center;gap:10px;min-height:42px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:#fff;color:#10105c;text-align:left;font:400 13px/20px Poppins,sans-serif;cursor:pointer}
.editor-more-item svg{width:21px;height:21px;flex:none}
.editor-more-item:hover,.editor-more-item:focus-visible{background:#eef3ff;color:#174cff}
.editor-more>summary:focus-visible{outline:2px solid #174cff;outline-offset:3px}
.creator-editor [data-tooltip]{position:relative}
.creator-editor [data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:70;width:max-content;max-width:220px;padding:6px 9px;border-radius:7px;background:#10105c;color:#fff;font:400 11px/1.4 Poppins,sans-serif;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s}
.creator-editor [data-tooltip]:hover::after,.creator-editor [data-tooltip]:focus-visible::after{opacity:1;visibility:visible}
.creator-editor .editor-header{overflow:visible}
@media(max-width:650px){.editor-more>summary{font-size:12px;padding:10px 12px}.editor-more-list{right:0;min-width:176px}}

/* Deck actions live only below each thumbnail, using circular controls. */
.creator-editor .sequence-actions{display:flex;align-items:center;justify-content:center;gap:7px}
.creator-editor .sequence-actions .icon-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px!important;min-width:34px!important;max-width:34px;height:34px!important;min-height:34px!important;max-height:34px;padding:0!important;border-radius:50%!important}
.creator-editor .sequence-actions .icon-btn svg{display:block;width:18px;height:18px;margin:0}
.creator-editor .sequence-actions .icon-btn:focus-visible{outline:2px solid #174cff;outline-offset:2px}

@media(min-width:651px) and (max-width:1200px){.creator-editor .sequence-actions{gap:4px}.creator-editor .sequence-actions .icon-btn{flex-basis:28px;width:28px!important;min-width:28px!important;max-width:28px;height:28px!important;min-height:28px!important;max-height:28px}}
@media(min-width:651px) and (max-width:900px){.creator-editor .sequence-actions .icon-btn{flex-basis:24px;width:24px!important;min-width:24px!important;max-width:24px;height:24px!important;min-height:24px!important;max-height:24px}.creator-editor .sequence-actions .icon-btn svg{width:16px;height:16px}}

/* Selected home composition: editorial hero, pill actions, process strip, then recent projects. */
.home-v3.studio-shell,.home-v3 .main,.home-v3 .content{background:#fff}
.home-v3 .content{box-sizing:border-box;width:calc(100% - 72px);max-width:1320px;margin:0 auto;padding:32px 0 24px}
.home-v3 .sidebar .nav-btn{font-size:15px;min-height:48px;gap:14px}
.home-v3 .sidebar .ui-icon{width:24px;height:24px;flex:none}
.home-v3 .sidebar-extra .nav-btn{font-size:13px;min-height:44px}
.home-v3 .topbar{height:88px;min-height:88px;padding:18px 28px;gap:16px}
.home-v3 .topbar .search{width:min(100%,600px);max-width:600px;min-height:46px}
.home-v3 .topbar .search input{font-size:14px}
.home-v3 .live-nav .btn{font-size:13px;min-height:44px;border-radius:999px;padding:10px 16px}
.home-v3 .campus-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:36px;min-height:340px;margin:0;padding:0 0 30px;border:0;overflow:visible}
.home-v3 .campus-home-hero .creation-copy{padding:0;max-width:none;min-width:0;grid-column:auto;grid-row:auto}
.home-v3 .campus-home-hero .eyebrow{font-size:11px;letter-spacing:.08em;margin:0 0 14px;color:#53618c}
.home-v3 .campus-home-hero h1{font:500 clamp(36px,3vw,50px)/1.13 Poppins,sans-serif;letter-spacing:-.045em;max-width:690px;margin:0 0 20px;color:#10105c}
.home-v3 .campus-home-hero .creation-description{max-width:620px;min-height:0;font:400 16px/1.65 Poppins,sans-serif;color:#5a678d;margin:0 0 25px}
.home-v3 .campus-home-hero .creation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;width:auto}
.home-v3 .campus-home-hero .creation-actions .btn{box-sizing:border-box;min-height:48px;padding:12px 21px;border-radius:999px;font:500 14px/22px Poppins,sans-serif;gap:10px;white-space:nowrap}
.home-v3 .campus-home-hero .creation-actions .btn .ui-icon{width:23px;height:23px}
.home-v3 .personality-hero-art{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;grid-column:auto;grid-row:auto;width:100%;height:330px;margin:0;opacity:1}
.home-v3 .personality-hero-art img{display:block;width:100%;height:100%;max-width:490px;object-fit:contain;object-position:center}
.home-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:24px 0;margin:0 0 30px;border-top:1px solid #e0e5f5;border-bottom:1px solid #e0e5f5}
.home-process-step{display:flex;align-items:center;gap:18px;min-width:0;padding:0 26px}
.home-process-step:first-child{padding-left:0}
.home-process-step:last-child{padding-right:0}
.home-process-step+.home-process-step{border-left:1px solid #dce2f2}
.home-process-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;min-width:66px;border-radius:50%;background:#6730ff;color:#fff}
.home-process-step:nth-child(2) .home-process-icon{background:#c9ed00;color:#10105c}
.home-process-step:nth-child(3) .home-process-icon{background:#174cff;color:#fff}
.home-process-icon svg{display:block;width:32px;height:32px}
.home-process-step h2{font:500 18px/1.35 Poppins,sans-serif;color:#10105c;margin:0 0 6px}
.home-process-step p{font:400 13px/1.55 Poppins,sans-serif;color:#627096;margin:0;max-width:250px}
.home-v3 .recent-section .section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.home-v3 .recent-section h2{font:500 25px/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:0;color:#10105c}
.home-v3 .recent-view-all{font-size:14px;min-height:42px;padding:9px 13px;border-radius:999px}
.home-v3 .campus-table-wrap{border:1px solid #dfe4f7;border-radius:12px;overflow-x:auto;margin:0}
.home-v3 .campus-projects{width:100%;border-collapse:collapse;table-layout:fixed}
.home-v3 .campus-projects thead{background:#f5f5ff}
.home-v3 .campus-projects th{height:48px;padding:12px 16px;color:#66729a;font:400 13px/1.5 Poppins,sans-serif;white-space:nowrap}
.home-v3 .campus-projects td{padding:13px 16px;font-size:13px;line-height:1.5}
.home-v3 .campus-projects th:first-child{width:36%}
.home-v3 .campus-projects th:nth-child(2){width:12%}
.home-v3 .campus-projects th:nth-child(3){width:16%}
.home-v3 .campus-projects th:nth-child(4){width:14%}
.home-v3 .campus-projects th:nth-child(5){width:17%}
.home-v3 .campus-projects th:last-child{width:5%}
.home-v3 .campus-project-title{font-size:14px;line-height:1.5}
.home-v3 .recent-section+.empty{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:156px;margin:16px 0 0;padding:22px 28px;border:1px dashed #dce1f2;border-radius:14px;background:#fff}
.home-v3 .empty>svg{width:36px;height:36px;color:#6730ff}
.home-v3 .empty h3{font:500 20px/1.4 Poppins,sans-serif;color:#10105c;margin:0}
.home-v3 .empty p{font:400 14px/1.6 Poppins,sans-serif;color:#657197;margin:0;text-align:center}
.home-v3 .footer-note{font-size:11px;line-height:1.6;margin:22px 0 0;color:#7781a1}
@media(max-width:1100px){.home-v3 .content{width:calc(100% - 44px);padding-top:26px}.home-v3 .campus-home-hero{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr)}.home-v3 .campus-home-hero h1{font-size:36px}.home-v3 .personality-hero-art{height:285px}.home-process-step{padding:0 15px;gap:12px}.home-process-icon{width:48px;height:48px;min-width:48px}.home-process-icon svg{width:27px;height:27px}.home-process-step h2{font-size:16px}.home-process-step p{font-size:12px}.home-v3 .campus-home-hero .creation-actions .btn{padding:11px 15px;font-size:13px}}
@media(max-width:720px){.home-v3 .topbar{height:auto;min-height:80px;padding:14px 16px;flex-wrap:wrap}.home-v3 .content{width:calc(100% - 32px);padding:24px 0}.home-v3 .campus-home-hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:24px;min-height:0}.home-v3 .campus-home-hero h1{font-size:34px;max-width:100%;margin-bottom:16px}.home-v3 .campus-home-hero .creation-description{font-size:15px;max-width:100%;margin-bottom:20px}.home-v3 .personality-hero-art{position:relative;inset:auto;height:225px;margin:0;width:100%}.home-v3 .personality-hero-art img{width:100%;max-width:340px;height:100%}.home-process{grid-template-columns:1fr;gap:18px;padding:20px 0;margin-bottom:26px}.home-process-step,.home-process-step:first-child,.home-process-step:last-child{padding:0;gap:15px}.home-process-step+.home-process-step{border-left:0}.home-process-icon{width:52px;height:52px;min-width:52px}.home-process-step h2{font-size:17px}.home-process-step p{font-size:13px;max-width:none}.home-v3 .recent-section h2{font-size:21px}.home-v3 .campus-projects{min-width:620px}.home-v3 .recent-view-all{font-size:12px;padding:8px 10px}.home-v3 .recent-section+.empty{padding:22px 16px;min-height:150px}.home-v3 .empty h3{font-size:18px}.home-v3 .empty p{font-size:13px}}

/* Circular game identity badges in recent projects. */
.studio-shell .campus-project-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%!important}
.studio-shell .campus-project-icon .ui-icon{display:block;width:20px;height:20px;margin:0}

/* Selected sidebar 3: colored symbols, no persistent outline, color fill only on hover/keyboard focus. */
@media(min-width:651px){.studio-shell{grid-template-columns:248px minmax(0,1fr)}.studio-shell .sidebar{box-sizing:border-box;width:248px;padding:0 18px 24px}.studio-shell .studio-brand{height:112px;margin:0 -18px 20px;padding:20px 24px;justify-content:flex-start;border-bottom:0}.studio-shell .sidebar-extra{margin-top:26px;padding-top:20px;border-top:1px solid #dce2f2;display:flex;flex-direction:column;gap:8px}}
.studio-shell .sidebar nav{display:flex;flex-direction:column;gap:10px}
.studio-shell .sidebar .nav-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:50px;padding:11px 14px;gap:14px;font:400 15px/1.4 Poppins,sans-serif;white-space:nowrap;border:0!important;border-radius:999px;background:transparent;color:#10105c;box-shadow:none;transition:background-color .15s,color .15s}
.studio-shell .sidebar .nav-btn .nav-text{white-space:nowrap}
.studio-shell .sidebar nav [data-action="nav:home"]{--nav-accent:#dc243c}
.studio-shell .sidebar nav [data-action="nav:games"]{--nav-accent:#6730ff}
.studio-shell .sidebar nav [data-live="history"]{--nav-accent:#174cff}
.studio-shell .sidebar nav .nav-btn.active{background:transparent!important;color:#10105c!important;box-shadow:none!important}
.studio-shell .sidebar nav .nav-btn .ui-icon,.studio-shell .sidebar nav .nav-btn.active .ui-icon{display:block;width:24px;height:24px;flex:none;color:var(--nav-accent)!important;filter:none!important}
.studio-shell .sidebar nav .nav-btn:hover,.studio-shell .sidebar nav .nav-btn:focus-visible{background:var(--nav-accent)!important;color:#fff!important;box-shadow:none!important}
.studio-shell .sidebar nav .nav-btn:hover .ui-icon,.studio-shell .sidebar nav .nav-btn:focus-visible .ui-icon{color:#fff!important;filter:none!important}
.studio-shell .sidebar nav .nav-btn:focus:not(:focus-visible){outline:none}
.studio-shell .sidebar nav .nav-btn:focus-visible{outline:2px solid #10105c;outline-offset:3px}
.studio-shell .sidebar-extra .nav-btn{font-size:14px;min-height:48px;white-space:nowrap;color:#10105c}
.studio-shell .sidebar-extra .nav-btn .ui-icon{width:23px;height:23px;color:#10105c;filter:none!important}
.studio-shell .sidebar-extra [data-action="help"]{margin-top:12px;background:#eef3ff;color:#174cff}
.studio-shell .sidebar-extra [data-action="help"] .ui-icon{color:#174cff}
.studio-shell .sidebar-extra .nav-btn:hover{background:#f2f5ff}
.studio-shell .sidebar-extra [data-action="help"]:hover{background:#e2ebff}
@media(prefers-reduced-motion:reduce){.studio-shell .sidebar .nav-btn{transition:none}}

/* Lúdica shape system — standardized by semantic role, across all surfaces. */
:root{--ludica-radius-action:999px;--ludica-radius-field:12px;--ludica-radius-card:14px;--ludica-radius-panel:20px;--ludica-radius-icon:50%}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.btn,.nav-btn,.tab,.time-preset,.answer-add,.creator-upload,.story-add,.all-types,.editor-more-item),html body .editor-more>summary{border-radius:var(--ludica-radius-action)!important}
html body .studio-shell .sidebar nav .nav-btn,html body .studio-shell .sidebar-extra .nav-btn{border-radius:var(--ludica-radius-action)!important}
html body :is(.creator-editor,.studio-shell,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.icon-btn,.toolbar-icon,.delete-answer,.correct-toggle,.puzzle-move,.type-info-button,.kick,.avatar,.campus-project-icon,.home-process-icon,.creator-media-symbol,.type-selected,.catalog-selection-check){border-radius:var(--ludica-radius-icon)!important}
html body :is(.creator-editor,.player-modal,.live-screen) .shape{border-radius:var(--ludica-radius-icon)!important}
html body .creator-editor .property-tabs,html body .creator-editor .property-tabs button,html body .preview-device-switch,html body .preview-device-switch button{border-radius:var(--ludica-radius-action)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.input,select,textarea,input:not([type="range"]):not([type="checkbox"]):not([type="radio"])){border-radius:var(--ludica-radius-field)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.search,.search input){border-radius:var(--ludica-radius-action)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.project-card,.question-thumb,.thumb-card,.type-card,.question-type-tile,.property-choice,.palette-swatch,.choice-card,.live-response-card,.live-player-chip,.idea,.live-order-row,.puzzle-row,.answer,.player-answer,.live-option,.opinion-tile,.opinion-scale-card,.campus-table-wrap){border-radius:var(--ludica-radius-card)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.media-area,.player-media,.pin-area){border-radius:var(--ludica-radius-field)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen,.studio-modal,.live-modal) :is(.creator-canvas,.live-question-wrap,.live-join-card,.room-join-banner,.waiting-code-card,.waiting-tip,.live-feedback){border-radius:var(--ludica-radius-panel)!important}
html body :is(.studio-modal,.live-modal,.player-modal){border-radius:var(--ludica-radius-panel)!important}
html body .creator-editor .creator-canvas .answer-editor-grid :is(.delete-answer,.correct-toggle),html body .creator-editor .sequence-actions .icon-btn{border-radius:var(--ludica-radius-icon)!important}
html body :is(.studio-shell,.creator-editor,.player-modal,.live-screen) :is(.pill,.campus-status,.live-tag,.live-connection,.preview-tag,.answer-accepted-label,.answer-correct-action:has(.selected)){border-radius:var(--ludica-radius-action)!important}
html body .types-only-modal .format-catalog .type-card .type-icon{border-radius:var(--ludica-radius-icon)!important}

/* Center brand lockup in the sidebar header. */
html body .studio-shell .sidebar .studio-brand{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px 12px}
html body .studio-shell .sidebar .studio-brand .brand-native{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:0;margin:0 auto;text-align:center}
html body .studio-shell .sidebar .studio-brand .brand-wordmark{display:flex;align-items:center;justify-content:center;margin:0 auto}
html body .studio-shell .sidebar .studio-brand .brand-tagline{display:block;width:100%;text-align:center;margin-left:0;margin-right:0}

/* Unified home/editor banner geometry. */
:root{--ludica-banner-height:88px;--ludica-brand-column:248px;--ludica-banner-line:#e0e5f5}
html body .studio-shell .topbar{box-sizing:border-box;height:var(--ludica-banner-height);min-height:var(--ludica-banner-height);background:#fff;border-bottom:1px solid var(--ludica-banner-line);padding:18px 28px;align-items:center}
html body .studio-shell .sidebar .studio-brand{height:var(--ludica-banner-height);min-height:var(--ludica-banner-height);border-bottom:1px solid var(--ludica-banner-line);padding:16px 12px}
html body .creator-editor .editor-header{box-sizing:border-box;height:var(--ludica-banner-height);min-height:var(--ludica-banner-height);padding:0 28px 0 0;background:#fff;border-bottom:1px solid var(--ludica-banner-line);gap:20px;align-items:center;flex-wrap:nowrap;box-shadow:none}
html body .creator-editor .editor-identity{display:flex;align-items:center;gap:0;flex:1 1 auto;min-width:0;height:100%}
.editor-brand-slot{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 var(--ludica-brand-column);width:var(--ludica-brand-column);height:100%;border-right:1px solid var(--ludica-banner-line)}
html body .creator-editor .editor-brand-slot .brand-native{display:flex;align-items:center;justify-content:center;width:175px;margin:0;padding:0}
html body .creator-editor .editor-brand-slot .brand-wordmark{font-size:36px;line-height:1.15}
.editor-brand-slot>[data-action="back"]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;min-width:28px;padding:5px}
html body .creator-editor .editor-document{border:0;margin:0;padding:0 0 0 28px;min-width:90px;max-width:300px;flex:1}
html body .creator-editor .editor-document .title-input{font-size:14px}
html body .creator-editor .editor-actions{flex:0 0 auto;flex-basis:auto;margin-left:auto;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px}
@media(min-width:1100px) and (max-width:1350px){html body .creator-editor .editor-header{gap:12px;padding-right:18px}html body .creator-editor .editor-document{padding-left:18px;max-width:190px}html body .creator-editor .editor-actions{gap:8px}}
@media(max-width:1099px){html body .creator-editor .editor-header{height:auto;min-height:var(--ludica-banner-height);padding:0 18px 16px;flex-wrap:wrap;gap:12px}html body .creator-editor .editor-identity{flex-basis:100%;height:var(--ludica-banner-height)}html body .creator-editor .editor-brand-slot{margin-left:-18px}html body .creator-editor .editor-actions{flex-basis:100%;justify-content:flex-end;flex-wrap:wrap;margin-left:0}}
@media(max-width:720px){html body .studio-shell .topbar{height:auto;min-height:80px;padding:14px 16px}html body .creator-editor .editor-header{padding:0 14px 14px}html body .creator-editor .editor-brand-slot{--ludica-brand-column:190px;margin-left:-14px}html body .creator-editor .editor-brand-slot .brand-native{width:140px}html body .creator-editor .editor-brand-slot .brand-wordmark{font-size:30px}html body .creator-editor .editor-document{padding-left:14px}html body .creator-editor .editor-actions{justify-content:flex-start;gap:8px}}

/* Shared column tracks for the editor banner and work area. */
.creator-editor{--editor-left-column:248px;--editor-right-column:340px}
@media(min-width:1600px){.creator-editor{--editor-right-column:360px}}
@media(min-width:1100px){
html body .creator-editor .editor-header{display:grid;grid-template-columns:var(--editor-left-column) minmax(100px,1fr) auto auto var(--editor-right-column);grid-template-rows:88px;align-items:center;height:88px;min-height:88px;padding:0;gap:0 12px}
html body .creator-editor .editor-identity,html body .creator-editor .editor-actions{display:contents!important}
html body .creator-editor .editor-brand-slot{grid-column:1;grid-row:1;width:100%;height:100%;margin:0;--ludica-brand-column:var(--editor-left-column)}
html body .creator-editor .editor-document{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0;padding:0 0 0 16px;margin:0}
html body .creator-editor .question-context-tools{grid-column:3;grid-row:1;flex-wrap:nowrap;gap:10px}
html body .creator-editor .editor-more{grid-column:4;grid-row:1;margin:0 2px 0 0}
html body .creator-editor .editor-publish-group{box-sizing:border-box;grid-column:5;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:0 16px;margin:0;border-left:1px solid var(--ludica-banner-line)}
html body .creator-editor .editor-publish-group .btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-height:44px;padding:10px 15px;white-space:nowrap;font-size:13px;line-height:20px}
html body .creator-editor .editor-publish-group svg{display:block;width:20px;height:20px;flex:none;margin:0;padding:0}
html body .creator-editor .editor-publish-group .live-cloud-save{background:#fff;color:#174cff;border:1px solid #174cff}
html body .creator-editor .editor-publish-group .live-host{background:#ff2b2e!important;color:#fff!important;border:1px solid #ff2b2e!important}
html body .creator-editor .editor-main{grid-template-columns:var(--editor-left-column) minmax(0,1fr) var(--editor-right-column)}
html body .creator-editor.panel-closed .editor-main{grid-template-columns:var(--editor-left-column) minmax(0,1fr) 0}
}
@media(min-width:1100px) and (max-width:1350px){.creator-editor{--editor-left-column:248px;--editor-right-column:320px}html body .creator-editor .editor-header{gap:0 8px}html body .creator-editor .editor-document{padding-left:12px}html body .creator-editor .editor-publish-group{padding:0 10px;gap:8px}html body .creator-editor .editor-publish-group .btn{padding:10px 12px;font-size:12px}}

/* Uniform editor thumbnails: identical slots whether or not answers/media exist. */
html body .creator-editor .question-thumb .thumb-card{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 28px minmax(0,1fr) 16px;gap:6px;align-items:stretch;width:100%;height:164px;min-height:164px;max-height:164px;padding:10px;border:2px solid #e0e4f2;border-radius:14px;overflow:hidden}
html body .creator-editor .question-thumb.active .thumb-card{padding:10px;border-width:2px;border-color:#6730ff}
html body .creator-editor .thumb-card .thumb-caption{grid-row:1;height:20px;min-height:0;margin:0;overflow:hidden;white-space:nowrap}
html body .creator-editor .thumb-card .thumb-title{grid-row:2;height:28px;min-height:0;max-height:28px;font-size:9px;line-height:14px;margin:0;-webkit-line-clamp:2;overflow:hidden}
html body .creator-editor .thumb-card .thumb-resource{grid-row:3;box-sizing:border-box;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}
html body .creator-editor .thumb-card .thumb-resource img{width:100%;height:100%;object-fit:contain}
html body .creator-editor .thumb-card .thumb-colors{grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4px;align-content:center;gap:2px;height:16px;min-height:16px;padding:0;margin:0;overflow:hidden}
html body .creator-editor .thumb-card .thumb-colors i{height:4px;margin:0}
@media(max-width:650px){html body .creator-editor .question-thumb .thumb-card{height:104px;min-height:104px;max-height:104px;padding:6px;gap:3px;grid-template-rows:16px 20px minmax(0,1fr) 12px}html body .creator-editor .question-thumb.active .thumb-card{padding:6px}html body .creator-editor .thumb-card .thumb-caption{height:16px}html body .creator-editor .thumb-card .thumb-title{height:20px;max-height:20px;font-size:8px;line-height:10px}html body .creator-editor .thumb-card .thumb-colors{height:12px;min-height:12px;grid-auto-rows:3px;gap:1px}html body .creator-editor .thumb-card .thumb-colors i{height:3px}}

/* Native triangular markers are replaced by the product's own disclosure controls. */
summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:''}
.help-grid summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border:1px solid #dce3f5;border-radius:999px;cursor:pointer}
.help-grid summary::after{content:'';display:block;flex:none;width:21px;height:21px;background:url('/assets/material-symbols/add.svg') center/contain no-repeat}
.help-grid details[open]>summary::after{background-image:url('/assets/material-symbols/remove.svg')}/* Editor identity: back + local-save status + home logo, centered game title. */
html body .creator-editor .editor-brand-slot{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}
html body .creator-editor .editor-brand-slot>.editor-return{position:static;transform:none;display:grid;place-items:center;flex:none;width:30px;height:34px;min-width:30px;padding:6px;border-radius:50%;background:transparent}
.editor-return img{display:block;width:20px;height:20px}
.editor-return:hover,.editor-home-logo:hover{background:#f3f0ff}
html body .creator-editor .editor-home-logo{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px 2px;border-radius:10px}
html body .creator-editor .editor-home-logo .brand-native{width:128px}
html body .creator-editor .editor-home-logo .brand-wordmark{font-size:30px}
html body .creator-editor .editor-local-status{position:relative;display:grid;place-items:center;flex:none;box-sizing:border-box;width:30px;height:30px;margin:0;padding:6px;border:1px solid #dcecdf;border-radius:50%;background:#eef8ef;color:#26754a}
.editor-local-status img{display:block;width:17px;height:17px;opacity:.75}
.editor-status-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html body .creator-editor .editor-local-status[data-state=saving]{background:#f0edff;border-color:#e0d7ff;color:#6730ff}
html body .creator-editor .editor-local-status[data-state=error]{background:#fff0f1;border-color:#ffb8c0;color:#be1635}
html body .creator-editor .editor-document{display:flex;align-items:center;justify-content:center;max-width:none!important;flex:1;min-width:0;padding:0 12px!important}
html body .creator-editor .editor-document .title-input{width:100%;min-width:0;text-align:center;font-size:15px;line-height:24px;padding:8px 4px;margin:0;text-overflow:ellipsis}
@media(max-width:720px){html body .creator-editor .editor-brand-slot{--ludica-brand-column:218px;gap:5px;padding:0 8px}html body .creator-editor .editor-home-logo .brand-native{width:115px}html body .creator-editor .editor-home-logo .brand-wordmark{font-size:28px}html body .creator-editor .editor-document{min-width:80px}html body .creator-editor .editor-document .title-input{font-size:14px}}

/* The logo is the only return control; local save belongs to editor tools. */
html body .creator-editor .editor-home-logo .brand-native{width:175px}html body .creator-editor .editor-home-logo .brand-wordmark{font-size:36px}html body .creator-editor .question-context-tools .editor-local-status{width:44px;height:44px;min-width:44px;padding:11px;background:#eef8ef}html body .creator-editor .question-context-tools .editor-local-status img{width:20px;height:20px}@media(max-width:720px){html body .creator-editor .editor-home-logo .brand-native{width:140px}html body .creator-editor .editor-home-logo .brand-wordmark{font-size:30px}}

/* Selected question types retain the normal dark label color. */
.types-only-modal .format-catalog .type-card.current-type,.types-only-modal .format-catalog .type-card.current-type strong,html body .creator-editor .question-type-tile.active{color:#10105c}