.new-assignment{margin-top:18px}
.assignment-dialog{width:min(680px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #dce7e8;border-radius:16px;color:#24404c;background:white;box-shadow:0 24px 100px #112b3740}
.assignment-dialog::backdrop{background:#112b3780;backdrop-filter:blur(3px)}
.composer-heading{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line)}
.composer-heading h2{font-size:25px;margin:0}.composer-heading .eyebrow{line-height:1.6;overflow-wrap:anywhere}.dialog-close{border:0;background:#f0f5f5;border-radius:50%;color:#607b85;width:32px;height:32px;flex-shrink:0;font-size:23px}
#composer-content{padding:24px 28px}.composer-note{font-size:calc(12px * var(--ui-font-scale));line-height:1.8;color:#71858e;margin:0 0 18px;overflow-wrap:anywhere}
#assignment-form>label,.composer-fields>label{display:flex;flex-direction:column;gap:8px;font-size:calc(12px * var(--ui-font-scale));font-weight:600;margin-bottom:19px;min-width:0}
#assignment-form input:not([type=radio]),#assignment-form textarea{font:inherit;font-size:calc(13px * var(--ui-font-scale));font-weight:400;border:1px solid #d7e3e6;border-radius:8px;padding:11px;color:#294651;width:100%;min-width:0;background:#fff}
#assignment-form textarea{resize:vertical;line-height:1.6}.composer-fields{display:flex;gap:14px;flex-wrap:wrap}.composer-fields>label{flex:1;min-width:130px}.composer-mode{border:1px solid var(--line);border-radius:9px;margin:20px 0;padding:14px 17px}.composer-mode legend{font-size:calc(12px * var(--ui-font-scale));font-weight:600;padding:0 6px}.composer-mode label{display:block;font-size:calc(13px * var(--ui-font-scale));margin:12px 0;cursor:pointer}.composer-mode small{display:block;font-size:calc(11px * var(--ui-font-scale));font-weight:400;color:#7b8f98;line-height:1.6;margin:4px 0 0 25px}.composer-mode input{accent-color:var(--teal)}
.composer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}#assignment-review h3{font-size:22px;line-height:1.5;overflow-wrap:anywhere}.creation-success{text-align:center;padding:20px 0}.creation-success>span{display:block;font-size:44px;color:var(--teal)}.creation-success p{font-size:calc(13px * var(--ui-font-scale));line-height:1.8}.creation-success a{font-size:calc(13px * var(--ui-font-scale));color:var(--teal)}
@media(max-width:600px){.composer-heading,#composer-content{padding:20px}.composer-fields{gap:10px}.composer-fields>label{min-width:120px}.composer-actions .button{flex:1}}