.assignment-live{vertical-align:middle;white-space:nowrap;max-width:100%;color:var(--fx-success-ink,#166534);align-items:center;gap:5px;margin-inline-start:7px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.assignment-live i{background:#23834c;border-radius:50%;flex:none;width:6px;height:6px;animation:2s ease-in-out infinite assignment-live-breathe;display:inline-block}@keyframes assignment-live-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.assignment-live i{animation:none}}.assignment-row-title:has(.assignment-live) .assignment-list-title{display:inline}.assignment-live-visual{flex-wrap:wrap;align-items:flex-end;min-width:0;max-width:100%;display:inline-flex}.assignment-material-audio-card,.assignment-material-detail-card{position:relative}.assignment-material-active-ring{z-index:2;border-radius:inherit;pointer-events:none;border:2px solid #c76a08;animation:2s ease-in-out infinite assignment-material-breathe;position:absolute;inset:0}@keyframes assignment-material-breathe{0%,to{opacity:.45;box-shadow:0 0 2px #f59e0b33}50%{opacity:1;box-shadow:0 0 9px 3px #f59e0bb3}}@media (prefers-reduced-motion:reduce){.assignment-material-active-ring{opacity:1;animation:none;box-shadow:0 0 0 1px #f59e0b}}
.shared-image-gallery[data-slot=dialog-content]{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;padding:calc(env(safe-area-inset-top) + 64px) 8px env(safe-area-inset-bottom);color:#fff;z-index:160;background:#101820;border:0;border-radius:0;flex-direction:column;gap:0;animation:none;display:flex;position:fixed;inset:0;overflow:auto;transform:translate(0,0)}.shared-image-gallery button{min-width:44px;height:auto;min-height:44px;color:inherit;touch-action:manipulation}.shared-image-gallery button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.shared-image-gallery button:hover{color:#fff;background:#334155}.shared-image-gallery .gallery-close{right:8px;top:calc(env(safe-area-inset-top) + 8px);position:absolute}.gallery-tools{left:8px;top:calc(env(safe-area-inset-top) + 8px);gap:4px;display:flex;position:absolute}.gallery-stage{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.gallery-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%}.gallery-message{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.gallery-message button{pointer-events:auto;color:#101820}.shared-image-gallery footer{flex:none;justify-content:center;align-items:center;gap:16px;padding:8px;display:flex}.shared-image-gallery output{text-align:center;font-variant-numeric:tabular-nums;min-width:54px}.gallery-accessory{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:16px;padding:8px;font-size:16px;display:flex}.gallery-accessory button{color:#fff;background:#b42318;font-weight:700}
.assignment-layout{width:100%;min-width:0;color:var(--fx-ink);font-size:16px}.assignment-layout-header{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:16px;display:flex}.assignment-layout-header h2{min-width:0;margin:0;font-size:14px;font-weight:600;line-height:20px}.assignment-layout-header>div{flex:none;margin-left:auto}.assignment-layout-fields{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.assignment-layout-fields>*,.assignment-layout-fields section{min-width:0}.assignment-layout textarea{resize:none;white-space:pre-wrap;overflow-wrap:anywhere;field-sizing:content;width:100%;height:auto;min-height:44px;padding:9px 12px;font-size:16px;line-height:24px;display:block;overflow:hidden}.assignment-layout [data-assignment-field=evidence] input,.assignment-layout [data-assignment-field=evidence] [data-slot=select-trigger]{width:100%;height:44px;min-height:44px;font-size:16px}.assignment-layout [readonly]{opacity:1;color:var(--fx-ink);cursor:text;background:var(--fx-surface)}.assignment-layout-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.assignment-layout [data-assignment-field=materials]>div:first-child{margin-top:0}.assignment-layout audio,.assignment-layout video{width:100%;max-width:100%;display:block}.assignment-layout video,.assignment-media-preview video{aspect-ratio:16/9;object-fit:contain;width:100%;max-width:100%;max-height:min(360px,50dvh);display:block}.assignment-layout .assignment-classification{max-width:none}.assignment-layout .assignment-classification [readonly]{height:44px;padding-inline:8px;font-size:14px}.assignment-template-section{padding:16px 24px}.assignment-media-preview{border:1px solid var(--fx-line);background:var(--fx-surface);border-radius:12px;width:100%;min-width:0;padding:12px}.assignment-media-preview>p{overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;line-height:20px}.assignment-media-preview .assignment-media-image{background:var(--fx-bg);width:100%;height:auto;min-height:140px;padding:0;display:flex}.assignment-media-image img{object-fit:contain;width:100%;height:140px;display:block}.assignment-media-list{gap:12px;width:100%;display:grid}.assignment-media-row{align-items:flex-start;gap:8px;width:100%;min-width:0;display:flex}.assignment-media-row>div:first-child{flex:1;min-width:0}.entry-page .assignment-layout .entry-classification,.entry-page .assignment-layout .entry-materials{margin-top:0}.entry-page .assignment-layout textarea{resize:none;border-radius:var(--radius-md,8px)}.assignment-layout [data-assignment-field=materials]>.entry-materials{background:0 0;border:0;padding:0}.assignment-layout{width:min(670px,100vw - 66px);max-width:100%;margin-inline:auto}.assignment-layout .assignment-media-row{display:block;position:relative}.assignment-layout .assignment-media-row>button{min-width:44px;position:absolute;top:4px;right:4px}.assignment-media-preview>p{min-height:28px;padding-right:44px}.assignment-layout .assignment-materials li{padding:0}.assignment-layout .assignment-materials{gap:8px;display:grid}.assignment-layout-header h2{align-items:center;gap:4px;display:flex}.assignment-draft-order{align-items:center;display:inline-flex}.assignment-draft-order>span{display:none}.assignment-layout .assignment-draft-order button{cursor:grab;width:28px;min-width:28px;height:44px;min-height:44px;padding:0}
.assignment-classification{grid-template-columns:minmax(0,12rem);align-items:start;gap:8px;width:100%;min-width:0;max-width:36rem;display:grid}.assignment-classification[data-extra=true]{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.2fr)}.assignment-classification>*{min-width:0}.assignment-classification>div>label{white-space:normal;font-size:12px}.assignment-classification [data-slot=select-trigger],.assignment-classification input{gap:4px;width:100%;min-width:0;height:44px;padding-inline:8px}.assignment-classification [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.assignment-classification-note{color:var(--fx-ink-2);grid-column:1/-1;font-size:12px}