.uied-screen{border-radius:var(--radius-sm);background:radial-gradient(ellipse at 50% 40%, var(--scene-mid), transparent 70%), linear-gradient(180deg, var(--scene-far), var(--scene-near));inline-size:100%;box-shadow:var(--frame), var(--shadow-1);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.uied-screen[data-grid]{background-image:linear-gradient(to right, transparent calc(50% - .5px), color-mix(in srgb, var(--scene-line) 55%, transparent) calc(50% - .5px), color-mix(in srgb, var(--scene-line) 55%, transparent) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), color-mix(in srgb, var(--scene-line) 55%, transparent) calc(50% - .5px), color-mix(in srgb, var(--scene-line) 55%, transparent) calc(50% + .5px), transparent calc(50% + .5px)), radial-gradient(ellipse at 50% 40%, var(--scene-mid), transparent 70%), linear-gradient(180deg, var(--scene-far), var(--scene-near));background-position:50%,50%,50%,50%;background-repeat:repeat,repeat,no-repeat,no-repeat}.uied-frame{cursor:grab;outline:1px solid color-mix(in srgb, var(--scene-accent) 35%, transparent);outline-offset:1px;background:color-mix(in srgb, var(--scene-accent) 8%, transparent);transition:outline-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:3px;position:absolute}.uied-frame:hover{outline-color:color-mix(in srgb, var(--scene-accent) 70%, transparent)}.uied-frame:active{cursor:grabbing}.uied-frame[data-selected]{z-index:2;outline:2px solid var(--gilt);background:color-mix(in srgb, var(--gilt) 14%, transparent)}.uied-frame[data-flagged]:not([data-selected]){outline:2px dashed var(--pc-ember-400)}.uied-frame:focus-visible{outline:var(--ring-width) solid var(--focus);outline-offset:var(--ring-offset)}[data-readonly] .uied-frame{cursor:default;background:0 0;outline-color:#0000}.uied-label{z-index:3;border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--scene-raised);color:var(--scene-ink);font-size:var(--step--2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out);padding:1px 6px;position:absolute;inset-block-end:100%;inset-inline-start:0}.uied-frame:hover .uied-label,.uied-frame:focus-visible .uied-label,.uied-frame[data-selected] .uied-label{opacity:1}.uied-size{z-index:3;background:var(--gilt);block-size:12px;inline-size:12px;box-shadow:0 0 0 2px var(--scene);cursor:nwse-resize;border-radius:2px;position:absolute;inset-block-end:-6px;inset-inline-end:-6px}.uied-guide{z-index:4;background:var(--pc-ember-400);pointer-events:none;position:absolute}.uied-guide-x{inline-size:1px;inset-block:0}.uied-guide-y{block-size:1px;inset-inline:0}.uied-icon{block-size:100%;inline-size:100%;position:absolute;inset:0}.uied-key{color:var(--pc-parchment);text-shadow:0 1px 1px var(--pc-stone-950), 0 0 2px var(--pc-stone-950);pointer-events:none;font-size:30cqmin;font-weight:700;position:absolute;inset-block-start:2%;inset-inline-end:6%}.hud-slot{container-type:size}.uied-range{inline-size:100%;accent-color:var(--gilt);min-block-size:36px}