dialog{border:1px solid var(--border-floating);border-radius:var(--border-radius-big);padding:2rem;box-sizing:border-box;width:100%;max-width:500px;background-color:var(--background-card);box-shadow:var(--box-shadow-modal);text-align:left;opacity:0;transform:translateY(100%);transition:opacity .3s ease-out;color:var(--shade900);@media screen and (max-width:768px){margin:auto auto 0;border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}h2{font-size:1.2rem;margin-bottom:0;+p{margin-top:0}}small{font-size:.8rem}}dialog[open]{animation:ghostBounceIn .5s cubic-bezier(.25,.1,.25,1);opacity:1;transform:none}dialog.dialog-resizing{transition:height .25s ease;overflow:hidden}dialog.custom-dialog.dialog-resizing .dialog-message{overflow:hidden}@keyframes panelSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes ghostBounceIn{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}dialog::backdrop{background-color:var(--backdrop-scrim, rgba(0, 0, 0, .5))}.modal-content{display:flex;flex-direction:column;gap:15px}dialog.custom-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 4rem)}dialog.custom-dialog .dialog-content{display:flex;flex-direction:column;min-height:0}dialog.custom-dialog .dialog-content>h2{flex-shrink:0;text-align:center;margin-top:0}dialog.custom-dialog .dialog-message:not(:has(*)){text-align:center;text-wrap:balance}dialog.custom-dialog .dialog-back-button+.dialog-content>h2{padding:0 2.5rem}dialog.custom-dialog .dialog-message{min-height:0;padding-left:.25rem;margin-left:-.25rem;padding-right:.25rem;margin-right:-.25rem}@media not all and (max-width:768px){dialog.custom-dialog .dialog-message{overflow-y:auto;padding-right:1.25rem;margin-right:-1.25rem}}.dialog-actions{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;flex-shrink:0;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--shade400)}.dialog-actions:empty{display:none}@media screen and (max-width:768px){.dialog-actions .button,.dialog-actions button{flex:1 1 7rem;min-height:44px}.dialog-discard-actions .button{min-height:44px}}#modalImagePreview{img{max-width:100%;width:100%}}dialog:focus-visible{outline:none}@media screen and (max-width:768px){dialog.custom-dialog{touch-action:none;overscroll-behavior:contain;max-height:calc(100dvh - 3rem);padding:2.75rem 1.25rem 1.25rem}dialog.custom-dialog .dialog-message{overflow:hidden}dialog.custom-dialog .dialog-message.sheet-scrollable{overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-right:.75rem;margin-right:-.75rem}}.dialog-discard-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:color-mix(in srgb,var(--background-card) 94%,transparent);border-radius:inherit}.dialog-discard-text{margin:0;font-weight:600;color:var(--shade900)}.dialog-discard-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.button.dialog-back-button{position:absolute;top:.75rem;left:.75rem;z-index:3}@media(orientation:landscape)and (max-height:520px)and (min-width:600px){dialog.custom-dialog{margin:0 0 0 auto;width:min(26rem,62vw);max-width:none;height:100dvh;max-height:none;padding:1.25rem;border-radius:var(--border-radius-big) 0 0 var(--border-radius-big);transform:translate(100%);touch-action:auto}dialog.custom-dialog[open]{animation:panelSlideIn .26s cubic-bezier(.2,.8,.3,1);transform:none}dialog.custom-dialog .sheet-drawer-handle{display:none}dialog.custom-dialog .dialog-message{overflow-y:auto}dialog.custom-dialog .usage-step-safety-text{max-height:none}dialog.custom-dialog .usage-step-check{position:sticky;bottom:0;z-index:1;margin-top:.25rem;padding:.5rem;background-color:var(--background-card);border-top:1px solid var(--shade400);border-radius:var(--border-radius-small)}}.dialog-message.sheet-scrollable:not(.is-at-end){-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.75rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.75rem),transparent 100%)}@media not all and (max-width:768px){dialog.custom-dialog.dialog-sidepanel{margin:0 0 0 auto;width:min(26rem,62vw);max-width:none;height:100dvh;max-height:none;border-radius:var(--border-radius-big) 0 0 var(--border-radius-big);transform:translate(100%)}dialog.custom-dialog.dialog-sidepanel[open]{animation:panelSlideIn .26s cubic-bezier(.2,.8,.3,1);transform:none}dialog.custom-dialog.dialog-sidepanel .dialog-message{overflow-y:auto}dialog.custom-dialog.dialog-sidepanel::backdrop{background-color:#00000080}}@media(prefers-reduced-motion:reduce){dialog[open],dialog.custom-dialog[open],dialog.custom-dialog.dialog-sidepanel[open]{animation:none}}dialog.custom-dialog .dialog-actions button[disabled],.scan-checklist-bar .button[disabled]{opacity:.5;background-color:var(--shade600);border-color:var(--shade600);color:var(--shade400);cursor:not-allowed}.usage-step-check{display:flex;gap:.75rem;align-items:flex-start;min-height:44px;padding:.5rem 0;cursor:pointer}.usage-step-check input[type=checkbox]{accent-color:var(--brand-secondary);width:1.5rem;height:1.5rem;margin:0;flex:none}.usage-step-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.usage-step-field input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid var(--shade400);border-radius:var(--radius-s, 6px);background:var(--shade100);color:var(--shade900);font:inherit}.usage-step-heading{margin:0 0 .5rem}.usage-step-safety-text{max-height:40vh;overflow-y:auto;padding:.75rem 1rem;margin:.5rem 0 1rem;background-color:var(--shade300);border-radius:var(--border-radius-small);line-height:1.6}
