.portal-field[data-v-cbec5630]{overflow:hidden}.portal-field[data-v-cbec5630],.portal-field__canvas[data-v-cbec5630]{inset:0;pointer-events:none;position:fixed}.portal-field__canvas[data-v-cbec5630]{display:block;height:100vh;touch-action:none;width:100vw;z-index:0}.portal-field__controls[data-v-cbec5630]{align-items:center;bottom:16px;display:flex;gap:10px;pointer-events:auto;position:fixed;right:16px;z-index:20}.portal-field__palette[data-v-cbec5630]{display:flex;gap:8px}.portal-field__jump[data-v-cbec5630],.portal-field__swatch[data-v-cbec5630]{border:1px solid hsla(0,0%,100%,.46);box-shadow:inset 0 0 0 1px #0f172a2e,0 8px 20px #0f172a29}.portal-field__swatch[data-v-cbec5630]{border-radius:999px;cursor:pointer;height:18px;padding:0;width:18px}.portal-field__swatch[data-v-cbec5630]:first-child{background:linear-gradient(135deg,#ff6680,#ffd76b)}.portal-field__swatch[data-v-cbec5630]:nth-child(2){background:linear-gradient(135deg,#34e8d8,#7ca2ff)}.portal-field__swatch[data-v-cbec5630]:nth-child(3){background:linear-gradient(135deg,#ff6f57,#ffd18b)}.portal-field__swatch[data-v-cbec5630]:nth-child(4){background:linear-gradient(135deg,#bb65ff,#54ffd9)}.portal-field__swatch[data-v-cbec5630]:nth-child(5){background:linear-gradient(135deg,#78ff9c,#3fc0ff)}.portal-field__swatch.active[data-v-cbec5630]{box-shadow:0 0 0 1px #ffffffd6,0 0 0 3px #0000002e,0 0 12px #ffffff1f}.portal-field__jump[data-v-cbec5630]{background:#ffffffd6;border-radius:10px;color:#09090b;cursor:pointer;font-size:16px;height:34px;line-height:1;width:34px}.portal-field__jump[data-v-cbec5630]:active,.portal-field__swatch[data-v-cbec5630]:active{transform:translateY(1px)}