.control-request{position:absolute;z-index:4;right:10px;top:10px;padding:9px 11px;border:1px solid #cbecc764;border-radius:9px;background:#153e31e8;color:#fff;font-size:11px;font-weight:700;box-shadow:0 4px 15px #001a1033}.control-request:hover{background:#286a49}.control-stop{border:1px solid #e6c9c7;border-radius:9px;padding:9px 12px;background:#fff3f1;color:#a23d38;font-size:11px;font-weight:700}.control-stop:hover{background:#ffe8e4}.control-student{margin-top:22px;padding:15px;border:1px solid #dfebde;border-radius:12px;background:#f5faf3;text-align:left}.control-student strong{font-size:12px;color:#284c36}.student-info .control-student p{margin:7px 0 12px;color:#688371;font-size:11px;line-height:1.5}.control-student .outline,.control-student .control-stop{min-height:42px;margin-top:5px}.control-student .outline:disabled{opacity:.55;cursor:not-allowed}.control-steps{padding-left:22px;color:#456451;font-size:13px;line-height:1.6}.control-steps li{padding:4px 0}.control-steps a{color:#226c46;font-weight:700}.control-code-box{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #deebde;border-radius:12px;background:#f5faf3}.control-code-box code{flex:1;min-width:0;overflow-wrap:anywhere;font:700 13px/1.5 monospace;color:#214e34;user-select:all}.control-code-box .outline{min-height:40px;padding:8px 12px}.control-active-video{outline:3px solid #b8ec9f;outline-offset:-3px;cursor:crosshair}.control-active-video:focus{outline:3px solid #b8ec9f}.control-stage-notice{position:absolute;z-index:5;left:50%;top:10px;transform:translateX(-50%);padding:7px 10px;border-radius:8px;background:#c7f0ad;color:#1a4a2c;font-size:10px;font-weight:800;white-space:nowrap;pointer-events:none}@media(max-width:700px){.control-request{font-size:10px;padding:7px;top:7px;right:7px}.control-code-box{flex-wrap:wrap}.control-code-box code{flex-basis:100%}}