.lq-video{position: relative;width: 100%;max-width: 560px;margin-inline: auto;aspect-ratio: 4 / 3;border-radius: var(--radius);overflow: hidden;background: #0f172a}.lq-video video,.lq-video canvas{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.lq-video canvas{pointer-events: none}.lq-mira{position: absolute;inset: 14% 18%;pointer-events: none;opacity: 0;transition: opacity 0.2s;box-shadow: 0 0 0 9999px rgba(15,23,42,0.28);--c: rgba(255,255,255,0.92);background: linear-gradient(var(--c),var(--c)) top left / 30px 4px no-repeat,linear-gradient(var(--c),var(--c)) top left / 4px 30px no-repeat,linear-gradient(var(--c),var(--c)) top right / 30px 4px no-repeat,linear-gradient(var(--c),var(--c)) top right / 4px 30px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 30px 4px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 4px 30px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 30px 4px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 4px 30px no-repeat}.lq-video.is-on .lq-mira{opacity: 1}.lq-placeholder{position: absolute;inset: 0;display: grid;place-content: center;justify-items: center;gap: 10px;padding: 24px;text-align: center;color: #cbd5e1}.lq-placeholder .icon{width: 44px;height: 44px;color: #93c5fd}.lq-placeholder p{margin: 0;max-width: 34ch;font-size: 0.95rem}.lq-cam-actions{justify-content: center}.lq-preview{display: grid;justify-items: center}.lq-preview canvas{max-width: 100%;max-height: 420px;height: auto;border-radius: var(--radius-sm);border: 1px solid var(--border)}#lq-res .alert-info{background: var(--brand-soft);color: var(--text);border-color: transparent}#lq-txt{min-height: 0;resize: vertical;overflow-wrap: anywhere}.lq-hist{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.lq-hist button{width: 100%;display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: 8px;align-items: center;padding: 8px 10px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);font: inherit;text-align: left;cursor: pointer}.lq-hist button:hover{background: var(--surface-2)}.lq-h-t{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.9rem}@container (max-width: 420px){.lq-hist button{grid-template-columns: auto minmax(0,1fr)}.lq-hist small{display: none}}