.tool-mobile__file-format { display:none; }
@media (max-width:600px) {
    /* Room for the sticky action bar, only while it is shown. */
    .tool-mobile.tool-mobile--bar-room { padding-bottom:76px; }
    .tool-mobile.tool-mobile--bar-edge { padding-bottom:8px; }
    .tool-mobile .tool-mobile__preview {
        scroll-margin-top:70px;
        display:block;
        width:auto;
        height:auto;
        max-width:100%;
        max-height:31vh;
        max-height:min(260px, 35svh);
        object-fit:contain;
        margin-inline:auto;
    }
    .tool-mobile [class$="__preview-box"],
    .tool-mobile .color-tool-v2__canvas-wrap,
    .tool-mobile .qr-stage {
        min-height:0;
        padding:0;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-inline:auto;
    }
    .tool-mobile .aspect-cropper__frame {
        width:fit-content;
        max-width:100%;
        margin-inline:auto;
        aspect-ratio:auto !important;
    }
    .tool-mobile .aspect-cropper__canvas {
        max-height:31vh;
        max-height:min(260px, 35svh);
    }
    .tool-mobile .tool-mobile__meta {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        gap:5px;
        margin:4px 0;
        padding:0;
        font-size:10px;
        white-space:nowrap;
    }
    .tool-mobile .tool-mobile__meta > div { display:contents; }
    .tool-mobile .tool-mobile__meta > div > span,
    .tool-mobile .tool-mobile__meta [data-original-name],
    .tool-mobile .tool-mobile__meta [data-original-ratio] { display:none; }
    .tool-mobile .tool-mobile__file-format { display:inline; }
    .tool-mobile .tool-mobile__meta strong { font-size:10px; margin:0; }
    .tool-mobile .tool-mobile__change {
        width:auto;
        min-height:44px;
        padding:0 2px;
        margin:0 0 0 auto;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        color:inherit;
        font-size:10px;
        text-decoration:underline;
        white-space:nowrap;
    }
    .tool-mobile [class$="__controls"] { padding:12px; gap:12px; }
    .tool-mobile [class$="__card"],
    .tool-mobile [class$="__control-card"] { padding:12px; }
    .tool-mobile button,
    .tool-mobile select,
    .tool-mobile input:not([type="file"]):not([type="radio"]):not([type="checkbox"]),
    .tool-mobile label:has(> input[type="radio"]),
    .tool-mobile label:has(> input[type="checkbox"]) { min-height:44px; }
    .tool-mobile button { min-width:44px; }
    .tool-mobile summary { min-height:44px; min-width:44px; }
    .tool-mobile .tool-mobile__action--fixed {
        position:fixed;
        inset:auto 12px max(8px, env(safe-area-inset-bottom));
        width:calc(100% - 24px);
        max-width:none;
        min-height:48px;
        margin:0;
        z-index:100;
        box-shadow:none;
    }
    .tool-mobile [data-result-panel] img { max-height:25svh; }
    .tool-mobile .qr-stage canvas { max-height:min(260px, 35svh); max-width:100%; width:auto; }
}