.scoring-display{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.score-info{font-weight:700;color:#333;margin-bottom:10px}.feedback-info{color:#555}.feedback-label{font-weight:700;margin-right:8px}.feedback-text{color:#666}.multiple-choice-question{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin:0 auto 20px;width:1050px;max-width:90vw}.question-title{margin:0 0 15px;color:#333;font-size:1.2em}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:flex-start;cursor:pointer;padding:10px;border-radius:4px;transition:background-color .2s}.option:hover{background-color:#f5f5f5}.option input[type=radio]{margin-right:10px;margin-top:2px}.option-text{flex:1;line-height:1.5}.option input[type=radio]:disabled{cursor:not-allowed}.option:has(input[type=radio]:disabled){cursor:not-allowed;opacity:.7}.option:has(input[type=radio]:disabled):hover{background-color:transparent}.section{border:1px solid #ddd;border-radius:8px;margin:0 auto 20px;background:#fff;padding:20px}.section.grid-mode{width:1050px;max-width:90vw}.section.normal-mode{width:600px;max-width:90vw}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.section .section-title{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-weight:600;margin:0}.delete-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px}.delete-btn:hover{background:#c82333}.delete-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.delete-btn:disabled:hover{background:#6c757d}.section-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:5px 0;flex-wrap:wrap;font-size:14px;color:#666}.question-text{margin-bottom:20px;line-height:1.6;color:#555}.grid-btn{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.grid-btn:hover{background:#218838}.grid-btn.active{background:#dc3545}.grid-btn.active:hover{background:#c82333}.chars-per-line-control,.max-chars-control{display:flex;align-items:center;gap:3px;font-size:14px}.chars-input{width:80px;padding:2px 4px;border:none!important;border-bottom:1px solid #ccc!important;border-radius:0!important;text-align:center;background:transparent!important;cursor:pointer;box-shadow:none!important}.chars-input:focus{outline:none!important;border:none!important;border-bottom:1px solid #007bff!important;box-shadow:none!important}.character-counter{display:flex;gap:8px;font-size:14px}.counter-item{display:flex;gap:3px}.counter-label{color:#888}.counter-value{font-weight:700;color:#555;min-width:30px;text-align:right}.counter-value.over-limit{color:#dc3545;font-weight:700}.editor-wrapper{position:relative;padding-right:18px}.line-char-counter{position:absolute;top:0;right:-60px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-family:monospace;pointer-events:none;z-index:10;width:30px;text-align:center}.cursor-char-counter{position:absolute;background:#007bffcc;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-family:monospace;pointer-events:none;z-index:11;width:30px;text-align:center}.carry-over-indicator{position:absolute;top:0;color:#0006;font-size:14px;pointer-events:none;z-index:9;width:30px;text-align:center}.disabled-cell{position:absolute;background:#ff00001a;border:1px solid rgba(255,0,0,.3);pointer-events:none;z-index:5}.section-editor{display:flex;justify-content:flex-start}.section-content{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,Meiryo,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;resize:none;outline:none;overflow:hidden}.section-content.grid-mode{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;font-size:20px;line-height:24px;background-image:linear-gradient(to right,#d0d0d0 1px,transparent 2px),linear-gradient(to bottom,#d0d0d0 1px,transparent 2px),linear-gradient(to right,#d0d0d0 1px,transparent 1px),linear-gradient(to bottom,#d0d0d0 1px,transparent 1px);background-size:120px 24px,24px 120px,24px 24px,24px 24px;letter-spacing:4px;margin:0;border:none;background-color:transparent;padding:1px 0 0 2px;overflow:hidden}.section-content:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.section-content:disabled,.section-content[readonly]{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.section-title:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.chars-input:disabled{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,Meiryo,Helvetica Neue,Arial,sans-serif}#root{height:100vh}.app{height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}.app-header{background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.app-title-input{margin:0;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:24px;font-weight:600;letter-spacing:-.02em;color:#333;background:#fff;min-width:300px}.app-title-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.app-title-input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;border:none}.app-main{flex:1;overflow-y:auto;padding:20px}.header-controls{display:flex;gap:10px;align-items:center}.add-section-btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;box-shadow:0 2px 4px #007bff4d}.add-section-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff66}.add-section-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.add-section-btn:disabled:hover{background:#6c757d;transform:none;box-shadow:none}.import-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px}.import-btn:hover{background:#545b62}.export-all-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.export-all-btn:hover{background:#218838}.url-input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;margin-right:8px}.url-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.submit-btn{padding:10px 20px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px}.submit-btn:hover{background:#138496}.grid-btn{padding:10px 20px;background:#6f42c1;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;box-shadow:0 2px 4px #6f42c14d;transition:all .2s ease}.grid-btn:hover{background:#5a32a3;transform:translateY(-1px);box-shadow:0 4px 8px #6f42c166}.grid-btn.active{background:#dc3545;box-shadow:0 2px 4px #dc35454d}.grid-btn.active:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.chars-per-line-control{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 12px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px}.chars-input{width:80px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;background:#fff;cursor:pointer;font-size:14px}.total-scoring{background:#e9ecef;padding:15px 0;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:10}.total-scoring-content{width:1050px;max-width:90vw;margin:0 auto;padding:0 20px;transform:translate(calc(var(--scrollbar-width, 0px) / -2))}.total-scoring h3{margin:0 0 10px;color:#495057;font-size:18px}.total-score{font-size:16px;font-weight:700;color:#28a745;margin-bottom:8px}.overall-comment{font-size:14px;color:#6c757d;line-height:1.4}.question-title{margin:0 0 15px;color:#333;font-size:1.2em;border-bottom:2px solid #007bff;padding-bottom:8px}.section-title{font-size:1.5rem;font-weight:700;margin:2rem auto 1rem;color:#333;border-bottom:2px solid #007bff;padding-bottom:.5rem;width:1050px;max-width:90vw}