.container{margin:0 auto;max-width:650px;padding:20px;position:relative}.group{margin-bottom:20px}h2{font-size:24px;margin-bottom:10px}.item{align-items:center;display:flex;font-size:16px;margin-bottom:5px}input[type=checkbox]{margin-right:10px}.description{flex-grow:1}.grade{color:gray;font-size:14px}.reset-button{background-color:#f5f5f5;border:none;cursor:pointer;font-size:16px;margin-right:15px;margin-top:20px;padding:10px 20px}.total-score{font-size:18px;font-weight:700;margin-top:20px}.comment{margin-top:10px;white-space:pre-line}.checkmark{background-color:#e0e0e0;border-radius:3px;display:inline-block;height:18px;margin-right:8px;position:relative;width:18px}.checkmark:after{content:"";display:none;position:absolute}input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}input[type=checkbox]:checked+.checkmark:after{display:block}.checkmark:after{border:solid #000;border-width:0 2px 2px 0;height:8px;left:5px;top:2px;transform:rotate(45deg);width:4px}.negative{color:red}.group-total{color:#333;font-weight:700}.comment{border:1px solid #ccc;height:150px}.copy-button{transform:translateY(-50%)}.comment{background-color:#f2f2f2;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:10px;top:50%}.copy-button:hover{background-color:#0056b3}.copy-button:active{background-color:#004799}.comment-container{margin-top:20px;position:relative}.comment-label{font-weight:700}.comment{border:none;border-radius:4px;box-shadow:none;outline:none;padding:10px;resize:vertical;width:100%}.copy-link{color:#007bff;cursor:pointer}.copy-link,.copy-link:active,.copy-link:hover{text-decoration:none}.copy-code{display:inline-block;margin-right:5px}.copy-code a{color:#007bff;cursor:pointer;font-weight:700}.copy-code a,.copy-code a:active,.copy-code a:hover{text-decoration:none}.disabled{opacity:.5;pointer-events:none}.function-buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}.function-buttons>button{background-color:#f5f5f5;border:none;cursor:pointer;font-size:25px;height:64px;margin:20px;padding:10px 20px;width:260px}.correct{color:green;cursor:pointer}.correct .disabled{display:none}.reset{color:grey;cursor:pointer}.item-add{border:1px dashed #000;border-radius:2px;cursor:pointer;inset:0;position:absolute;text-align:center;width:100%}.designing>.grading-item{border:1px dashed #0000}.designing>.grading-item:hover{border:1px dashed #c8c8c8;border-radius:2px}.primary{background-color:#881c1c;color:#fff}.primary:hover{background-color:#aa2828}.to-result{bottom:50px;cursor:pointer;font-size:16px}.score-block,.to-result{height:50px;line-height:50px;position:fixed;right:30px;text-align:center;width:130px}.score-block{bottom:100px}.score-block>.total{font-size:50px;font-weight:700}.score-block>.full{color:gray;font-size:20px}.builder-button>i{font-size:20px;margin:5px}dialog{background:#fff;border:none;border-radius:5px;box-shadow:0 4px 10px #0003;opacity:0;padding:30px;position:fixed;text-align:center;width:400px}dialog[open]{box-sizing:none;opacity:1}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d}dialog h2{color:#333;font-size:22px;margin-bottom:15px}.close-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:15px;padding:8px 16px}#prompt>form>input,#prompt>form>textarea{width:90%}#prompt{justify-content:center}.close-btn:hover{background-color:#0056b3}.info{background-color:#28a745;box-shadow:0 4px 8px #0003;color:#fff;font-size:16px;left:0;padding:10px 0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.file-input{height:0;opacity:0;width:0}.drop-area{border:2px dashed #c8c8c8;border-radius:8px;cursor:pointer;margin-top:25px;padding:30px}.file-in{background:hsla(0,0%,78%,.586)}.upload-dialog>p{color:#0a0a0a;font-size:15px;font-style:italic;margin:0;text-align:left}.drop-area p{color:#0056b3;font-size:20px;inset:0}