.mir{gap:16px;display:grid}.mir-view{aspect-ratio:16/9;background:var(--tile);isolation:isolate;border-radius:24px;width:100%;max-height:72vh;display:grid;position:relative;overflow:hidden}.mir-view:focus{outline:none}.mir-view[data-phase=live]{background:#14110f}.mir-view[data-phase=error]{aspect-ratio:auto;max-height:none}.mir-view[data-full]{z-index:1000;aspect-ratio:auto;touch-action:manipulation;border-radius:0;max-height:none;position:fixed;inset:0}.mir-view[data-idle]{cursor:none}.tool-stage:has(.mir-view[data-full]){animation:none}.mir-frame{isolation:isolate;position:absolute;inset:0;overflow:hidden}.mir-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out), transform .3s var(--ease-out);position:absolute;inset:0}.mir-view[data-phase=live] video{opacity:1}.mir-tint{mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.mir-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.mir-view[data-ring][data-phase=live]{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.mir-view[data-ring] .mir-frame{border-radius:18px;inset:clamp(26px,11%,120px) clamp(26px,14%,220px)}.mir-view[data-ring][data-full] .mir-frame{inset:clamp(48px,16vh,220px) clamp(48px,20vw,520px) clamp(150px,22vh,260px)}html:has(.mir-view[data-ring][data-phase=live]) body{background:#fff}.mir-guides{pointer-events:none;position:absolute;inset:0}.mir-guides i{background:#ffffff8c;position:absolute;box-shadow:0 0 0 .5px #00000040}.mir-guides .is-v{width:1px;top:0;bottom:0}.mir-guides .is-h{height:1px;left:0;right:0}.mir-guides .is-eye{height:0;box-shadow:none;background:0 0;border-top:2px dashed #ffffffe6;left:0;right:0}.mir-guides .is-eye span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#14110f8c;border-radius:999px;padding:4px 9px;font-size:12.5px;font-style:normal;font-weight:600;position:absolute;bottom:6px;right:12px}.mir-bar{left:50%;bottom:max(20px, env(safe-area-inset-bottom));width:min(100% - 32px,640px);box-shadow:var(--ring), var(--float);transition:opacity .3s var(--ease-out);background:#fffffff0;border-radius:24px;justify-items:center;gap:10px;padding:14px 16px;display:grid;position:absolute;transform:translate(-50%)}.mir-bar .tool-row{justify-content:center}.mir-view[data-idle] .mir-bar:not(:has(:focus-visible)){opacity:0;pointer-events:none}.mir-toggles .mir-full{margin-left:auto}.mir-cards{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;display:grid}.mir-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mir-reset{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:13.5px;font-weight:600;text-decoration:underline}.mir-reset:disabled{color:var(--muted);opacity:.6;cursor:default;text-decoration:none}.mir-sliders{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.mir-slider{gap:6px;display:grid}.mir-slider>span{color:var(--ink);justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.mir-slider output{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.mir-slider input{width:100%;min-height:28px;accent-color:var(--accent);cursor:pointer;margin:0}.mir-slider input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.mir-snap{align-items:center;gap:12px;display:flex}.mir-snap img{aspect-ratio:16/9;object-fit:cover;width:96px;box-shadow:var(--ring);background:#14110f;border-radius:10px}@media (max-width:899px){.mir-cards{grid-template-columns:1fr}}@media (max-width:679px){.mir-view{aspect-ratio:3/4;border-radius:20px;max-height:70svh}.mir-view[data-ring] .mir-frame{inset:34px 26px}.mir-view[data-ring][data-full] .mir-frame{inset:48px 32px 270px}.mir-toggles .mir-full{margin-left:0}.mir-sliders{grid-template-columns:1fr}}