#image-task-form { margin: 1.5rem 0; padding: clamp(.8rem, 2vw, 1.4rem); border: 1px solid var(--line, #607080); border-radius: 12px; color: inherit; background: var(--panel, transparent); overflow-wrap: anywhere; }
#image-task-form *, #image-task-form *::before, #image-task-form *::after { box-sizing: border-box; }
#image-task-form [hidden] { display: none !important; }
#image-task-form h2, #image-task-form h3, #image-task-form h4 { margin: .3rem 0 .7rem; }
#image-task-form .image-task-heading { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: start; justify-content: space-between; }
#image-task-form nav { display: flex; flex-wrap: wrap; gap: .4rem; }
#image-task-form p { line-height: 1.6; }
#image-task-form .image-task-note { font-size: .92rem; opacity: .9; }
#image-task-form fieldset { min-width: 0; margin: 1rem 0; padding: 1rem; border: 1px solid var(--line, #607080); border-radius: 8px; }
#image-task-form legend { max-width: 100%; padding: 0 .35rem; font-weight: 650; }
#image-task-form label { display: block; line-height: 1.5; }
#image-task-form input:not([type=checkbox]), #image-task-form select, #image-task-form textarea { display: block; width: 100%; min-height: 44px; margin-top: .3rem; padding: .55rem; color: #16243a; background: #f8fafc; border: 1px solid #677b96; border-radius: 5px; font: inherit; }
#image-task-form input[type=checkbox] { color: #16243a; background: #f8fafc; border-color: #677b96; accent-color: #163b63; }
#image-task-form input::file-selector-button { color: #fff; background: #163b63; border: 1px solid #163b63; border-radius: 4px; padding: .45rem .65rem; margin-right: .6rem; font: inherit; }
#image-task-form input[type=file] { max-width: 100%; }
#image-task-form input[type=checkbox] { width: 1.2rem; height: 1.2rem; margin: .15rem .5rem .15rem 0; flex-shrink: 0; }
#image-task-form .image-task-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr)); gap: .85rem 1rem; }
#image-task-form .image-task-check, #image-task-form .image-task-checks label { display: flex; align-items: center; min-height: 44px; }
#image-task-form .image-task-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .2rem .8rem; margin: .7rem 0; }
#image-task-form .image-task-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
#image-task-form button, #image-task-form a.image-task-card-link { min-height: 44px; padding: .6rem .85rem; border: 1px solid var(--line, #718397); border-radius: 6px; font: inherit; }
#image-task-form button { cursor: pointer; color: #fff; background: #163b63; border-color: #163b63; }
#image-task-form button [data-image-i18n] { color: inherit; }
#image-task-form input:disabled, #image-task-form select:disabled, #image-task-form textarea:disabled, #image-task-form button:disabled { color: #475569; background: #e2e8f0; border-color: #94a3b8; opacity: 1; }
#image-task-form button:disabled { cursor: not-allowed; }
#image-task-form button[aria-pressed=true] { border-width: 2px; font-weight: 700; }
#image-task-form :focus-visible { outline: 3px solid #6acaff; outline-offset: 3px; }
#image-task-form pre { max-width: 100%; max-height: 28rem; overflow: auto; padding: .8rem; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line, #607080); border-radius: 6px; font-size: .85rem; }
#image-task-form dl { display: grid; grid-template-columns: minmax(5rem, auto) minmax(0, 1fr); gap: .4rem .8rem; }
#image-task-form dt { font-weight: 650; }
#image-task-form dd { min-width: 0; margin: 0; }
#image-task-form .image-task-result-group { margin: 1.2rem 0; }
#image-task-form article { margin: .7rem 0; padding: .9rem; border: 1px solid var(--line, #607080); border-radius: 8px; }
#image-task-form article[data-state=full] { border-left: 4px solid #65b88a; }
#image-task-form article[data-state=partial] { border-left: 4px solid #d5b466; }
#image-task-form article[data-state=conflict] { border-left: 4px solid #dc8b8b; }
#image-task-form article[data-state=not_covered] { border-left: 4px solid #91a4bb; }
#image-task-form .image-task-links { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .8rem; }
#image-task-form details { margin: .8rem 0; }
#image-task-form summary { cursor: pointer; min-height: 32px; }
#image-task-form [data-error=true] { color: #9b1c1c; }
@media (max-width: 480px) { #image-task-form fieldset { padding: .7rem; } #image-task-form dl { grid-template-columns: 1fr; gap: .15rem; } #image-task-form dd { margin-bottom: .45rem; } #image-task-form .image-task-actions button { width: 100%; } }