*{margin:0;padding:0;box-sizing:border-box}html,body{line-height:1.5;font-family:Arial,sans-serif;color-scheme:light}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.section{margin:20px;line-height:1.6}header h1{font-size:2em;margin-bottom:.5em}.description{color:#555;margin-bottom:1.5em}:root{--surface-ground: #ffffff;--surface-section: #f8f9fa;--surface-card: #ffffff;--text-color: #333333;--text-color-secondary: #666666;--primary-color: #0c3370;--surface-border: #ddd}:root{--mgi-primary: var(--primary-color);--mgi-text: var(--text-color);--mgi-muted: var(--text-color-secondary);--mgi-page: #f3f4f6;--mgi-surface: #ffffff;--mgi-surface-tonal: #fafbfc;--mgi-border: #e5e7eb;--mgi-radius: 10px;--mgi-shadow: 0 1px 2px rgba(0,0,0,.04)}.mgi-page{background:var(--mgi-page);color:var(--mgi-text);min-height:60vh}.mgi-card{background:var(--mgi-surface);border:1px solid var(--mgi-border);border-radius:var(--mgi-radius);box-shadow:var(--mgi-shadow);padding:1.25rem}.mgi-page-title{text-align:center;font-weight:700;font-size:1.5rem;margin:.25rem 0 1rem}.mgi-section-title{font-size:1rem;font-weight:700;margin:.25rem 0 .75rem;color:var(--mgi-text);position:relative;padding-left:.75rem}.mgi-section-title:before{content:"";position:absolute;left:0;top:.22rem;bottom:.22rem;width:3px;background:var(--mgi-primary);border-radius:3px}.mgi-help{color:var(--mgi-muted);margin:0 0 .75rem}.mgi-option{background:var(--mgi-surface);border:1px solid var(--mgi-border);border-radius:var(--mgi-radius);padding:.8rem .9rem;transition:border-color .2s ease,box-shadow .2s ease}.mgi-option:hover{border-color:#cbd5e1;box-shadow:var(--mgi-shadow)}.mgi-option.is-selected{border-color:var(--mgi-primary);box-shadow:0 0 0 2px #0c33701f}.mgi-option__title{color:var(--mgi-primary);font-weight:700}.mgi-option__desc{color:var(--mgi-muted);font-size:.9rem}.mgi-drop-wrap{border:1px dashed #94a3b8;border-radius:var(--mgi-radius);background:var(--mgi-surface);padding:1rem 1rem 1.25rem}.mgi-drop{min-height:140px;padding:1rem;border:2px dashed #94a3b8;border-radius:var(--mgi-radius);background:#f8fafc;cursor:pointer;outline:none;display:flex;align-items:center;gap:.75rem}.mgi-drop:hover{background:#f1f5f9}.mgi-drop:focus{box-shadow:0 0 0 3px #0c33702e;border-color:var(--mgi-primary)}.mgi-drop .icon{font-size:1.4rem;color:var(--mgi-primary)}.mgi-drop .muted{color:var(--mgi-muted);font-size:.9rem}.mgi-files{margin-top:1rem;padding:0}.mgi-file{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;border-bottom:1px dashed var(--mgi-border)}.mgi-file__name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgi-file__size{color:var(--mgi-muted);font-size:.85rem}.mgi-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.mgi-card{padding:1rem}.mgi-drop{min-height:120px}}