.omni-dygra-frontend{display:flex;flex-direction:column;gap:2rem}.omni-dygra-mark-toggle{border:1px solid #1d4ed8;background-color:#fff;color:#1d4ed8;font-weight:600;padding:.5rem .9rem;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease}.omni-dygra-mark-toggle:hover{background-color:rgb(29 78 216 / .1)}.omni-dygra-mark-toggle.is-active{background-color:#1d4ed8;color:#fff}.omni-dygra-frontend:fullscreen{background:#fff;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;width:100%;height:100%;overflow:auto}.omni-dygra-board{display:flex;flex-direction:column;gap:1rem;max-width:100%;align-items:center}.omni-dygra-front-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem}.omni-dygra-front-palette{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.omni-dygra-front-color{width:32px;height:32px;border-radius:999px;border:2px solid #fff0;box-shadow:0 0 0 1px rgb(0 0 0 / .15);cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease;padding:0;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.omni-dygra-front-color:hover{transform:scale(1.05)}.omni-dygra-front-color.is-active{box-shadow:0 0 0 2px rgb(17 24 39 / .95);border-color:rgb(17 24 39 / .95)}.omni-dygra-front-tool{border:1px solid #cbd5e1;background-color:#f8fafc;color:#0f172a;padding:.55rem .6rem;border-radius:5px;cursor:pointer;font-weight:600;font-size:calc(1.1rem - 3px);transition:background-color 0.15s ease,border-color 0.15s ease}.omni-dygra-front-tool:hover{background-color:#e2e8f0}.omni-dygra-front-tool.is-active{background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.omni-dygra-popup{position:fixed;inset:0;background:rgb(15 23 42 / .65);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out;z-index:1100}.omni-dygra-popup.is-visible{opacity:1;pointer-events:auto}.omni-dygra-popup__dialog{background:#fff;border-radius:16px;box-shadow:0 24px 45px rgb(15 23 42 / .25);padding:2rem 2.5rem;max-width:420px;width:100%;text-align:center}.omni-dygra-popup__title{font-size:1.8rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.omni-dygra-popup__text{font-size:1.05rem;color:#1f2937;margin:0 0 1.5rem}.omni-dygra-popup__time{font-weight:700;color:#1d4ed8}.omni-dygra-popup__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;align-items:stretch}.omni-dygra-popup__download{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.35rem;border-radius:8px;border:1px solid #1d4ed8;background-color:#fff0;color:#1d4ed8;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.omni-dygra-popup__actions .omni-dygra-popup__close,.omni-dygra-popup__actions .omni-dygra-popup__download{width:100%}.omni-dygra-popup__download:hover{background-color:rgb(29 78 216 / .1)}.omni-dygra-popup__download:disabled,.omni-dygra-popup__download[aria-disabled="true"]{background-color:#f8fafc;border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed}.omni-dygra-popup__close{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;border-radius:8px;border:none;background-color:#1d4ed8;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color 0.2s ease,transform 0.15s ease}.omni-dygra-popup__close:hover{background-color:#1a3fad;transform:translateY(-1px)}.omni-dygra-popup__close:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}.omni-dygra-popup__note{margin:.5rem 0 0;color:#475569;font-size:.85rem;display:none}.omni-dygra-front-table{width:100%;overflow-x:auto;display:flex;justify-content:center}.omni-dygra-table-container{position:relative;width:min(90vmin, 100%);max-width:900px;margin:0 auto}.omni-dygra-table-container::before{content:"";display:block;padding-top:100%}.omni-dygra-table{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;table-layout:fixed}.omni-dygra-table{border-collapse:collapse;background-color:#fff;border:2px solid #1f2937;font-family:inherit;font-size:15px}.omni-dygra-table th,.omni-dygra-table td{border:1px solid rgb(31 41 55 / .45);width:30px;height:30px;min-width:30px;text-align:center;padding:0}.omni-dygra-table td{background-color:#fff;cursor:crosshair}.omni-dygra-table td.is-correct{box-shadow:inset 0 0 0 2px rgb(17 24 39 / .55)}.omni-dygra-table thead th{background-color:#e2e8f0;font-weight:600}.omni-dygra-table tbody th{background-color:#e2e8f0;font-weight:600}.omni-dygra-legend{display:flex;flex-direction:column;gap:.75rem;font-family:'Arial',sans-serif;color:#000;font-size:1.5rem}.omni-dygra-legend-title{font-size:1.2rem;margin:0}.omni-dygra-legend-empty{margin:0;color:#000}.omni-dygra-legend-info{margin:0;color:#000;font-size:.95rem}.omni-dygra-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.omni-dygra-legend-item{display:flex;align-items:flex-start;gap:.75rem;font-family:'Arial',sans-serif;font-size:22px;line-height:1.45}.omni-dygra-legend-swatch{width:30px;height:30px;border-radius:4px;border:none;appearance:none;cursor:pointer;display:inline-block;box-shadow:0 0 0 1px rgb(15 23 42 / .35);padding:0;box-sizing:border-box;flex:0 0 30px;margin-top:3px}.omni-dygra-legend-swatch:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.omni-dygra-legend-coords{display:inline}.omni-dygra-legend-coord{font-weight:600;font-size:1.5rem;transition:color 0.2s ease,text-decoration-color 0.2s ease}.omni-dygra-legend-coord.is-complete{text-decoration:line-through;text-decoration-thickness:2px;color:#9ca3af}.omni-dygra-teacher{margin:0 0 1.5rem;padding:0;border:0;background:none;color:#000}.omni-dygra-admin-note{margin:1.5rem 0 0;padding:0;border:0;background:none;color:#000}.omni-dygra-empty{margin:1rem 0;color:#000}.omni-save-result-section{max-width:400px;margin:18px auto 0;padding:20px;background:#fdfdfd;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .05);text-align:center}.omni-save-checkbox-label{display:block;cursor:pointer;font-size:1.1em;font-weight:600;color:#4f883d}.omni-save-checkbox-label input{margin-right:8px;transform:scale(1.2);vertical-align:middle}.omni-learner-name-field{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.omni-learner-name-field>label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:8px;text-align:center}.omni-learner-name-input{width:100%;padding:18px 20px;font-size:16px;line-height:1.45;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s;min-height:54px}.omni-learner-name-input:focus{outline:none;border-color:#4f883d;box-shadow:0 0 0 3px rgb(79 136 61 / .15)}.omni-learner-name-input:read-only,.omni-learner-name-input:disabled{background:#f0f0f0;cursor:not-allowed}.omni-save-result-btn{display:block;width:100%;padding:14px 24px;margin:8px 0 12px;background:linear-gradient(135deg,#4f883d 0%,#3e6c31 100%);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all 0.2s ease}.omni-save-result-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(79 136 61 / .3)}.omni-save-result-btn.saved{background-color:#4f883d!important;cursor:default}.omni-save-result-btn:disabled{opacity:.7}.omni-privacy-note{margin:0 0 10px;font-size:12px;color:#1e1e1e;font-style:italic;text-align:center}.omni-save-result-message{margin-top:15px;padding:12px 16px;border-radius:6px;font-size:.9em;font-weight:500;text-align:center}.omni-save-result-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.omni-save-result-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:600px){.omni-save-result-section{max-width:100%;padding:15px}}