/* Shared command palette: main tools, video editor and photo editor. */
dialog.command-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(600px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(70dvh,calc(100dvh - 28px));overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 20px 100px #0008;font:calc(12px * var(--font-factor,1)) Arial,sans-serif;line-height:normal;zoom:1!important}
dialog.command-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.command-dialog .command-input{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--line)}
.command-dialog .command-input>span{color:var(--green);font-size:22px;flex:none}
.command-dialog .command-input input{flex:1;width:100%;min-width:0;margin:0;padding:7px 9px;border:0;background:transparent;color:var(--text);font:15px Arial,sans-serif;outline:none;box-shadow:none}
.command-dialog .command-input .close{position:static;flex:none;align-self:center;border:0;background:none;color:var(--text);font:22px Arial,sans-serif;padding:0 5px;cursor:pointer}
.command-dialog .command-results{display:block;max-height:min(48dvh,calc(100dvh - 180px));overflow:auto;overscroll-behavior:contain;margin:0;padding:7px;scroll-padding:7px}
.command-dialog .command-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;text-align:left;white-space:normal;border:0;background:none;padding:12px;border-radius:4px;color:var(--text);font:inherit;font-weight:400;line-height:1.4;cursor:pointer}
.command-dialog .command-item.active,.command-dialog .command-item:hover{background:color-mix(in srgb,var(--green) 14%,var(--panel));color:var(--green)}
.command-dialog .command-item small{font:9px monospace;color:var(--muted);flex:none;max-width:35%;text-align:right}
.command-dialog .command-item>span{min-width:0;overflow-wrap:anywhere}
.command-dialog .command-hint{font:10px monospace;line-height:1.5;color:var(--muted);padding:12px;border-top:1px solid var(--line);margin:0}
.command-dialog button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.mobile-ui dialog.command-dialog{width:calc(100vw - 20px);max-height:calc(var(--app-height,100dvh) - 24px)!important}
.mobile-ui .command-dialog .command-results{max-height:min(48dvh,calc(var(--app-height,100dvh) - 170px))}
.mobile-ui .command-dialog .command-item{min-height:44px}
@media(max-width:480px){.command-dialog .command-input{padding:10px}.command-dialog .command-hint{padding:10px;font-size:9px}.command-dialog .command-item{gap:8px}}

.mobile-ui .command-dialog .command-input input{font-size:16px}