@layer components{.x-screenshot-capture{z-index:2147483647;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:fixed;inset:0}.x-screenshot-capture img,.x-screenshot-capture-shade{position:absolute;inset:0}.x-screenshot-capture img{width:100%;height:100%}.x-screenshot-capture-shade{background:oklch(0% none none/.55)}.x-screenshot-capture-box{pointer-events:none;border:1px solid var(--alpha);box-shadow:0 0 0 9999px oklch(0% none none/.28), 0 0 .6em color-mix(in oklch, var(--alpha), transparent 70%);position:absolute}.x-screenshot-capture-hint{left:50%;bottom:calc(var(--pad) * 3);color:color-mix(in oklch, var(--fg), transparent 8%);border:1px solid var(--lines);background:var(--surface-panel-strong);-webkit-backdrop-filter:var(--frosted);box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .55rem .5rem .85rem;font-size:.82rem;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.x-screenshot-capture-hint kbd{font:inherit;border:1px solid var(--lines-strong);background:color-mix(in oklch, var(--fg), transparent 92%);border-radius:.45rem;padding:.1rem .45rem;font-size:.72rem}}